"); border: 0px; } button.faz-button, button.wpcf7-submit, .ab-newsletter button.sib-default-btn, .ab-comparison button.button, .product-box button.button, .update-sign-in-form button.button, .ab-infobox button.button, .faz-post__affbox button.button { border-width: 0px; } .faz-button, .wpcf7-submit, .ab-newsletter .sib-default-btn, .ab-comparison .button, .product-box .button, .update-sign-in-form .button, .ab-infobox .button, .faz-post__affbox .button, .navigation.posts-navigation .nav-previous a, .navigation.posts-navigation .nav-next a { font-weight: 600; font-size: 0.875rem; display: inline-block; width: 100%; padding: 1rem 1.5rem; border-radius: 0.125rem; line-height: 1rem; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 0.12rem; } .faz-button--primary, .wpcf7-submit, .ab-newsletter .sib-default-btn, .ab-comparison .button, .product-box .button, .update-sign-in-form .button { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); } @media (hover: hover) { .faz-button--primary, .wpcf7-submit, .ab-newsletter .sib-default-btn, .ab-comparison .button, .product-box .button, .update-sign-in-form .button { transition: background-color 0.3s ease 0s; } .faz-button--primary:hover, .wpcf7-submit:hover, .ab-newsletter .sib-default-btn:hover, .ab-comparison .button:hover, .product-box .button:hover, .update-sign-in-form .button:hover { color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(65, 59, 93); } .faz-button--primary:active, .wpcf7-submit:active, .ab-newsletter .sib-default-btn:active, .ab-comparison .button:active, .product-box .button:active, .update-sign-in-form .button:active { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); } .faz-button--primary:disabled, .wpcf7-submit:disabled, .ab-newsletter .sib-default-btn:disabled, .ab-comparison .button:disabled, .product-box .button:disabled, .update-sign-in-form .button:disabled { color: rgb(255, 255, 255); background-color: rgb(136, 133, 154); } } .faz-button--primary:disabled, .wpcf7-submit:disabled, .ab-newsletter .sib-default-btn:disabled, .ab-comparison .button:disabled, .product-box .button:disabled, .update-sign-in-form .button:disabled { background-color: rgb(136, 133, 154); } @media (hover: hover) { .faz-button--primary:disabled, .wpcf7-submit:disabled, .ab-newsletter .sib-default-btn:disabled, .ab-comparison .button:disabled, .product-box .button:disabled, .update-sign-in-form .button:disabled { cursor: auto; } } .faz-button--secondary { color: rgb(255, 255, 255); background-color: rgb(140, 116, 33); } @media (hover: hover) { .faz-button--secondary { transition: background-color 0.3s ease 0s; } .faz-button--secondary:hover { color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(163, 144, 77); } .faz-button--secondary:active { color: rgb(255, 255, 255); background-color: rgb(140, 116, 33); } .faz-button--secondary:disabled { color: rgb(255, 255, 255); background-color: rgb(198, 186, 144); } } .faz-button--ghost, .product-box .button--ghost, .ab-infobox .button, .faz-post__affbox .button, .navigation.posts-navigation .nav-previous a { color: rgb(2, 2, 3); background-color: transparent; position: relative; width: 100%; padding: 1rem 0px 0px; text-align: left; letter-spacing: 0.06rem; } @media (hover: hover) { .faz-button--ghost, .product-box .button--ghost, .ab-infobox .button, .faz-post__affbox .button, .navigation.posts-navigation .nav-previous a { transition: color 0.3s ease 0s; } .faz-button--ghost:hover, .product-box .button--ghost:hover, .ab-infobox .button:hover, .faz-post__affbox .button:hover, .navigation.posts-navigation .nav-previous a:hover { background-color: transparent; color: rgb(53, 53, 53); cursor: pointer; } .faz-button--ghost:hover::after, .product-box .button--ghost:hover::after, .ab-infobox .button:hover::after, .faz-post__affbox .button:hover::after, .navigation.posts-navigation .nav-previous a:hover::after { opacity: 0.8; } .faz-button--ghost:active, .product-box .button--ghost:active, .ab-infobox .button:active, .faz-post__affbox .button:active, .navigation.posts-navigation .nav-previous a:active { background-color: transparent; color: rgb(2, 2, 3); } .faz-button--ghost:active::after, .product-box .button--ghost:active::after, .ab-infobox .button:active::after, .faz-post__affbox .button:active::after, .navigation.posts-navigation .nav-previous a:active::after { opacity: 1; } .faz-button--ghost:disabled, .product-box .button--ghost:disabled, .ab-infobox .button:disabled, .faz-post__affbox .button:disabled, .navigation.posts-navigation .nav-previous a:disabled { color: rgb(129, 129, 129); } .faz-button--ghost:disabled::after, .product-box .button--ghost:disabled::after, .ab-infobox .button:disabled::after, .faz-post__affbox .button:disabled::after, .navigation.posts-navigation .nav-previous a:disabled::after { opacity: 0.5; } } .faz-button--ghost::after, .product-box .button--ghost::after, .ab-infobox .button::after, .faz-post__affbox .button::after, .navigation.posts-navigation .nav-previous a::after { display: inline-block; background-image: url("data:image/svg+xml,"); position: absolute; bottom: 0px; width: 3rem; height: calc(100% - 1rem); margin-left: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; } .faz-button--ghost-invert { color: rgb(255, 255, 255); background-color: transparent; position: relative; width: 100%; padding: 1rem 0px 0px; text-align: left; letter-spacing: 0.06rem; } @media (hover: hover) { .faz-button--ghost-invert { transition: color 0.3s ease 0s; } .faz-button--ghost-invert:hover { background-color: transparent; color: white; cursor: pointer; } .faz-button--ghost-invert:hover::after { opacity: 0.8; } .faz-button--ghost-invert:active { background-color: transparent; color: rgb(255, 255, 255); } .faz-button--ghost-invert:active::after { opacity: 1; } .faz-button--ghost-invert:disabled { color: white; } .faz-button--ghost-invert:disabled::after { opacity: 0.5; } } .faz-button--ghost-invert::after { display: inline-block; background-image: url("data:image/svg+xml,"); position: absolute; bottom: 0px; width: 3rem; height: calc(100% - 1rem); margin-left: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; } .faz-button--ghost-before, .navigation.posts-navigation .nav-next a { color: rgb(2, 2, 3); background-color: transparent; position: relative; width: 100%; padding: 1rem 0px 0px; text-align: left; letter-spacing: 0.06rem; } @media (hover: hover) { .faz-button--ghost-before, .navigation.posts-navigation .nav-next a { transition: color 0.3s ease 0s; } .faz-button--ghost-before:hover, .navigation.posts-navigation .nav-next a:hover { background-color: transparent; color: rgb(53, 53, 53); cursor: pointer; } .faz-button--ghost-before:hover::after, .navigation.posts-navigation .nav-next a:hover::after { opacity: 0.8; } .faz-button--ghost-before:active, .navigation.posts-navigation .nav-next a:active { background-color: transparent; color: rgb(2, 2, 3); } .faz-button--ghost-before:active::after, .navigation.posts-navigation .nav-next a:active::after { opacity: 1; } .faz-button--ghost-before:disabled, .navigation.posts-navigation .nav-next a:disabled { color: rgb(129, 129, 129); } .faz-button--ghost-before:disabled::after, .navigation.posts-navigation .nav-next a:disabled::after { opacity: 0.5; } } .faz-button--ghost-before::before, .navigation.posts-navigation .nav-next a::before { display: inline-block; background-image: url("data:image/svg+xml,"); transform: rotate(180deg) translateX(4.25rem); position: absolute; bottom: 0px; width: 3rem; height: calc(100% - 1rem); margin-right: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; } .faz-button--ghost-chevron, .ab-comparison .offers-all .button, .faz-button--ghost-chevron-down, .faz-button--ghost-chevron-up { color: rgb(2, 2, 3); background-color: transparent; position: relative; width: 100%; padding-right: 0px; padding-left: 0px; margin-left: 1rem; text-align: left; letter-spacing: 0.06rem; padding-top: 0px !important; padding-bottom: 0px !important; } @media (hover: hover) { .faz-button--ghost-chevron, .ab-comparison .offers-all .button, .faz-button--ghost-chevron-down, .faz-button--ghost-chevron-up { transition: color 0.3s ease 0s; } .faz-button--ghost-chevron:hover, .ab-comparison .offers-all .button:hover, .faz-button--ghost-chevron-down:hover, .faz-button--ghost-chevron-up:hover { background-color: transparent; color: rgb(53, 53, 53); cursor: pointer; } .faz-button--ghost-chevron:hover::after, .ab-comparison .offers-all .button:hover::after, .faz-button--ghost-chevron-down:hover::after, .faz-button--ghost-chevron-up:hover::after { opacity: 0.8; } .faz-button--ghost-chevron:active, .ab-comparison .offers-all .button:active, .faz-button--ghost-chevron-down:active, .faz-button--ghost-chevron-up:active { background-color: transparent; color: rgb(2, 2, 3); } .faz-button--ghost-chevron:active::after, .ab-comparison .offers-all .button:active::after, .faz-button--ghost-chevron-down:active::after, .faz-button--ghost-chevron-up:active::after { opacity: 1; } .faz-button--ghost-chevron:disabled, .ab-comparison .offers-all .button:disabled, .faz-button--ghost-chevron-down:disabled, .faz-button--ghost-chevron-up:disabled { color: rgb(129, 129, 129); } .faz-button--ghost-chevron:disabled::after, .ab-comparison .offers-all .button:disabled::after, .faz-button--ghost-chevron-down:disabled::after, .faz-button--ghost-chevron-up:disabled::after { opacity: 0.5; } } .faz-button--ghost-chevron::before, .ab-comparison .offers-all .button::before, .faz-button--ghost-chevron-down::before, .faz-button--ghost-chevron-up::before { display: inline-block; background-image: url("data:image/svg+xml,"); position: absolute; top: 0px; bottom: 0px; margin: auto 1rem auto auto; left: -1.25rem; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; } .faz-button--ghost-chevron-up::before { transform: rotate(-90deg) translateY(-0.25rem); } .faz-button--ghost-chevron-down::before { transform: rotate(90deg) translateY(0.25rem); } .faz-button--search { background-color: rgb(17, 10, 53); display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); width: 3rem; height: 3rem; border-width: 0px; border-radius: 9.375rem; color: transparent; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; } @media (hover: hover) { .faz-button--search { transition: background-color 0.3s ease 0s; } .faz-button--search:hover { color: rgb(17, 10, 53); cursor: pointer; background-color: rgb(65, 59, 93); } .faz-button--search:active { color: rgb(17, 10, 53); background-color: rgb(17, 10, 53); } .faz-button--search:disabled { color: rgb(17, 10, 53); background-color: rgb(136, 133, 154); } } @media (hover: hover) { .faz-button--search { transition: background-color 0.3s ease 0s; } .faz-button--search:hover { color: transparent; } .faz-button--search:active { color: transparent; } } @media (min-width: 768px), print { .faz-button, .wpcf7-submit, .ab-newsletter .sib-default-btn, .ab-comparison .button, .product-box .button, .update-sign-in-form .button, .ab-infobox .button, .faz-post__affbox .button, .navigation.posts-navigation .nav-previous a, .navigation.posts-navigation .nav-next a { font-weight: 600; font-size: 1rem; line-height: 1.5rem; width: auto; letter-spacing: 0.12rem; } .faz-button--ghost, .product-box .button--ghost, .ab-infobox .button, .faz-post__affbox .button, .navigation.posts-navigation .nav-previous a { width: 100%; } } .navigation.posts-navigation { margin-bottom: 3rem; } .navigation.posts-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; } .navigation.posts-navigation .nav-previous { justify-self: end; order: 1; padding-right: 5rem; grid-column-start: span 2; } .navigation.posts-navigation .nav-next { justify-self: start; padding-left: 5rem; position: absolute; } .mb-full { margin-bottom: 3rem !important; } @media (min-width: 768px), print { .mb-full { margin-bottom: 6rem !important; } } .faz-grid { margin-bottom: 3rem; } .faz-module { position: relative; max-width: 480px; margin: auto auto 3rem; } .faz-module--hero { margin-bottom: 1.5rem; } .faz-module--full { max-width: none; } .faz-module--full > * { max-width: 480px; margin: 0px auto; } .faz-module--question { display: grid; gap: 3rem; margin-bottom: 2rem; } .faz-module--category-header { padding: 0px 1.25rem; margin-bottom: 1.5rem; } .faz-module--category-header > * { margin-bottom: 0px; } .faz-module--category { margin-bottom: 0px; } .faz-module--most-read { margin-bottom: 0px; } .faz-module--deals { margin-top: 0px; margin-bottom: 0px; } .faz-module--trust { margin-bottom: 0px; } .faz-module--trust-mini { margin-bottom: 0px; } .faz-module--search { padding: 1.25rem 1.25rem 0px; } .faz-module--page { padding: 1.25rem 1.25rem 0px; hyphens: auto; } .faz-module--page .entry-content { padding: 0px; } @media (max-width: 767px) { .faz-module--hero .faz-card--default:nth-of-type(3), .faz-module--hero .faz-card--default:nth-of-type(4) { display: none; } .faz-module--hero .faz-card--default .faz-card__content { height: 100%; justify-content: space-between; } .faz-grid .faz-card--test { display: grid; grid-template-columns: 2fr 3fr; gap: 1rem; align-items: start; } .faz-grid .faz-card--test .faz-card__image { position: relative; width: 100%; height: fit-content; } .faz-grid .faz-card--test .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-grid .faz-card--test .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-grid .faz-card--test .faz-card__content { transform: none; margin-bottom: 0px; justify-content: space-between; height: 100%; } .faz-grid .faz-card--test .faz-card__teaser { display: none; } .faz-grid .faz-card--test .faz-card__headline { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; text-align: left; display: inline; } .faz-grid .faz-card--test .faz-card__headline * { display: inline; } .faz-grid .faz-card--test .faz-card__label { color: rgb(2, 2, 3); display: inline; padding: 0px; text-align: left; } .faz-grid .faz-card--test .faz-card__status { font-weight: 400; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; text-align: left; } .faz-module .faz-category__cards .faz-grid { margin-bottom: 1.5rem; } } @media (min-width: 768px), print { .faz-grid { display: grid; margin-bottom: 0px; gap: 4rem 2rem; } .faz-grid--1 { grid-template-columns: 1fr; } .faz-grid--2 { grid-template-columns: 1fr 1fr; } .faz-grid--3 { grid-template-columns: 1fr 1fr 1fr; } .faz-grid--4 { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (min-width: 768px), print { .faz-module { display: grid; max-width: 800px; margin-bottom: 0px; padding: 0px 2.5rem; overflow: hidden; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 4rem; } .faz-module--hero { grid-template-columns: 7fr 5fr; } .faz-module--hero .faz-card--default .faz-card__teaser, .faz-module--hero .faz-pill, .faz-module--hero .version { display: none; } .faz-module--hero .faz-card--article .faz-card__overline { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; } .faz-module--hero .faz-card--article .faz-card__headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-module--hero .faz-card--article .faz-card__content { padding: 1rem 1.5rem 1rem 0px; } .faz-module--full { width: 100%; max-width: none; padding: 0px; } .faz-module--full > * { max-width: 800px; } .faz-module--article { grid-template-columns: 1fr; } .faz-module--category { display: block; width: 100%; max-width: none; margin-top: 0px; padding: 0px; } .faz-module--search { grid-template-columns: 1fr 1fr 1fr; } .faz-module--navigation { grid-template-columns: 1fr; } .faz-module--page { grid-template-columns: 1fr; margin-bottom: 4rem; } .faz-module--question.no_question { grid-template-columns: 1fr; } .faz-module--question.no_question .faz-cards--quickcheck { grid-template-columns: 1fr 1fr; } .faz-module--question.no_question .faz-cards--quickcheck .faz-card:first-child { align-self: start; } .faz-module__wrapper { max-width: 800px; } .faz-module .faz-category__cards { max-width: 800px; margin: auto; padding: 4rem 2.5rem; } .faz-module--category-header { align-items: end; margin-top: 4rem; margin-bottom: 4rem; } .faz-module--trust { display: block; margin-top: 0px; } .faz-module--trust .faz-trust { padding-right: 2.5rem; padding-left: 2.5rem; } .faz-module--trust-mini { grid-template-columns: 1fr; margin-top: 0px; } .faz-module--most-read { display: block; } .faz-module--deals { margin-top: 0px; display: block; } .faz-module--pricecompare { grid-template-columns: 1fr; } .faz-module--author { grid-template-columns: 1fr; } } @media (max-width: 1023px) { .faz-module--hero .faz-card--article .faz-card__overline { display: none; } } @media (min-width: 1024px) { .faz-grid { gap: 4rem 2rem; } } @media (min-width: 1024px) { .faz-module { max-width: 1200px; margin-top: 4rem; } .faz-module--hero .faz-card__status { font-weight: 400; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .faz-module--full { width: 100%; max-width: none; padding: 0px; } .faz-module--full > * { max-width: 1200px; } .faz-module__wrapper { max-width: 1200px; } .faz-module .faz-category__cards { max-width: 1200px; padding: 4rem 2.5rem; } .faz-module--category { max-width: none; margin-top: 0px; } .faz-module--trust { display: block; margin-top: 0px; } .faz-module--most-read { display: block; } .faz-module--deals { margin-top: 0px; display: block; } .faz-module--hero { grid-template-columns: 7fr 5fr; } .faz-module--hero .faz-pill, .faz-module--hero .version { display: block; } .faz-module--trust-mini { margin-top: 0px; } .faz-module--page { max-width: 1200px; margin: auto auto 4rem; } } @media (min-width: 1540px) { .faz-grid { gap: 4rem 2rem; } } @media (min-width: 1540px) { .faz-module { max-width: 1200px; margin-top: 4rem; } .faz-module--full { width: 100%; max-width: none; padding: 0px; } .faz-module--full > * { max-width: 1200px; } .faz-module__wrapper { max-width: 1200px; } .faz-module .faz-category__cards { max-width: 1200px; padding: 4rem 2.5rem; } .faz-module--category { max-width: none; margin-top: 0px; } .faz-module--trust { display: block; margin-top: 0px; } .faz-module--most-read { display: block; } .faz-module--deals { margin-top: 0px; display: block; } .faz-module--trust-mini { margin-top: 0px; } .faz-module--page { max-width: 1200px; margin: auto auto 4rem; } } @media (min-width: 1540px) { .faz-grid { gap: 4rem 2rem; } } @media (min-width: 1540px) { .faz-module { max-width: 1200px; margin-top: 4rem; } .faz-module--full { width: 100%; max-width: none; padding: 0px; } .faz-module--full > * { max-width: 1200px; } .faz-module__wrapper { max-width: 1200px; } .faz-module .faz-category__cards { max-width: 1200px; padding: 4rem 2.5rem; } .faz-module--category { max-width: none; margin-top: 0px; } .faz-module--trust { display: block; margin-top: 0px; } .faz-module--most-read { display: block; } .faz-module--deals { margin-top: 0px; display: block; } .faz-module--trust-mini { margin-top: 0px; } .faz-module--page { max-width: 1200px; margin: auto auto 4rem; } } @media (min-width: 2000px) { .faz-grid { gap: 6rem 2rem; } } @media (min-width: 2000px) { .faz-module { max-width: 1584px; margin-top: 6rem; } .faz-module--full { width: 100%; max-width: none; padding: 0px; } .faz-module--full > * { max-width: 1584px; } .faz-module__wrapper { max-width: 1584px; } .faz-module .faz-category__cards { max-width: 1584px; padding: 6rem 2.5rem; } .faz-module--category { max-width: none; margin-top: 0px; } .faz-module--trust { display: block; margin-top: 0px; } .faz-module--most-read { display: block; } .faz-module--deals { margin-top: 0px; display: block; } .faz-module--trust-mini { margin-top: 0px; } .faz-module--page { max-width: 1200px; margin: auto auto 6rem; } } body { overflow-x: hidden; } .single .faz-site-header + * { margin-top: 7.5rem; } .faz-site-header { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; z-index: 999; position: fixed; top: 0px; overflow: hidden; width: 100%; background-color: rgb(232, 237, 238); } .faz-site-header + * { margin-top: 4.5rem; } .faz-site-header .faz-search { margin: 0px 1.25rem 1.25rem; background-color: rgb(255, 255, 255); } .faz-site-header .faz-icon--close, .faz-site-header .faz-icon--burger-search { width: 3rem; height: 3rem; background-position: left top 38%; justify-self: start; } .faz-site-header .faz-icon--close { background-position: left center; } .faz-site-header .faz-logo, .faz-site-header .faz-logo * { max-height: 2rem; overflow: hidden; line-height: 0; } .faz-site-header__topbar { display: grid; place-items: center; padding-right: 1.25rem; padding-left: 1.25rem; border-bottom: 1px solid rgb(170, 170, 170); grid-template-columns: 1fr 4fr 1fr; } .faz-site-header__topbar, .faz-site-header__topbar * { height: 4.5rem; } @media (min-width: 768px), print { .single .faz-site-header + * { margin-top: initial; } .faz-site-header + * { margin-top: initial; } .faz-site-header { position: relative; border-bottom: 1px solid rgb(170, 170, 170); overflow: initial; } .faz-site-header .faz-logo { margin-top: 2rem; margin-bottom: 2rem; line-height: 100%; } .faz-site-header .faz-logo, .faz-site-header .faz-logo * { height: 3.5rem; max-height: 3.5rem; width: auto; } .faz-site-header__topbar { width: 100%; border: initial; grid-template-columns: 1fr; } .faz-site-header__topbar, .faz-site-header__topbar * { height: auto; } .faz-site-header .faz-icon--close, .faz-site-header .faz-icon--burger-search { display: none; } .faz-site-header .faz-search { max-width: 46.5rem; margin-right: auto; margin-bottom: 2rem; margin-left: auto; background: initial; } .faz-site-header.sticky { position: sticky; top: 0px; height: 4rem; } .faz-site-header.sticky .faz-logo { margin-top: 0.75rem; margin-bottom: 0.75rem; } .faz-site-header.sticky .faz-logo, .faz-site-header.sticky .faz-logo * { height: 2.5rem; max-height: 2.5rem; } .faz-site-header.sticky .faz-search { max-width: 3rem; margin-bottom: 0px; transform: translateX(11.5rem) translateY(-3.5rem); } .faz-site-header.sticky .faz-search.visible { max-width: 26rem; transform: translateX(0px) translateY(-3.5rem); } .faz-site-header.sticky .faz-search__input { visibility: hidden; position: relative; z-index: -1; font-weight: 300; font-size: 1rem; letter-spacing: 0.04rem; line-height: 225%; padding-top: 0.25rem; padding-bottom: 0.25rem; } .faz-site-header.sticky .faz-search__input.visible { visibility: visible; position: static; } .faz-site-header.sticky .faz-search__input.hidden { visibility: hidden; } .faz-site-header.sticky .faz-search__input::placeholder { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-site-header.sticky .faz-nav__inner { display: none; transform: translateY(-3.5rem); margin-top: 2rem; overflow: visible; } .faz-site-header.sticky .faz-nav__controls { display: none; transform: translateY(-3.5rem); } .faz-site-header.sticky .faz-search__submit { width: 2.25rem !important; height: 2.25rem !important; } .faz-site-header.sticky.sticky-full { height: 9.25rem; } .faz-site-header.sticky.sticky-full .faz-nav__inner, .faz-site-header.sticky.sticky-full .faz-nav__controls { display: block; } } @media (min-width: 768px), print { .faz-site-header .faz-search { max-width: 36rem; } } @media (min-width: 2000px) { .faz-site-header .faz-logo { margin-top: 2.5rem; margin-bottom: 2.5rem; } .faz-site-header .faz-logo, .faz-site-header .faz-logo * { height: 4.75rem; max-height: 4.75rem; } .faz-site-header .faz-search { max-width: 46.5rem; } } .faz-search { position: relative; } .faz-search__input { padding: 1.25rem 0.5rem 1.25rem 2rem; border: 2px solid rgb(232, 237, 238); border-radius: 5rem; } .faz-search__submit { position: absolute; top: 0px; right: 0.5rem; bottom: 0px; margin: auto; background-size: 1.25rem; padding: 0px !important; } @media (min-width: 768px), print { .faz-search { z-index: 999; } .faz-search__submit { width: 2.75rem !important; height: 2.75rem !important; } .faz-search__input { font-weight: 400; font-size: 1.75rem; letter-spacing: 0.06rem; padding: 0.75rem 0.5rem 0.75rem 2rem; line-height: 100%; } .faz-search__input::placeholder { color: rgb(85, 85, 85); font-weight: 400; font-size: 1.5rem; letter-spacing: 0.06rem; text-align: center; padding-right: 3rem; line-height: 100%; } } @media (min-width: 1024px) { .faz-search__submit { width: 2.75rem !important; height: 2.75rem !important; } .faz-search__input { padding: 0.5rem 0.5rem 0.5rem 2rem; } } .navigation--open { height: 100vh !important; overflow: hidden !important; } .navigation--open .faz-nav { visibility: visible; transform: translateX(0px); overflow-y: scroll; } @media (min-width: 768px), print { .admin-bar .faz-site-header.sticky { top: 32px; } } .faz-nav { visibility: hidden; position: fixed; top: 4.5rem; left: 0px; width: 100%; height: calc(100% - 4.5rem); background-color: rgb(255, 255, 255); transition: transform 0.3s ease 0s; scroll-behavior: smooth; scrollbar-width: none; transform: translateX(-200vw); will-change: transform; overflow: visible; } .faz-nav::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-nav, .faz-nav a { color: rgb(85, 85, 85); text-decoration: none; } .faz-nav a { display: block; width: calc(100% - 3rem); padding-top: 0.75rem; padding-bottom: 0.75rem; letter-spacing: 0.08rem; -webkit-tap-highlight-color: transparent; } .faz-nav a:active, .faz-nav a:focus { outline: none; } .faz-nav .has-dd { position: relative; } .faz-nav .has-dd.open { color: rgb(17, 10, 53); } .faz-nav .faz-icon--arrow { display: block; position: absolute; top: 0px; right: -2.6rem; bottom: 0px; margin: auto; transition: all 0.3s ease 0s; width: 3rem; height: 3rem; } .faz-nav .collapsed + ul { visibility: collapse; height: 0px; width: 0px; margin: 0px; padding: 0px; overflow: hidden; } .faz-nav .collapsed .faz-icon--arrow { transform: rotate(180deg); width: 3rem; height: 3rem; } .faz-nav__list, .faz-nav__list ul { margin: 0px; padding: 0px; list-style: none; } .faz-nav__list li, .faz-nav__list ul li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-nav__list li a { margin-right: 3rem; padding-right: 1.25rem; padding-left: 1.25rem; } .faz-nav__level-1 > li > a { text-transform: uppercase; } .faz-nav__level-2 > li > a { padding-left: 2.5rem; } .faz-nav__level-3 > li > a { padding-left: 3.75rem; } @media (min-width: 768px), print { .faz-nav { visibility: initial; position: initial; margin: auto; padding: 0px 2.5rem; background: initial; transition: none 0s ease 0s; transform: initial; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-nav { overflow: initial; } } @media (min-width: 768px), print { .faz-nav a { width: auto; } .faz-nav__inner { max-width: calc(800px - 5rem); margin: auto; overflow-x: scroll; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-nav__inner { overflow: initial; } } @media (min-width: 768px), print { .faz-nav__inner a { display: block; white-space: pre; } .faz-nav__inner * { width: fit-content; } .faz-nav__inner > ul { margin: auto; display: flex; z-index: 1; align-items: center; gap: 2rem; } .faz-nav__inner > ul > li { z-index: 1; position: relative; overflow: hidden; } .faz-nav__inner .faz-icon { display: none; } .faz-nav__list li a { display: block; width: 100%; margin: 0px; padding: 0.5rem 0px; } .faz-nav__list li a:first-child { margin-left: 0px; } .faz-nav__list li a:nth-last-child(-n) { margin-right: 0px; } .faz-nav__list > li > a { padding-bottom: 2rem; } .faz-nav__list > li:hover > a, .faz-nav__list > .current > a { color: rgb(17, 10, 53); } .faz-nav__list > li:hover > a::after, .faz-nav__list > .current > a::after { display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 4px; content: ""; background-color: rgb(17, 10, 53); } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-nav .has-dd.collapsed + ul:hover, .faz-nav .has-dd.collapsed:hover + ul { visibility: visible; z-index: 1; position: fixed; width: 17rem; height: auto; padding: 1.5rem 0px; overflow: visible; background: rgb(255, 255, 255); } } @media (min-width: 768px), print { .faz-nav__level-2 { z-index: 3 !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 44px 0px; } .faz-nav__level-2 li { display: block; width: 100%; overflow-wrap: break-word; } .faz-nav__level-2 li a { padding-right: 3rem; padding-left: 2rem; white-space: initial; } .faz-nav__level-2 .has-dd::after { position: absolute; display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); top: 0px; right: 1.5rem; bottom: 0px; width: 0.75rem; min-width: 0.75rem; height: 0.75rem; min-height: 0.75rem; margin-top: auto; margin-bottom: auto; content: ""; transform: rotate(90deg); } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-nav__level-2 a:hover { color: rgb(17, 10, 53); background-color: rgb(232, 237, 238); } } @media (min-width: 768px), print { .faz-nav__level-3 { box-shadow: rgba(0, 0, 0, 0.15) 14px 14px 37px -14px, rgba(0, 0, 0, 0.15) 14px -7px 37px -14px, rgba(0, 0, 0, 0.15) 8px 0px 8px -8px inset; transform: translateX(17rem) translateY(-4rem); z-index: 2 !important; } .faz-nav__controls { z-index: 1; position: absolute; width: calc(100% - 5rem); overflow: visible; pointer-events: none; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-nav__controls { pointer-events: initial; } } @media (min-width: 768px), print { .faz-nav__controls-prev { background-color: rgb(232, 237, 238); position: absolute; top: -4.25rem; left: -2.5rem; width: 3rem; height: 3rem; transform: rotate(180deg); display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); background-position: left 1.125rem center; } .faz-nav__controls-prev:hover { cursor: pointer; } .faz-nav__controls-next { background-color: rgb(232, 237, 238); position: absolute; top: -4.25rem; right: -2.5rem; width: 3rem; height: 3rem; display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); background-position: left 1.5rem center; } .faz-nav__controls-next:hover { cursor: pointer; } .faz-nav__controls .disabled { background-image: none; } .faz-nav__controls .disabled:hover { cursor: auto; } } @media (min-width: 1024px) { .faz-nav__inner { max-width: calc(1200px - 5rem); } } @media (min-width: 1540px) { .faz-nav__inner { max-width: calc(1200px - 5rem); } } @media (min-width: 1540px) { .faz-nav__inner { max-width: calc(1200px - 5rem); } } @media (min-width: 2000px) { .faz-nav__inner { max-width: calc(1584px - 5rem); } } .faz-topbar { display: none; } .faz-topbar__menu { margin: 0px; list-style: none; display: flex; gap: 2rem; padding: 0px 1.25rem; justify-content: center; font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-topbar__menu li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-topbar__menu a { text-decoration: none; color: rgb(2, 2, 3); } .faz-topbar.mobile { display: block; } @media (min-width: 768px), print { .faz-topbar { position: absolute; display: block; left: 1.25rem; } .faz-topbar__menu { margin: 0px; list-style: none; justify-content: flex-start; display: flex; gap: 2rem; padding: 1.25rem; } .faz-topbar__menu li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-topbar.mobile { display: none; } } .faz-footer { position: relative; padding: 3.75rem 1.25rem; background-color: rgb(232, 237, 238); } .faz-footer__inner { position: relative; margin: auto; } .faz-footer__logo { margin-bottom: 3.5rem; text-align: center; } .faz-footer__headline { font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; display: block; margin-bottom: 1rem; font-family: SuisseI; } .faz-footer__menu { margin: 0px; padding: 0px; list-style: none; } .faz-footer__menu li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-footer__menu > li > a { color: rgb(85, 85, 85); font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; display: block; padding-bottom: 1rem; padding-left: 1.5rem; text-decoration: none; } .faz-footer__copyright { margin-top: 3.5rem; font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; margin-bottom: 1rem; text-align: center; } .faz-footer--bottom .faz-footer__menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; } .faz-footer--bottom .faz-footer__menu > li > a { color: rgb(2, 2, 3); font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; padding: 0px; } .faz-footer .faz-social { margin-top: 3.5rem; } @media (min-width: 768px), print { .faz-footer { display: grid; grid-template-columns: auto auto; gap: 0px 2.5rem; padding: 6rem 2.5rem 2rem; } .faz-footer__inner { display: grid; max-width: calc(69rem); padding-right: 2.5rem; padding-left: 2.5rem; grid-column: span 2; grid-template-columns: auto auto minmax(150px, auto) auto; gap: 0px 3rem; } .faz-footer__logo { grid-column: span 4; } .faz-footer__headline { text-align: center; } .faz-footer__menu > li > a { color: rgb(2, 2, 3); font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; padding-bottom: 0px; padding-left: 0px; text-align: center; } .faz-footer__copyright { margin-top: 3rem; text-align: right; } .faz-footer__copyright .br-mob-only { display: none; } .faz-footer--bottom { margin-top: 3rem; text-align: left; } .faz-footer--bottom .faz-footer__menu { justify-content: start; gap: 0px 2.5rem; } .faz-footer .faz-social { margin-top: 0px; margin-bottom: 2rem; } } .faz-social__headline { font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; display: block; margin-bottom: 0.5rem; font-family: SuisseI; text-align: center; white-space: pre; } .faz-social__icons { margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; } .faz-social__icons li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-social__icons .faz-icon { width: 1.5rem; min-width: 1.5rem; height: 1.5rem; min-height: 1.5rem; } .faz-pill, .version { font-size: 0.75rem; letter-spacing: 0.06rem; display: flex; justify-content: center; align-items: center; height: auto; padding: 0.5rem 1rem 0.4rem; border-radius: 1.5rem; font-weight: 600; line-height: 1; text-decoration: none; text-transform: uppercase; gap: 0.5rem; color: rgb(255, 255, 255); background-color: rgb(140, 116, 33); } @media (hover: hover) { .faz-pill, .version { transition: background-color 0.3s ease 0s; } .faz-pill:hover, .version:hover { color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(163, 144, 77); } .faz-pill:active, .version:active { color: rgb(255, 255, 255); background-color: rgb(140, 116, 33); } .faz-pill:disabled, .version:disabled { color: rgb(255, 255, 255); background-color: rgb(198, 186, 144); } } .faz-pill--primary { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); } @media (hover: hover) { .faz-pill--primary { transition: background-color 0.3s ease 0s; } .faz-pill--primary:hover { color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(65, 59, 93); } .faz-pill--primary:active { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); } .faz-pill--primary:disabled { color: rgb(255, 255, 255); background-color: rgb(136, 133, 154); } } .faz-pill--secondary { color: rgb(17, 10, 53); background-color: rgb(255, 255, 255); border: 1px solid rgb(207, 206, 215); } @media (hover: hover) { .faz-pill--secondary { transition: background-color 0.3s ease 0s; } .faz-pill--secondary:hover { color: rgb(17, 10, 53); cursor: pointer; background-color: white; } .faz-pill--secondary:active { color: rgb(17, 10, 53); background-color: rgb(255, 255, 255); } .faz-pill--secondary:disabled { color: rgb(17, 10, 53); background-color: white; } } @media (hover: hover) { .faz-pill--secondary:hover { background-color: rgb(17, 10, 53); color: rgb(255, 255, 255); } } .label--prime-deal { background: rgb(230, 24, 73); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.06rem; padding: 0.35rem 0.35rem 0.135rem; text-transform: uppercase; } .label--advertorial { background: rgb(232, 237, 238); font-weight: 600; font-size: 1rem; line-height: 100%; letter-spacing: 0.04rem; padding: 0.25rem 0.5rem; text-transform: uppercase; } .faz-card { position: relative; margin: 1.5rem 0px; } .faz-card a { display: block; text-decoration: none; } .faz-card:last-child { margin-bottom: 0px; } .faz-card__image { width: 100%; position: relative; } .faz-card__image::before { content: ""; display: block; padding-top: 75%; } .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card__image-left img { object-position: left center; } .faz-card__image-right img { object-position: right center; } .faz-card__pill { position: absolute; top: 1rem; right: 1rem; } .faz-card__info { font-weight: 300; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; font-family: SuisseI; position: absolute; top: 0px; right: 0.5rem; } .faz-card__overline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 1rem; color: rgb(140, 116, 33); font-family: SangBleuKingdom; } .faz-card__headline, .ab-infobox .headline, .faz-post__affbox .headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 0.5rem; hyphens: manual; word-break: break-word; } @media (hover: hover) { .faz-card__headline a:hover, .ab-infobox .headline a:hover, .faz-post__affbox .headline a:hover { color: rgb(2, 2, 3); } } .faz-card__content { display: flex; flex-direction: column; margin-top: 1.5rem; } .faz-card__teaser { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-card__teaser, .faz-card__teaser a { color: rgb(2, 2, 3); font-weight: 300; } .faz-card__comments { display: none; } .faz-card__comments, .faz-card__comments a { color: rgb(2, 2, 3); font-weight: 500; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .faz-card__status { font-weight: 500; font-size: 1rem; letter-spacing: 0.04rem; line-height: 1.5rem; } .faz-card__status, .faz-card__status a { color: rgb(2, 2, 3); } .faz-card__author { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; display: flex; align-items: center; } .faz-card__author, .faz-card__author a { color: rgb(2, 2, 3); } .faz-card__author img { width: 4.4375rem; height: 4.4375rem; margin-right: 1rem; border-radius: 50%; } .faz-card__cta { margin-top: 2rem; } .faz-card--hero { margin: 0px 0px 2rem; background-color: rgb(247, 247, 247); } .faz-card--hero .faz-card__image { position: relative; width: 100%; } .faz-card--hero .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--hero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--hero .faz-card__content { margin-top: 2.5rem; padding-right: 1.25rem; padding-bottom: 2rem; padding-left: 1.25rem; } .faz-card--hero .faz-card__teaser { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-card--hero .faz-card__headline, .faz-card--hero .ab-infobox .headline, .ab-infobox .faz-card--hero .headline, .faz-card--hero .faz-post__affbox .headline, .faz-post__affbox .faz-card--hero .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; display: -webkit-box; margin-bottom: 2rem; } .faz-card--hero .faz-card__status { margin-bottom: 1rem; } .faz-card--default .faz-card__overline { display: none; } .faz-card--default .faz-card__image { position: relative; width: 100%; } .faz-card--default .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--default .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--default .faz-pill, .faz-card--default .version { display: none; } .faz-card--deals .faz-pill, .faz-card--deals .version { display: none; } .faz-card--article { margin-top: 0px; } .faz-card--article .faz-card__image { position: relative; width: 100%; height: 100%; } .faz-card--article .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--article .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--article .faz-card__headline, .faz-card--article .ab-infobox .headline, .ab-infobox .faz-card--article .headline, .faz-card--article .faz-post__affbox .headline, .faz-post__affbox .faz-card--article .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 0.5rem; } .faz-card--article .faz-card__content { display: flex; height: 100%; margin-top: 0px; padding: 0.75rem; background-color: rgb(247, 247, 247); } .faz-card--article .faz-card__overline { margin-bottom: 0.5rem; } .faz-card--article .faz-card__cta { display: none; } .faz-card--question { display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='254.6414px' height='254.6414px' viewBox='0 0 254.6414 254.6414' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EKompass mit Rand%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Kompass-mit-Rand' transform='translate(127.320700, 127.320700) rotate(270.000000) translate(-127.320700, -127.320700) '%3E%3Ccircle id='Oval' fill='%23110A35' cx='127.756997' cy='127.733545' r='117'%3E%3C/circle%3E%3Ccircle id='Oval-Copy-2' fill='%23110A35' transform='translate(127.320700, 127.320700) rotate(-89.855134) translate(-127.320700, -127.320700) ' cx='127.3207' cy='127.3207' r='127'%3E%3C/circle%3E%3Cpath d='M123.420997,156.556997 L194.620997,194.556997 L153.620997,117.356797 C153.620997,117.256997 161.420997,154.756997 123.420997,156.556997 Z' id='Path' fill='%23967D28' fill-rule='nonzero'%3E%3C/path%3E%3Cpolyline id='Path' points='153.620997 117.256997 195.020997 195.256997 119.620997 154.456997'%3E%3C/polyline%3E%3Cpolyline id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round' points='153.620997 117.256997 195.020997 195.256997 119.620997 154.456997'%3E%3C/polyline%3E%3Cpath d='M107.320997,147.456997 C96.320997,136.456997 96.320997,118.556997 107.320997,107.556997 C118.320997,96.556997 136.220997,96.556997 147.220997,107.556997 C158.220997,118.556997 158.220997,136.456997 147.220997,147.456997 C136.220997,158.456997 118.320997,158.456997 107.320997,147.456997' id='Path'%3E%3C/path%3E%3Cpath d='M107.320997,147.456997 C96.320997,136.456997 96.320997,118.556997 107.320997,107.556997 C118.320997,96.556997 136.220997,96.556997 147.220997,107.556997 C158.220997,118.556997 158.220997,136.456997 147.220997,147.456997 C136.220997,158.456997 118.320997,158.456997 107.320997,147.456997 Z' id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Ccircle id='Oval' stroke='%23E8EDEE' stroke-width='7.00002237' stroke-linecap='round' stroke-linejoin='round' transform='translate(127.320700, 127.320700) rotate(-89.855134) translate(-127.320700, -127.320700) ' cx='127.3207' cy='127.3207' r='119.500011'%3E%3C/circle%3E%3Cpolyline id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round' points='137.420997 101.156997 59.520997 59.756997 100.320997 135.056997'%3E%3C/polyline%3E%3Cline x1='243.420997' y1='127.456997' x2='214.420997' y2='127.456997' id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3Cline x1='12.220997' y1='127.456997' x2='41.220997' y2='127.456997' id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3Cline x1='127.820997' y1='243.056997' x2='127.820997' y2='214.156997' id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3Cline x1='127.820997' y1='11.856997' x2='127.820997' y2='40.856997' id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 3.5rem; background-position: left top; } .faz-card--question .faz-card__overline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; padding-left: 4.75rem; margin-bottom: 1.5rem; padding-top: 0.75rem; } .faz-card--question .faz-card__headline, .faz-card--question .ab-infobox .headline, .ab-infobox .faz-card--question .headline, .faz-card--question .faz-post__affbox .headline, .faz-post__affbox .faz-card--question .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; margin-bottom: 2rem; } .faz-card--question .faz-card__content { margin-top: 0px; } .faz-card--question .faz-card__teaser { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-card--question .faz-card__cta { margin-top: 0rem; } .faz-card--testhero .faz-card__overline { margin-bottom: 1rem; } .faz-card--testhero .faz-card__image { position: relative; width: 100%; } .faz-card--testhero .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--testhero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--testhero .faz-card__headline, .faz-card--testhero .ab-infobox .headline, .ab-infobox .faz-card--testhero .headline, .faz-card--testhero .faz-post__affbox .headline, .faz-post__affbox .faz-card--testhero .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 1.5rem; } .faz-card--testhero .faz-card__teaser { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-bottom: 0.5rem; } .faz-card--testhero .faz-card__content { margin-top: 2rem; margin-bottom: 2rem; } .faz-card--testhero .faz-card__cta { display: none; } .faz-card--test { margin: 0px; padding-bottom: 1.5rem; text-align: center; } .faz-card--test .faz-card__overline { display: none; } .faz-card--test:last-child { padding-bottom: 0px; } .faz-card--test .faz-card__image { position: relative; width: 100%; } .faz-card--test .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--test .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--test .faz-card__content { margin-bottom: -2rem; transform: translateY(-2rem); } .faz-card--test .faz-card__content.no-label { transform: initial; margin-bottom: 0px; margin-top: 0px; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 0.5rem; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline, .faz-card--test .faz-card__headline *, .faz-card--test .ab-infobox .headline *, .ab-infobox .faz-card--test .headline *, .faz-card--test .faz-post__affbox .headline *, .faz-post__affbox .faz-card--test .headline * { display: flex; flex-direction: column; } .faz-card--test .faz-card__label { display: inline-block; align-self: center; width: auto; margin-bottom: 0px; padding: 1rem 2.5rem 0px; background-color: rgb(255, 255, 255); } .faz-card--test .faz-card__teaser { margin-bottom: 0.5rem; } .faz-card--related { grid-template-columns: 1fr 2fr; } .faz-card--related .faz-card__description { display: none; } .faz-card--related .faz-card__description, .faz-card--related .faz-card__description a { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } @media (max-width: 767px) { .faz-card:first-child { margin-top: 0px; } .faz-card .faz-pill, .faz-card .version { display: none; } .faz-card__content { margin-top: 0px; } .faz-card--default { display: grid; grid-template-columns: 2fr 3fr; gap: 1rem; align-items: start; } .faz-card--default .faz-card__image { position: relative; width: 100%; height: fit-content; } .faz-card--default .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--default .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--default .faz-card__status { font-weight: 400; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .faz-card--default .faz-card__content { margin-top: 0px; } .faz-card--default .faz-card__headline, .faz-card--default .ab-infobox .headline, .ab-infobox .faz-card--default .headline, .faz-card--default .faz-post__affbox .headline, .faz-post__affbox .faz-card--default .headline { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; } .faz-card--default .faz-card__overline { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; } .faz-card--question .faz-card__overline { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; } .faz-card--question .faz-card__headline, .faz-card--question .ab-infobox .headline, .ab-infobox .faz-card--question .headline, .faz-card--question .faz-post__affbox .headline, .faz-post__affbox .faz-card--question .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .faz-card--question .faz-card__teaser { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-card--article { display: grid; grid-template-columns: 2fr 3fr; gap: 1rem; background-color: rgb(247, 247, 247); } .faz-card--article .faz-card__image { position: relative; width: 100%; height: 100%; } .faz-card--article .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--article .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--article .faz-card__headline, .faz-card--article .ab-infobox .headline, .ab-infobox .faz-card--article .headline, .faz-card--article .faz-post__affbox .headline, .faz-post__affbox .faz-card--article .headline { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; } .faz-card--article .faz-card__cta { display: none; } .faz-card--article .faz-card__content { justify-content: center; padding-left: 0px; } .faz-card--article .faz-card__overline { font-weight: 600; line-height: 1rem; letter-spacing: 0px; font-size: 0.875rem; } .faz-card--testhero .faz-card__content { margin-top: 1rem; } .faz-card--testhero .faz-card__headline, .faz-card--testhero .ab-infobox .headline, .ab-infobox .faz-card--testhero .headline, .faz-card--testhero .faz-post__affbox .headline, .faz-post__affbox .faz-card--testhero .headline { font-weight: 700; font-size: 1.75rem; line-height: 125%; letter-spacing: 0px; } .faz-card--testhero .faz-card__teaser { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } } @media (min-width: 768px), print { .faz-card { display: grid; margin: 0px; padding-bottom: 0px; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .faz-card__info { top: -1.5rem; } .faz-card__content { height: fit-content; margin-top: 0px; } .faz-card__image { height: fit-content; } .faz-card__cta { margin-top: 2rem; } .faz-card--hero { margin-bottom: 0px; gap: 0px; grid-template-rows: auto 1fr; } .faz-card--hero .faz-card__image { grid-column-start: span 2; } .faz-card--hero .faz-card__content { display: grid; height: calc(100% - 2.5rem); padding-right: 2.5rem; padding-left: 2.5rem; grid-template-rows: auto auto auto 1fr; grid-column-start: span 2; grid-template-columns: auto 1fr; } .faz-card--hero .faz-card__headline, .faz-card--hero .ab-infobox .headline, .ab-infobox .faz-card--hero .headline, .faz-card--hero .faz-post__affbox .headline, .faz-post__affbox .faz-card--hero .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } .faz-card--hero .faz-card__headline, .faz-card--hero .ab-infobox .headline, .ab-infobox .faz-card--hero .headline, .faz-card--hero .faz-post__affbox .headline, .faz-post__affbox .faz-card--hero .headline, .faz-card--hero .faz-card__teaser, .faz-card--hero .faz-card__status { grid-column-start: span 2; } .faz-card--hero .faz-card__status { margin-bottom: 1.5rem; } .faz-card--hero .faz-card__author { align-self: end; order: 1; } .faz-card--hero .faz-card__cta { align-self: end; margin-top: 0px; margin-right: 4rem; } .faz-card--hero .faz-card__cta .faz-button, .faz-card--hero .faz-card__cta .ab-infobox .button, .ab-infobox .faz-card--hero .faz-card__cta .button, .faz-card--hero .faz-card__cta .faz-post__affbox .button, .faz-post__affbox .faz-card--hero .faz-card__cta .button { min-width: 15.625rem; } .faz-card--test { display: block; max-width: 30rem; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-card--test .faz-card__content.no-label { margin-top: 1.25rem; } .faz-card--testhero { gap: 2rem; } .faz-card--testhero .faz-card__content { display: grid; align-self: center; margin: 0px 0px 0px 2rem; grid-template-columns: 1fr 1fr auto auto; } .faz-card--testhero .faz-card__headline, .faz-card--testhero .ab-infobox .headline, .ab-infobox .faz-card--testhero .headline, .faz-card--testhero .faz-post__affbox .headline, .faz-post__affbox .faz-card--testhero .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; margin-bottom: 2rem; grid-column-start: span 4; } .faz-card--testhero .faz-card__teaser { grid-column-start: span 4; } .faz-card--testhero .faz-card__status { align-self: center; order: 1; margin-top: 2rem; } .faz-card--testhero .faz-card__comments { display: initial; align-self: center; order: 1; width: 100%; min-width: 2.75rem; margin-top: 2rem; margin-left: 2rem; padding-left: 2.75rem; line-height: 3rem; background-position: left center; background-size: 2.25rem; } .faz-card--testhero .faz-card__cta { display: flex; width: fit-content; grid-column-start: span 2; } .faz-card--testhero .faz-card__image { position: relative; width: 100%; } .faz-card--testhero .faz-card__image::before { content: ""; display: block; padding-top: 75%; } .faz-card--testhero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--question { align-self: center; height: fit-content; margin-top: 0px; margin-bottom: 0px; margin-left: 2rem; grid-template-columns: 1fr; background-size: 5rem; } .faz-card--question .faz-card__overline { padding-top: 1.5rem; padding-left: 6.5rem; font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-card--question .faz-card__headline, .faz-card--question .ab-infobox .headline, .ab-infobox .faz-card--question .headline, .faz-card--question .faz-post__affbox .headline, .faz-post__affbox .faz-card--question .headline { font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; padding-top: 1rem; } .faz-card--question .faz-card__cta { margin-top: 1rem; } .faz-card--article { height: fit-content; background-color: rgb(247, 247, 247); } .faz-card--article .faz-card__overline { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; } .faz-card--article .faz-card__headline, .faz-card--article .ab-infobox .headline, .ab-infobox .faz-card--article .headline, .faz-card--article .faz-post__affbox .headline, .faz-post__affbox .faz-card--article .headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-card--article .faz-card__content { padding: 1.5rem 1rem 1.5rem 0px; } .faz-card--default { justify-content: center; align-items: center; } .faz-card--overline .faz-card__content { padding: 1.5rem 1rem 1.5rem 0px; } .faz-card--small { grid-template-columns: 1fr; } .faz-card--related { grid-template-columns: 1fr 2fr; } .faz-card--related .faz-card__description { display: block; } .faz-grid.faz-grid--3 .faz-card--article, .faz-module--search .faz-card--article { grid-template-columns: 1fr; height: 100%; grid-template-rows: max-content; } .faz-grid.faz-grid--3 .faz-card--article .faz-card__image, .faz-module--search .faz-card--article .faz-card__image { position: relative; width: 100%; } .faz-grid.faz-grid--3 .faz-card--article .faz-card__image::before, .faz-module--search .faz-card--article .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-grid.faz-grid--3 .faz-card--article .faz-card__image img, .faz-module--search .faz-card--article .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-grid.faz-grid--3 .faz-card--article .faz-card__content, .faz-module--search .faz-card--article .faz-card__content { padding: 0px 1.5rem 1rem; position: relative; } } @media (min-width: 1024px) { .faz-card--question { margin-left: 3rem; } .faz-card--article .faz-card__headline, .faz-card--article .ab-infobox .headline, .ab-infobox .faz-card--article .headline, .faz-card--article .faz-post__affbox .headline, .faz-post__affbox .faz-card--article .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .faz-card--article .faz-card__content { padding: 1.5rem 1.5rem 1.5rem 0.5rem; } .faz-card--overline .faz-card__content { padding: 1.5rem 1.5rem 1.5rem 0.5rem; } .faz-card--testhero .faz-card__content { margin-left: 3rem; } .faz-card--testhero .faz-card__image { position: relative; width: 100%; } .faz-card--testhero .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--testhero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--test .faz-card__label { padding-top: 0.75rem; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } } @media (min-width: 1540px) { .faz-card--question { margin-left: 4rem; } .faz-card--question .faz-card__headline, .faz-card--question .ab-infobox .headline, .ab-infobox .faz-card--question .headline, .faz-card--question .faz-post__affbox .headline, .faz-post__affbox .faz-card--question .headline { font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; } .faz-card--article .faz-card__content { padding: 2rem 1.5rem 2rem 1rem; } .faz-card--overline .faz-card__overline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-card--overline .faz-card__content { padding: 2rem 1.5rem 2rem 1rem; } .faz-card--testhero .faz-card__content { margin-left: 4rem; } .faz-card--testhero .faz-card__image { position: relative; width: 100%; } .faz-card--testhero .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--testhero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } } @media (min-width: 2000px) { .faz-card--question { margin-left: 5.5rem; } .faz-card--question .faz-card__headline, .faz-card--question .ab-infobox .headline, .ab-infobox .faz-card--question .headline, .faz-card--question .faz-post__affbox .headline, .faz-post__affbox .faz-card--question .headline { font-weight: 700; font-size: 4rem; line-height: 4.5rem; letter-spacing: 0px; } .faz-card--article .faz-card__headline, .faz-card--article .ab-infobox .headline, .ab-infobox .faz-card--article .headline, .faz-card--article .faz-post__affbox .headline, .faz-post__affbox .faz-card--article .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } .faz-card--article .faz-card__content { padding: 2.5rem 1.5rem; } .faz-card--overline .faz-card__content { padding: 1.5rem; } .faz-card--testhero .faz-card__content { margin-left: 5.5rem; } .faz-card--testhero .faz-card__image { position: relative; width: 100%; } .faz-card--testhero .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--testhero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } } .faz-module--trust, .faz-module--trust-mini { background-color: rgb(17, 10, 53); } .faz-trust { padding: 4rem 1.25rem; color: rgb(255, 255, 255); } .faz-trust__headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; display: block; margin-bottom: 1.5rem; font-family: SangBleuKingdom; hyphens: manual; } .faz-trust__teaser { font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; margin-bottom: 2rem; } .faz-trust--mini { margin: 0px auto; overflow: hidden; padding: 1rem 1.25rem; display: grid; grid-template-columns: 6.5rem 1fr; } .faz-trust--mini * { color: rgb(255, 255, 255); } .faz-trust--mini .faz-trust__image { padding-right: 1rem; } .faz-trust--mini .faz-trust__image img { max-height: 4rem; width: auto; margin: auto; } .faz-trust--mini .faz-trust__image + .faz-trust__headline { grid-column-end: auto; } .faz-trust--mini .faz-trust__headline { font-weight: 400; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; margin: 0px; padding: 0px; font-family: SuisseI; word-break: break-word; hyphens: manual; grid-column-end: span 2; } .faz-trust--mini .faz-trust__headline .headline2 { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 0.25rem; } .faz-trust--mini .faz-trust__headline .headline3 { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 0.25rem; } .faz-trust--mini .faz-trust__headline .headline4 { font-weight: 700; line-height: 125%; letter-spacing: 0px; margin-bottom: 0.25rem; font-size: 1.125rem; } .faz-trust--mini .faz-trust__headline .headline5 { font-weight: 700; line-height: 125%; letter-spacing: 0px; margin-bottom: 0.25rem; font-size: 1rem; } .faz-trust--mini .faz-trust__headline > * { display: flex; align-items: center; margin: 0px; padding: 0px; gap: 1rem; } .faz-trust--mini .faz-trust__link { display: inline-block; font-weight: 600; font-size: 0.75rem; color: rgb(255, 255, 255); text-align: right; grid-column-end: 3; position: relative; width: 100%; margin: 0px 2rem 0px 0px; padding: 0.5rem 0px 0px; line-height: 1; text-decoration: none; text-transform: uppercase; letter-spacing: 0.14rem; } @media (min-width: 768px), print { .faz-trust { display: grid; padding: 4rem 0px; grid-template-columns: 1fr 2fr; } .faz-trust__headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; padding-right: 3.5rem; text-align: right; } .faz-trust__content { margin-bottom: 0px; padding-left: 3.5rem; border-left: 1px solid rgb(140, 116, 33); } .faz-trust__teaser { font-weight: 400; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-bottom: 3rem; } .faz-trust--mini { align-items: center; width: 100%; max-width: 800px; padding: 1.5rem 2.5rem; grid-template-columns: 6.5rem 3fr auto; } .faz-trust--mini .faz-trust__image { padding-right: 1.5rem; } .faz-trust--mini .faz-trust__headline { font-weight: 400; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.06rem; text-align: left; } .faz-trust--mini .faz-trust__headline .headline2 { font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; } .faz-trust--mini .faz-trust__headline .headline3 { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } .faz-trust--mini .faz-trust__headline .headline4 { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .faz-trust--mini .faz-trust__headline .headline5 { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-trust--mini .faz-trust__link { font-weight: 600; font-size: 0.875rem; grid-column-end: 4; display: inline-block; position: relative; width: 100%; margin: 0px 2rem 0px 0px; padding: 0px; border-radius: 0.125rem; line-height: 1rem; color: rgb(255, 255, 255); background-color: transparent; text-align: left; text-decoration: none; text-transform: uppercase; letter-spacing: 0.14rem; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-trust--mini .faz-trust__link { transition: color 0.3s ease 0s; } .faz-trust--mini .faz-trust__link:hover { background-color: transparent; color: white; cursor: pointer; } .faz-trust--mini .faz-trust__link:hover::after { opacity: 0.8; } .faz-trust--mini .faz-trust__link:active { background-color: transparent; color: rgb(255, 255, 255); } .faz-trust--mini .faz-trust__link:active::after { opacity: 1; } .faz-trust--mini .faz-trust__link:disabled { color: white; } .faz-trust--mini .faz-trust__link:disabled::after { opacity: 0.5; } } @media (min-width: 768px), print { .faz-trust--mini .faz-trust__link::after { display: inline-block; background-image: url("data:image/svg+xml,"); position: absolute; top: 0px; width: 3rem; height: 100%; margin-left: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; } } @media (min-width: 1024px) { .faz-trust { padding: 4rem 0px; } .faz-trust--mini { max-width: 1200px; padding: 1.5rem 2.5rem; } } @media (min-width: 1540px) { .faz-trust { padding: 4rem 0px; } .faz-trust--mini { max-width: 1200px; padding: 1.5rem 2.5rem; } } @media (min-width: 1540px) { .faz-trust { padding: 4rem 0px; } .faz-trust--mini { max-width: 1200px; padding: 1.5rem 2.5rem; } } @media (min-width: 2000px) { .faz-trust { padding: 6rem 0px; } .faz-trust--mini { max-width: 1584px; padding: 1.5rem 2.5rem; } } .faz-cards { padding-right: 1.25rem; padding-left: 1.25rem; } .faz-cards--questions { margin-top: 2rem; } .faz-cards--no-gutter { padding: 0px; } @media (min-width: 768px), print { .faz-cards { display: grid; padding: 0px; gap: 1.5rem; align-items: start; } .faz-cards--article { grid-template-columns: 1fr 1fr; } .faz-cards--service { grid-template-columns: 1fr 1fr; } .faz-cards--questions { order: 1; margin-top: 0px; } .faz-cards--quickcheck .faz-card:first-child { align-self: end; } } .faz-category { position: relative; margin-bottom: 2rem; padding: 1.5rem 1.25rem; border-top: 1px solid rgb(170, 170, 170); border-bottom: 1px solid rgb(170, 170, 170); } .faz-category__icon { display: flex; position: relative; flex-direction: column; align-items: center; font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; align-self: center; width: 1px; height: 1px; margin: auto auto 0px; color: rgb(140, 116, 33); } .faz-category__icon .faz-icon { width: 5rem; height: 5rem; background-size: cover; } .faz-category__headline, .faz-category__headline a { margin-bottom: 0px; color: rgb(2, 2, 3); } .faz-category__headline a { text-decoration: none; } .faz-category__description { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-top: 2rem; text-align: center; } .faz-category__list { margin: 0px; padding: 0px; list-style: none; } .faz-category__list li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-category--slider { background: rgb(246, 248, 248); border-bottom: 1px solid rgba(170, 170, 170, 0.25); } .faz-category--slider .faz-category__list { overflow: scroll hidden; scroll-behavior: smooth; scrollbar-width: none; display: flex; margin-top: 1rem; gap: 0.5rem; padding-right: 2rem; padding-bottom: 2px; } .faz-category--slider .faz-category__list::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-category--slider .faz-category__list a { white-space: nowrap; } .faz-category--slider::before { display: block; z-index: 1; position: absolute; right: 1rem; bottom: 1rem; width: 3rem; height: 3rem; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(246, 248, 248) 80%); } .faz-category__cards { margin: 0px 1.25rem 2rem; padding: 0px; border: none; } .faz-category__cards > .faz-button { margin-top: 2rem; margin-bottom: 2rem; } @media (max-width: 767px) { .faz-category__teaser { display: none; } } @media (min-width: 768px), print { .faz-category { margin: 0px; padding: 2rem 0px; background: linear-gradient(90deg, transparent 50%, rgb(170, 170, 170) 50%, transparent calc(50% + 1px)); } .faz-category * { margin-bottom: 0px; } .faz-category__icon { order: 1; margin-bottom: auto; } .faz-category__headline { font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; text-align: left; } .faz-category__teaser { order: 1; } .faz-category__cards { display: grid; margin: 0px 2.5rem 2rem; padding: 4rem 0px; background: transparent; grid-template-columns: initial; gap: 4rem; } .faz-category__section-cta { margin: auto; text-align: center; } .faz-category__section-cta .faz-button { margin: 0px; } .faz-module__wrapper { display: grid; justify-content: center; align-items: center; margin: auto; padding: 0px 2.5rem; grid-template-columns: 5fr minmax(auto, 2fr) 5fr; gap: 6rem; } .faz-category--slider { background: rgb(246, 248, 248); align-items: center; grid-template-columns: auto 1fr; gap: 0px; } .faz-category--slider .faz-category__icon { order: 0; width: fit-content; margin-right: 3rem; margin-bottom: auto; display: none; } .faz-category--slider .faz-category__headline { width: fit-content; } .faz-category--slider .faz-category__list { overflow: initial; scroll-behavior: initial; scrollbar-width: initial; flex-wrap: wrap; width: fit-content; margin-top: 2.75rem; grid-column-start: span 2; } .faz-category--slider .faz-category__list::-webkit-scrollbar { display: initial !important; appearance: initial !important; width: initial !important; height: initial !important; } .faz-category--slider::before { display: none; } .faz-category--slider .faz-module__wrapper { justify-content: start; grid-template-columns: 1fr; gap: 0px; } } @media (min-width: 1024px) { .faz-category { padding: 2rem 0px; } .faz-category__cards { padding: 4rem 0px; gap: 4rem; } } @media (min-width: 1540px) { .faz-category { padding: 2rem 0px; } .faz-category__cards { padding: 4rem 0px; gap: 4rem; } } @media (min-width: 1540px) { .faz-category { padding: 2rem 0px; } .faz-category__cards { padding: 4rem 0px; gap: 4rem; } } @media (min-width: 2000px) { .faz-category { padding: 3rem 0px; } .faz-category__cards { padding: 6rem 0px; gap: 6rem; } } .faz-module--most-read { background-color: rgb(246, 248, 248); } .faz-most-read { padding: 1rem 0px; } .faz-most-read--slider { overflow: scroll hidden; scroll-behavior: smooth; scrollbar-width: none; display: flex; padding-right: 1.25rem; padding-left: 1.25rem; gap: 1rem; } .faz-most-read--slider::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-most-read--slider .faz-card { max-width: 13rem; } .faz-most-read__headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin: 0px 1.25rem 1rem; } .faz-most-read .faz-card { flex: 0 0 70%; padding: 0px; } .faz-most-read .faz-card__content { transform: translateY(-1.25rem); } .faz-most-read .faz-card__label { padding: 0.5rem 1rem 0px; background-color: rgb(246, 248, 248); } .faz-most-read .faz-card__headline { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; padding-bottom: 1rem; } .faz-most-read .faz-card__status, .faz-most-read .faz-card__teaser { visibility: hidden; height: 0px; margin: 0px; padding: 0px; line-height: 0; } @media (min-width: 768px), print { .faz-most-read { padding: 2rem 2.5rem; } .faz-most-read--slider { position: absolute; padding: 0px; gap: 2rem; } .faz-most-read--slider .faz-card { max-width: 17rem; } .faz-most-read__headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 1rem; margin-left: 0px; } .faz-most-read .faz-card__headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } } @media (min-width: 1024px) { .faz-most-read { padding: 2rem 2.5rem; } .faz-most-read--slider:hover { scrollbar-width: initial; } .faz-most-read--slider:hover::-webkit-scrollbar { display: initial !important; appearance: initial !important; width: initial !important; height: initial !important; } } @media (min-width: 1540px) { .faz-most-read { padding: 2rem 2.5rem; } } @media (min-width: 1540px) { .faz-most-read { padding: 2rem 2.5rem; } } @media (min-width: 2000px) { .faz-most-read { padding: 3rem 2.5rem; } .faz-most-read .faz-card__headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } } .faz-module--deals { background-color: rgb(255, 255, 255); } .faz-deals { padding: 1rem 0px; } .faz-deals--slider { overflow: scroll hidden; scroll-behavior: smooth; scrollbar-width: none; display: flex; padding-right: 1.25rem; padding-left: 1.25rem; gap: 1rem; } .faz-deals--slider::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-deals--slider .faz-card { max-width: 13rem; } .faz-deals__headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin: 0px 1.25rem 1rem; } @media (hover: hover) { .faz-deals__headline a:hover { color: rgb(17, 10, 53); } } .faz-deals .faz-card { flex: 0 0 70%; padding: 0px; } .faz-deals .faz-card__content { transform: initial; text-align: left; margin-top: 0.5rem !important; } .faz-deals .faz-card__label { display: none; } .faz-deals .faz-card__headline { padding-bottom: 1rem; } .faz-deals .faz-card__headline, .faz-deals .faz-card__headline a { font-family: SuisseI; font-weight: 500; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .faz-deals .faz-card__status, .faz-deals .faz-card__teaser { visibility: hidden; height: 0px; margin: 0px; padding: 0px; line-height: 0; } .faz-deals-page .anchor { padding-top: 100px; margin-top: -100px; } .faz-deals-page h1 { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .faz-deals-page .entry-content { padding-top: 0px; overflow: hidden; } .faz-deals-page .entry-content > :not(.ab-deals):not(.product-box):not(.ab-commercials) { max-width: 800px; margin-left: auto; margin-right: auto; } .faz-deals-page .entry-content .ab-deals--section .faz-category { width: 100vw; transform: translateX(-1.25rem); margin-bottom: 4rem; } .faz-deals-page .entry-content .ab-deals--section .faz-category__teaser { margin-top: 0px; } .faz-deals-page .ab-commercials { max-width: 800px; margin-left: auto; margin-right: auto; display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; } .faz-deals-page .ab-commercials .ab-commercials--banner { position: relative; } .faz-deals-page .ab-commercials .ab-commercials--banner::before { font-weight: 300; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; content: "Anzeige"; position: absolute; display: block; right: 0px; top: -1.25rem; } .faz-deals-page .ab-commercials img { width: 100%; } .ab-deals { margin-top: 4rem; } .ab-deals--hero { text-align: center; margin: auto auto 4rem; } .ab-deals--hero .desktop { display: none; } .faz-deals-page .product-box { max-width: 680px; margin-left: auto; margin-right: auto; position: relative; display: block; } .faz-deals-page .product-box ul, .faz-deals-page .product-box ol { margin: 0px; padding: 0px; list-style: none; } .faz-deals-page .product-box ul li, .faz-deals-page .product-box ol li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-deals-page .product-box .product-winner { width: fit-content; } .faz-deals-page .product-box .caption { margin-bottom: 1.25rem; } .faz-deals-page .product-box .cta { grid-column: 2 / 3; display: grid; justify-content: right; margin-bottom: 1.25rem; } .faz-deals-page .product-box .pros-cons { grid-column: 2 / 3; grid-template-columns: 1fr 1fr; gap: 1.25rem; display: none; } .faz-deals-page .product-box .ab-test-pros, .faz-deals-page .product-box .ab-test-cons { color: rgb(2, 2, 3); font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .faz-deals-page .product-box .ab-test-pros li, .faz-deals-page .product-box .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0px; padding-left: 1.5rem; word-break: break-word; hyphens: auto; background-repeat: no-repeat; background-position: left top -1px; padding-bottom: 0.25rem; } .faz-deals-page .product-box .ab-test-pros li::first-letter, .faz-deals-page .product-box .ab-test-cons li::first-letter { text-transform: capitalize; } .faz-deals-page .product-box .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0.5rem; padding-bottom: 0.25rem; padding-left: 1.5rem; overflow-wrap: break-word; background-repeat: no-repeat; background-position: left top -1px; } .faz-deals-page .product-box .label { color: rgb(230, 24, 73); font-weight: 600; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; text-transform: uppercase; text-align: right; } .faz-deals-page .product-box .label .counter { white-space: nowrap; display: inline-block; overflow: visible; font-family: monospace; padding-left: 0.5rem; } .faz-deals-page .product-box .counter::before { content: " "; } .faz-deals-page .product-box .uvp { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; text-transform: uppercase; margin-bottom: 1rem; text-align: right; margin-top: 0.5rem; } .faz-deals-page .product-box .uvp--savings { color: rgb(230, 24, 73); font-weight: 600; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.06rem; } .faz-deals-page .product-box .uvp--price { font-weight: 600; font-size: 1.75rem; line-height: 2.5rem; letter-spacing: 0.06rem; text-align: right; } .faz-deals-page .product-box .uvp--price::before { content: " "; } .faz-deals-page .product-box .uvp--label { display: block; line-height: 1; } .faz-deals-page .product-box.product-box--ad { padding-top: 1.25rem; max-width: calc(680px + 2.5rem); } .ab-page-deals ~ .faz-footer { padding-bottom: 4rem; } .ab-page-deals .faz-deals--filtering { background-color: rgb(246, 248, 248); border-top: 1px solid rgb(170, 170, 170); position: fixed; bottom: 0px; z-index: 2; padding-bottom: env(safe-area-inset-bottom); width: 100%; } .ab-page-deals .faz-deals--filtering.hidden { display: none; } .ab-page-deals .faz-deals--filtering-inner { max-width: 800px; margin: auto; font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; display: grid; grid-template-columns: 1fr; row-gap: 0.5rem; padding: 0.75rem; } .ab-page-deals .faz-deals--filtering-inner .left { display: grid; grid-template-columns: minmax(160px, auto) 1fr; align-items: center; column-gap: 0.5rem; } .ab-page-deals .faz-deals--filtering-inner .left label { font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; display: none; } .ab-page-deals .faz-deals--filtering-inner .left label, .ab-page-deals .faz-deals--filtering-inner .left select, .ab-page-deals .faz-deals--filtering-inner .left .select2.select2-container { font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; -webkit-font-smoothing: auto; text-rendering: optimizelegibility; } .ab-page-deals .faz-deals--filtering-inner .left label:last-of-type, .ab-page-deals .faz-deals--filtering-inner .left select:last-child, .ab-page-deals .faz-deals--filtering-inner .left .select2.select2-container:last-child { margin-bottom: 0px; } .ab-page-deals .faz-deals--filtering-inner .right label { display: block; width: 100%; height: 100%; text-align: right; font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-page-deals .faz-deals--filtering-inner .right input { width: auto; transform: translateY(0.125rem); } .select2-results__option { font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; } .select2-results__group { font-weight: 600; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); } @media (max-width: 767px) { .faz-deals-page .product-box .product-box-headline--secondary { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-deals-page .product-box .caption { font-weight: 300; font-size: 1rem; line-height: 135%; letter-spacing: 0.04rem; margin-bottom: 0px; } .faz-deals-page .product-box .image img { max-height: calc(-12rem + 100vw); } .faz-deals-page .product-box .content { gap: 1rem; } } @media (min-width: 768px), print { .faz-deals { padding: 2rem 2.5rem; } .faz-deals--slider { position: absolute; padding: 0px; gap: 2rem; } .faz-deals--slider .faz-card { max-width: 17rem; } .faz-deals__headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 1rem; margin-left: 0px; } .faz-deals .faz-card__headline, .faz-deals .faz-card__headline a { font-weight: 500; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; } .faz-deals-page h1 { font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; } .faz-deals-page .ab-commercials { gap: 1.5rem; } .faz-deals-page .product-box { display: grid; grid-template-columns: 2fr 3fr; } .faz-deals-page .product-box.product-box--ad { padding-top: 0px; background: rgb(247, 247, 247); transform: none; } .faz-deals-page .product-box.product-box--ad .caption, .faz-deals-page .product-box.product-box--ad .product-box-headline { margin-right: 0px; } .faz-deals-page .product-box .product-winner, .faz-deals-page .product-box .product-box-headline, .faz-deals-page .product-box .content { grid-column: 1 / 3; } .faz-deals-page .product-box .pros-cons, .faz-deals-page .product-box .caption, .faz-deals-page .product-box .cta { grid-column: 2 / 3; } .faz-deals-page .product-box .content { grid-template-columns: 1fr; margin-top: 0px; } .faz-deals-page .product-box .image { grid-area: 2 / 1 / 5 / 2; align-self: center; } .faz-deals-page .product-box .image img { max-height: 17rem; } .faz-deals-page .product-box .product-winner ~ .image { grid-row: 3 / 6; } .faz-deals-page .product-box .product-winner { min-height: auto; transform: translateX(-1rem) translateY(1.5rem); } .faz-deals-page .product-box .offers { display: grid; grid-template-columns: 4fr 2fr; align-items: end; column-gap: 1.5rem; } .faz-deals-page .product-box .label { grid-column: 1 / 2; } .faz-deals-page .product-box .uvp { grid-column: 1 / 2; margin: 0px; } .faz-deals-page .product-box .link { grid-column: 2 / 3; margin-bottom: 0.5rem; } .faz-deals-page .product-box .product-box-headline--secondary { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 1.5rem; } .faz-deals-page .product-box .caption { font-weight: 300; font-size: 1.25rem; line-height: 135%; letter-spacing: 0.05rem; } .faz-deals-page .product-box .pros-cons { display: grid; } .faz-deals-page .product-box .ab-test-pros, .faz-deals-page .product-box .ab-test-cons { hyphens: auto; font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-deals-page .product-box .ab-test-pros li, .faz-deals-page .product-box .ab-test-cons li { background-position: left top 2px; } .ab-page-deals .faz-deals--filtering-inner { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; grid-template-columns: auto auto; justify-content: center; column-gap: 1.25rem; } .ab-page-deals .faz-deals--filtering-inner .left { grid-template-columns: 160px minmax(200px, auto); align-items: center; gap: 0px 1.25rem; order: 1; } .ab-page-deals .faz-deals--filtering-inner .left label { font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .ab-page-deals .faz-deals--filtering-inner .left span + label { margin-left: 0.75rem; } .ab-page-deals .faz-deals--filtering-inner .left label, .ab-page-deals .faz-deals--filtering-inner .left select, .ab-page-deals .faz-deals--filtering-inner .left .select2.select2-container { margin-bottom: 0px; font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-page-deals .faz-deals--filtering-inner .right label { display: flex; align-items: center; justify-content: flex-end; font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-page-deals .faz-deals--filtering-inner .right input { margin-right: 0.25rem; transform: none; } .select2-results__option { font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .select2-results__group { font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; } } @media (min-width: 1024px) { .faz-deals { padding: 2rem 2.5rem; } .faz-deals--slider:hover { scrollbar-width: initial; } .faz-deals--slider:hover::-webkit-scrollbar { display: initial !important; appearance: initial !important; width: initial !important; height: initial !important; } .ab-deals--hero .mobile { display: none; } .ab-deals--hero .desktop { display: block; } .faz-deals-page .product-box .product-winner { font-weight: 600; font-size: 1.25rem; line-height: 100%; letter-spacing: 0.05rem; } .faz-deals-page .product-box .product-box-headline--secondary { line-height: 2rem; margin-bottom: 1.25rem; } .faz-deals-page .ab-commercials[data-columns="2"] { grid-template-columns: 1fr 1fr; } .faz-deals-page .ab-commercials[data-columns="3"] { grid-template-columns: 1fr 1fr 1fr; max-width: calc(1200px - 5rem); } .faz-deals-page .ab-commercials[data-columns="4"] { grid-template-columns: 1fr 1fr 1fr 1fr; max-width: calc(1200px - 5rem); } .faz-deals-page .ab-commercials img { max-width: 100%; } } @media (min-width: 1540px) { .faz-deals { padding: 2rem 2.5rem; } .faz-deals-page .product-box { max-width: calc(680px + 5rem); } .faz-deals-page .product-box .product-winner { transform: translateX(0.5rem) translateY(1.5rem); } .faz-deals-page .product-box .content { padding: 0px 1.25rem; } .faz-deals-page .product-box .caption, .faz-deals-page .product-box .pros-cons { padding-left: 0px; } .faz-deals-page .product-box.product-box--ad { max-width: calc(680px + 7.5rem); } } @media (min-width: 1540px) { .faz-deals { padding: 2rem 2.5rem; } } @media (min-width: 2000px) { .faz-deals { padding: 3rem 2.5rem; } .faz-deals-page .ab-commercials[data-columns="3"] { max-width: calc(1584px - 5rem); } .faz-deals-page .ab-commercials[data-columns="4"] { max-width: calc(1584px - 5rem); } .faz-deals-page .product-box { max-width: calc(680px + 15rem); } .faz-deals-page .product-box .product-winner { transform: translateX(2rem) translateY(1.5rem); } .faz-deals-page .product-box .content { padding: 0px 3rem; } .faz-deals-page .product-box.product-box--ad { max-width: calc(680px + 17.5rem); } } .faz-page-nav { font-weight: 400; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; display: grid; z-index: 998; position: sticky; top: 4.5rem; justify-content: center; border-bottom: 1px solid rgb(170, 170, 170); background-color: rgb(255, 255, 255); } .faz-page-nav::before { display: block; z-index: 1; position: absolute; right: 0px; bottom: 0.75rem; width: 3rem; height: 3rem; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); } .faz-page-nav__slider { overflow: scroll hidden; scroll-behavior: smooth; scrollbar-width: none; display: flex; justify-content: flex-start; align-items: center; max-width: calc(1584px - 5rem); padding-right: 1.25rem; padding-left: 1.25rem; white-space: nowrap; gap: 0.75rem; } .faz-page-nav__slider::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-page-nav__slider a { position: relative; padding: 1.5rem 0px; color: rgb(85, 85, 85); text-decoration: none; } .faz-page-nav__slider a.active { color: rgb(17, 10, 53); } .faz-page-nav__slider a.active::after { display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 4px; content: ""; background-color: rgb(17, 10, 53); } @media (min-width: 768px), print { .sticky + .faz-archive > .faz-page-nav { position: sticky; } .faz-page-nav { position: initial; top: 4rem; padding-right: 2.5rem; padding-left: 2.5rem; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-page-nav a:hover { position: relative; padding: 1.5rem 0px; color: rgb(17, 10, 53); text-decoration: none; } .faz-page-nav a:hover::after { display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 4px; content: ""; background-color: rgb(17, 10, 53); } } @media (min-width: 768px), print { .faz-page-nav__slider { padding-right: 0px; padding-left: 0px; gap: 2.5rem; max-width: calc(800px - 6rem); } .faz-page-nav__controls { max-width: 800px; position: absolute; right: 0px; left: 0px; width: 100%; height: 0px; margin: auto; overflow: visible; z-index: 2; } .faz-page-nav__controls-prev { position: absolute; top: 2.25rem; bottom: 0px; margin: auto; left: -0.5rem; width: 3rem; height: 3rem; background-color: rgb(255, 255, 255); display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); transform: rotate(180deg); } .faz-page-nav__controls-prev:hover { cursor: pointer; } .faz-page-nav__controls-next { position: absolute; top: 2.25rem; bottom: 0px; margin: auto; right: -0.5rem; width: 3rem; height: 3rem; background-color: rgb(255, 255, 255); display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); background-position: left 1.5rem center; } .faz-page-nav__controls-next:hover { cursor: pointer; } } @media (min-width: 1024px) { .faz-page-nav__slider { max-width: calc(1200px - 5rem); } .faz-page-nav__controls { max-width: 1200px; } } @media (min-width: 1540px) { .faz-page-nav__slider { max-width: calc(1200px - 6rem); } .faz-page-nav__controls { max-width: 1200px; } } @media (min-width: 1540px) { .faz-page-nav__slider { max-width: calc(1200px - 5rem); } .faz-page-nav__controls { max-width: 1200px; } } @media (min-width: 2000px) { .faz-page-nav__slider { max-width: calc(1584px - 5rem); } .faz-page-nav__controls { max-width: 1584px; } } .faz-archive__headline { font-weight: 700; font-size: 2.5rem; line-height: 125%; letter-spacing: 0px; hyphens: manual; overflow-wrap: break-word; margin-top: 1.5rem; } .faz-archive__teaser { margin-top: 2rem; font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } @media (max-width: 767px) { .faz-archive__teaser { display: none; } } @media (min-width: 768px), print { .faz-archive .faz-module { overflow: visible; } .faz-archive__headline { font-weight: 700; font-size: 4rem; line-height: 125%; letter-spacing: 0px; margin-top: 0px; } .faz-archive__teaser { margin-top: 0px; font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-archive--no-childs .faz-module { margin-bottom: 0px; } } .faz-breadcrumb { position: relative; } .faz-breadcrumb a { color: rgb(2, 2, 3); text-decoration: none; } .faz-breadcrumb__slider { font-weight: 450; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; overflow: scroll hidden; scroll-behavior: smooth; scrollbar-width: none; display: flex; flex-shrink: 0; flex-basis: 100%; align-items: center; padding: 1rem 2.5rem 1rem 1.25rem; gap: 0.5rem; } .faz-breadcrumb__slider::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-breadcrumb__slider .faz-icon { width: 1.25rem; min-width: 1.25rem; height: 1.25rem; min-height: 1.25rem; background-size: 60%; transform: rotate(90deg); } .faz-breadcrumb__slider * { white-space: nowrap; } .faz-breadcrumb::before { display: block; z-index: 1; position: absolute; right: 0px; bottom: 0.75rem; width: 3rem; height: 3rem; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); } .faz-breadcrumb--toc { margin-top: 3rem; } @media (min-width: 768px), print { .faz-breadcrumb { display: grid; padding: 0px 2.5rem; overflow: hidden; gap: 2rem; max-width: 800px; margin: auto; grid-template-columns: 1fr; } .faz-breadcrumb__slider { font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; padding: 3rem 0px 1rem; } } @media (min-width: 1024px) { .faz-breadcrumb { max-width: 1200px; } } @media (min-width: 1540px) { .faz-breadcrumb { max-width: 1200px; } } @media (min-width: 1540px) { .faz-breadcrumb { max-width: 1200px; } } @media (min-width: 2000px) { .faz-breadcrumb { max-width: 1584px; } } .ab-toc { scroll-behavior: smooth; scrollbar-width: none; font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; z-index: 998; position: fixed; top: 4.5rem; left: 0px; width: 100%; height: 3rem; padding-top: 0px; border-bottom: 1px solid rgb(170, 170, 170); overflow: scroll; background-color: rgb(255, 255, 255); transition: height 0.3s ease 0s; will-change: height; } .ab-toc::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .ab-toc.open { height: calc(-4.5rem + 100vh); } .ab-toc a { display: block; padding-top: 0.5rem; padding-right: 3rem; padding-bottom: 0.5rem; text-decoration: none; } .ab-toc ol { margin: 0px; padding: 0px; list-style: none; } .ab-toc ol li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .ab-toc > ol { visibility: hidden; margin-top: 3rem; padding: 0px 1.25rem 6rem; transition: transform 0.3s ease 0s; transform: translateY(-150vh); will-change: scroll-position, transform; } .ab-toc > ol > li > ol > li > a { padding-left: 1.5rem; font-weight: 300; } .ab-toc .show + ol { visibility: visible; transform: translateY(0px); } .ab-toc-headline { display: flex; z-index: 1; position: fixed; top: 4.5rem; justify-content: center; align-items: center; width: 100%; height: calc(-1px + 3rem); padding: 0px; text-align: center; background-color: rgb(255, 255, 255); transition: transform 0.3s ease 0s; will-change: transform; } .ab-toc-headline::after { width: 1.5rem; height: 1.5rem; margin: auto 0px auto 0.25rem; content: ""; background-size: 1rem; display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); transition: transform 0.3s ease 0s; transform: rotate(180deg); will-change: transform; } .ab-toc-headline.show::after { transform: rotate(0deg); } @media (min-width: 768px), print { .faz-site-header.sticky.sticky-full ~ .site-main .ab-toc { top: 9.25rem; } .faz-site-header.sticky.sticky-full ~ .site-main .ab-toc .ab-toc-headline { top: 9.25rem; } .ab-toc { top: 4rem; } .ab-toc-headline { top: 4rem; } } @media (min-width: 1024px) { .ab-toc { display: initial; position: static; top: 0px; } .ab-toc ol { margin: 0px; padding: 0px 0px 1rem; list-style: none; } .ab-toc ol li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .ab-toc a { padding: 1rem 0px; } .ab-toc > ol { visibility: initial; transition: none 0s ease 0s; transform: none; will-change: initial; } .ab-toc > ol > li { border-top: 1px solid rgb(170, 170, 170); } .ab-toc > ol > li > ol { display: grid; gap: 0.5rem; } .ab-toc > ol > li > ol a { padding-top: 0px; padding-bottom: 0px; } .ab-toc-headline { display: block; position: static; padding-top: 0px; text-align: left; top: 0px; } .ab-toc-headline::after { content: none; } .ab-toc .active > a { color: rgb(140, 116, 33); } } .ab-infobox, .faz-post__affbox { margin-bottom: 1.5rem; padding: 1.25rem; background-color: rgb(247, 247, 247); font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .ab-infobox p, .faz-post__affbox p { margin-bottom: 0px; } .ab-infobox .headline, .faz-post__affbox .headline { color: rgb(2, 2, 3); font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin-top: 0px; font-family: SangBleuKingdom; margin-bottom: 0.5rem !important; } .ab-infobox .button, .faz-post__affbox .button { margin-top: 1rem; } .ab-infobox-link.has_image { padding: 0px; display: grid; grid-template-columns: 2fr 3fr; } .ab-infobox-link.has_image .image--inner { position: relative; width: 100%; } .ab-infobox-link.has_image .image--inner::before { content: ""; display: block; padding-top: 100%; } .ab-infobox-link.has_image .image--inner img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .ab-infobox-link.has_image a { text-decoration: none; } .ab-infobox-link.has_image .content { display: grid; align-items: center; padding: 1rem; } .ab-infobox-link.has_image .content > p { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; grid-column: 2; } .ab-infobox-link.has_image .content > p .button { transform: translateY(-1.25rem); } .ab-infobox-link.has_image .content > p:last-of-type { padding: 0px; align-self: end; } .ab-infobox-link.has_image .headline { color: rgb(2, 2, 3); font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 0px !important; padding: 0px !important; } .ab-infobox-link.has_image .headline + * { display: none; } .faz-post__affbox { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-post__affbox .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; margin-bottom: 1.5rem; } @media (min-width: 390px) { .ab-infobox-link.has_image .content > p { align-self: start; grid-column: 1; } .ab-infobox-link.has_image .headline + * { display: block; } } @media (min-width: 768px), print { .ab-infobox, .faz-post__affbox { background-color: rgb(247, 247, 247); margin-bottom: 1.5rem !important; padding: 2rem 1.5rem !important; } .ab-infobox-link.has_image { display: block; padding: 0px !important; } .ab-infobox-link.has_image .image--inner { position: relative; width: 100%; } .ab-infobox-link.has_image .image--inner::before { content: ""; display: block; padding-top: 66.6667%; } .ab-infobox-link.has_image .image--inner img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .ab-infobox-link.has_image .content { display: block; padding: 1.5rem; grid-template-columns: 1fr; } .ab-infobox-link.has_image .content > p { padding: 0px !important; } .ab-infobox-link.has_image .content > p .faz-button, .ab-infobox-link.has_image .content > p .ab-infobox .button, .ab-infobox .ab-infobox-link.has_image .content > p .button, .ab-infobox-link.has_image .content > p .faz-post__affbox .button, .faz-post__affbox .ab-infobox-link.has_image .content > p .button { margin-top: 1rem; } .ab-infobox-link.has_image .content > p .faz-button::after, .ab-infobox-link.has_image .content > p .ab-infobox .button::after, .ab-infobox .ab-infobox-link.has_image .content > p .button::after, .ab-infobox-link.has_image .content > p .faz-post__affbox .button::after, .faz-post__affbox .ab-infobox-link.has_image .content > p .button::after { display: none; } .ab-infobox-link.has_image .headline { color: rgb(2, 2, 3); font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .ab-infobox-link.has_image .headline + * { display: block; } .faz-post__affbox { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-post__affbox .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } } @media (min-width: 1024px) { .ab-infobox-link.has_image .content > p .faz-button::after, .ab-infobox-link.has_image .content > p .ab-infobox .button::after, .ab-infobox .ab-infobox-link.has_image .content > p .button::after, .ab-infobox-link.has_image .content > p .faz-post__affbox .button::after, .faz-post__affbox .ab-infobox-link.has_image .content > p .button::after { display: inline; } .faz-post__affbox .button::after { display: none; } } @media (min-width: 2000px) { .faz-post__affbox { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-post__affbox .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } .faz-post__affbox .button::after { display: inline; } } .faz-update.toggled .faz-update__more::before { transform: rotate(0deg); } .faz-update__headline { color: rgb(2, 2, 3); font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; margin-bottom: 0px; } .faz-update__date { color: rgb(2, 2, 3); font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; margin-bottom: 0px; } .faz-update__content { font-weight: 300; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.06rem; } .faz-update__content + .faz-update--letter { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid rgb(170, 170, 170); } .faz-update__teaser { font-weight: 300; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.06rem; } .faz-update__more { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; display: flex; align-items: center; width: 100%; text-decoration: none; } .faz-update__more::before { width: 1.5rem; display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); min-width: 1.5rem; height: 1.5rem; min-height: 1.5rem; margin-right: 1rem; content: ""; background-size: 1rem; transform: rotate(180deg); } .faz-update__more + .faz-update--letter { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgb(170, 170, 170); } .update-sign-in-form { margin-top: 2.5rem; } .update-sign-in-form .button { margin-top: 1.5rem; } .update-sign-in-form .hint { font-weight: 300; font-size: 0.75rem; line-height: 1.25rem; letter-spacing: 0.06rem; } .update-sign-in-form .hint.hidden { display: none; } .update-sign-in-form .g-recaptcha { transform: none; width: 100%; } .update-sign-in-form .g-recaptcha > * { margin: 1.5rem auto; } .update-sign-in-form .msg { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; color: red; } @media (min-width: 768px), print { .faz-update__headline { font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-bottom: 1rem; } .faz-update__date { font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-bottom: 1rem; } .faz-update__teaser { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-update__content { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } } .product-winner, .ab-comparison--heading { display: inline-block; color: rgb(255, 255, 255); font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; position: relative; width: auto; margin-bottom: 1.5rem; padding: 0.75rem 1.25rem; text-transform: uppercase; background-color: rgb(140, 116, 33); } .product-winner::after, .ab-comparison--heading::after { display: block; position: absolute; bottom: -1.25rem; left: 1rem; width: 0.75rem; height: 1.25rem; border: 1px solid transparent; border-top-left-radius: 0.5rem; content: ""; background-color: rgb(255, 255, 255); } .product-winner::before, .ab-comparison--heading::before { display: block; position: absolute; bottom: -1rem; left: 0px; width: 1.5rem; height: 1.25rem; border: 1px solid transparent; content: ""; background-color: rgb(140, 116, 33); } @media (min-width: 768px), print { .product-winner, .ab-comparison--heading { display: flex; align-items: center; color: rgb(255, 255, 255); font-weight: 600; font-size: 1.375rem; line-height: 125%; letter-spacing: 0.05rem; } } :root { --faz-productbox-grid: 2.1fr 8fr; } @media (min-width: 1024px) { :root { --faz-productbox-grid: 2.5fr 7fr; } } .product-box { margin-bottom: 1.5rem; } .product-box .product-winner { transform: translateX(-1.25rem); word-break: break-word; hyphens: auto; } .product-box-headline--secondary { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; display: block; margin-bottom: 0.5rem; padding: 0px 0px 0.5rem; color: rgb(2, 2, 3); font-family: SangBleuKingdom; text-transform: initial; background-color: initial; transform: initial; border-bottom: 1px solid rgb(170, 170, 170); } .product-box-headline--secondary::before, .product-box-headline--secondary::after { content: none; } .product-box.product-box--medium { margin-top: 2rem; margin-bottom: 2rem; } .product-box.product-box--medium .product-box-headline-medium { font-weight: 600; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; font-family: SuisseI; position: relative; overflow: hidden; margin-bottom: 1rem; border-top: 1px solid rgb(170, 170, 170); padding-top: 0.5rem; } .product-box.product-box--medium .caption { font-weight: 400; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; margin-bottom: 1rem; } .product-box.product-box--ad { background-color: rgb(247, 247, 247); width: calc(100% + 2.5rem); transform: translateX(-1.25rem); padding-left: 1.25rem; padding-right: 1.25rem; position: relative; } .product-box.product-box--ad::before { font-weight: 300; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; content: "Anzeige"; position: absolute; display: block; right: 1.25rem; top: -1.5rem; } .product-box.product-box--ad .product-winner::after { background-color: rgb(247, 247, 247); } .product-box.product-box--ad .logo { background-color: rgb(255, 255, 255); } .product-box.product-box--ad .content { padding-bottom: 1.25rem; } .product-box.product-box--ad .desc p:last-child { margin-bottom: 0px; } .product-box.product-box--multi { margin-top: 2rem; margin-bottom: 2rem; } .product-box.product-box--multi .product-box-headline-medium { font-weight: 600; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; font-family: SuisseI; position: relative; overflow: hidden; margin-bottom: 1rem; border-top: 1px solid rgb(170, 170, 170); padding-top: 0.5rem; } .product-box.product-box--multi .offers { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 1rem; transition: all 0.3s ease 0s; } .product-box.product-box--multi .offers .offer { display: flex; flex-direction: column; width: calc(100% - 2.5rem); max-width: 240px; flex-shrink: 0; scroll-snap-align: start; padding: 1rem; border-radius: 4px; } .product-box.product-box--multi .offers .cta { margin-top: auto; width: 100%; } .product-box.product-box--multi .offers .image { position: relative; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; } .product-box.product-box--multi .offers .image::before { content: ""; display: block; padding-top: 100%; } .product-box.product-box--multi .offers .image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .product-box.product-box--multi .offers .headline { font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0px; margin-top: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .product-box.product-box--multi .offers .price { font-weight: 600; font-size: 1.25rem; line-height: 100%; letter-spacing: 0px; color: rgb(230, 24, 73); text-align: center; } .product-box.product-box--multi .offers p:last-of-type { margin-bottom: 0px; } .product-box.product-box--multi .offers .button { border-radius: 4px; padding-left: 0.5rem; padding-right: 0.5rem; } .product-box.product-box--multi .offers .headline a { text-decoration: none; } .product-box.product-box--multi .offers .headline a:hover { color: rgb(2, 2, 3); } .product-box.product-box--multi .content { position: relative; } .product-box.product-box--multi .controlls { display: none; position: absolute; height: 0px; top: 0px; bottom: 0px; margin: auto; width: 100%; } @media (hover: hover) { .product-box.product-box--multi .controlls { display: block; } .product-box.product-box--multi .arrow--left, .product-box.product-box--multi .arrow--right { width: 3rem; height: 3rem; border-radius: 100%; border: 0px solid transparent; background-color: rgb(17, 10, 53); left: -1.5rem; position: absolute; display: inline-block; background-repeat: no-repeat; background-position: center 1.05rem; background-image: url("data:image/svg+xml,"); transform: rotate(270deg) translateX(calc(50% + 0.625rem)); background-size: 1.25rem; } .product-box.product-box--multi .arrow--left:hover, .product-box.product-box--multi .arrow--right:hover { cursor: pointer; } .product-box.product-box--multi .arrow--right { left: auto; right: -1.5rem; transform: rotate(90deg) translateX(calc(-50% - 0.625rem)); } .product-box.product-box--multi .hidden { display: none; } } .product-box.product-box--multi-link { margin-bottom: 0px; display: inline; } .product-box.product-box--multi-link .offer { display: inline; border: none; } .product-box .content { display: grid; gap: 2rem; } .product-box .content .left { display: grid; gap: 2rem; } .product-box .caption { color: rgb(2, 2, 3); font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-bottom: 2rem; hyphens: none; } .product-box .image { text-align: center; } .product-box .image img { width: auto; max-height: calc(-6rem + 100vw); } .product-box .offers [data-product-offer] { display: grid; } .product-box .offer { display: grid; margin-bottom: 1rem; border: 1px solid rgb(198, 196, 207); order: 1; border-radius: 0.125rem; grid-template-columns: 3fr 4fr; } .product-box .offer--noborder { border: none; grid-template-columns: 1fr; } .product-box .offer--noborder .logo { display: none; } .product-box .offer--noborder .button { border-radius: 0.125rem; } .product-box .offer--idealo { order: 0; border: none; display: inline-block; vertical-align: middle; width: 100%; text-align: right; } .product-box .offer--idealo .button { border-radius: 0.125rem; } .product-box .offer--idealo .logo, .product-box .offer--idealo .link { display: inline-block; padding: 0px; vertical-align: middle; font-weight: 400 !important; font-size: 0.875rem !important; line-height: 1.5rem !important; letter-spacing: 0px !important; } .product-box .offer--idealo .link a { text-decoration: none; padding-left: 0.5rem; font-weight: 400 !important; font-size: 0.875rem !important; line-height: 1.5rem !important; letter-spacing: 0px !important; } .product-box .offer--idealo .logo img { max-width: 3.25rem; transform: translateY(0.15rem); } .product-box .logo { display: flex; justify-content: center; align-items: center; } .product-box .logo a { display: flex; padding: 0.5rem 1rem; font-weight: 400; font-size: 0.625rem; line-height: 100%; letter-spacing: 0.06rem; text-decoration: none; text-align: center; height: 100%; width: 100%; align-items: center; justify-content: center; } .product-box .logo img { max-width: 6rem; width: auto; max-height: 1.25rem; } .product-box .button { display: flex; justify-content: center; align-items: center; border-radius: initial; font-size: 1rem; text-align: center; grid-template-columns: auto auto; gap: 1rem; letter-spacing: 0.06rem; } .product-box .link { position: relative; } .product-box .baseprice { font-weight: 300; font-size: 0.5rem; letter-spacing: 0.06rem; position: absolute; bottom: 0.25rem; left: 0px; width: 100%; line-height: 100%; text-align: center; text-transform: initial; grid-column: 1 / 3; display: none; } .product-box .icon-before--shopping-cart { text-align: left; } .product-box .icon-before--shopping-cart::before { display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); width: auto; min-width: 1rem; height: auto; min-height: 1rem; content: ""; background-position: right center; background-size: contain; } .product-box .button--ghost { display: inline-block; padding-right: 4rem; border-top-left-radius: 0px; border-bottom-left-radius: 0px; text-align: center; } .product-box .offers-all { display: grid; justify-content: right; margin-bottom: 1rem; } .product-box .offers-all .faz-button--ghost-chevron { justify-content: start; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; text-align: left; margin-top: 0px; } @media (max-width: 767px) { .product-box .offers-all .faz-button--ghost-chevron { font-size: 0.875rem; } } .product-box .offers-all .faz-button--ghost-chevron::after { display: none; } .product-box .hidden { display: none; } .product-box .offer-error { font-weight: 300; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; margin-bottom: 2rem; border: none; text-align: center; grid-template-columns: 1fr; } .product-box + p { margin-top: 1rem; } .product-box .label--prime-deal { position: absolute; top: -0.6rem; right: -0.35rem; } .product-box .cta { margin-right: 4rem; } .product-box .label { top: 0px; } .product-box-headline-min { font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 1.5rem; font-family: SuisseI; } table + .product-box--normal, figure + .product-box--normal, div + .product-box--normal, p + .product-box--normal { margin-top: 4rem; } .headline--section + .product-box--normal { margin-top: 0px !important; } .product-box--min .image { margin-top: 0px; } @media (min-width: 768px), print { .product-box { display: grid; align-items: start; margin-bottom: 3rem; grid-template-columns: var(--faz-productbox-grid); gap: 0px 2rem; } .product-box .offer { margin-bottom: 0.6rem; } .product-box.product-box--min { grid-template-columns: max-content; gap: 0px; } .product-box.product-box--min .offer { grid-template-columns: 1fr minmax(135px, 1fr); } .product-box.product-box--min .right { padding-right: 0px; } .product-box.product-box--medium { grid-template-columns: max-content; gap: 0px; } .product-box.product-box--medium .product-box-headline-medium, .product-box.product-box--medium .caption, .product-box.product-box--medium .content { grid-column: 2 / 3; } .product-box.product-box--medium .caption { display: block; font-weight: 400; font-size: 1.25rem; line-height: 125%; letter-spacing: 0.05rem; } .product-box.product-box--medium .product-box-headline-medium { border-top-width: 0px; padding-top: 0px; } .product-box.product-box--medium .product-box-headline-medium::after { bottom: 0.875rem; position: absolute; width: 100%; height: 1px; margin: auto auto auto 1rem; content: ""; background-color: rgb(170, 170, 170); } .product-box.product-box--ad { background: linear-gradient(90deg, transparent 0%, transparent 21%, rgb(247, 247, 247) 21%, rgb(247, 247, 247) 100%); } .product-box.product-box--ad .product-winner::after { background-color: rgb(255, 255, 255); } .product-box.product-box--ad .product-box-headline--secondary, .product-box.product-box--ad .caption, .product-box.product-box--ad .content { margin-right: 1.5rem; } .product-box.product-box--ad .product-box-headline--secondary { padding-top: 1.5rem; } .product-box.product-box--ad::before { right: 0px; } .product-box.product-box--ad .product-winner { align-self: start; } .product-box.product-box--multi { display: block; } .product-box.product-box--multi .product-box-headline-medium { border-top-width: 0px; padding-top: 0px; } .product-box.product-box--multi .product-box-headline-medium::after { bottom: 0.875rem; position: absolute; width: 100%; height: 1px; margin: auto auto auto 1rem; content: ""; background-color: rgb(170, 170, 170); } .product-box.product-box--multi .content { display: block; } .product-box.product-box--multi .headline { margin-bottom: 1rem !important; } .product-box.product-box--multi .offers .offer { width: calc(33.33% - 5rem); min-width: 190px; margin-bottom: 1.25rem; } .product-box.product-box--multi .image img { max-width: 100%; } .product-box .content { display: grid; align-items: center; align-content: center; margin-top: 2rem; grid-column: 2 / 3; grid-template-columns: 1fr 1fr; } .product-box .desc { grid-column: 1 / 3; } .product-box .image img { max-height: 25rem; max-width: 90%; } .product-box.product-box--min .image img, .product-box.product-box--medium .image img { max-height: 22rem; } .product-box .caption { color: rgb(2, 2, 3); font-weight: 300; font-size: 1.5rem; line-height: 2.25rem; letter-spacing: 0.06rem; margin-bottom: 2rem; grid-column: 2 / 3; } .product-box .product-winner { justify-content: center; height: fit-content; min-height: 5.5rem; transform: none; align-self: center; } .product-box-headline--secondary { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; align-self: center; margin-bottom: 1.5rem; padding-bottom: 0px; border-bottom-width: 0px; grid-column-end: 3; padding-top: 1.5rem; } .product-box-headline--secondary::after { content: ""; width: 100%; display: block; height: 1px; background-color: rgb(170, 170, 170); transform: translateY(calc(-2px + 1.5rem)); margin-bottom: calc(-2px + 1.5rem); } .product-box .offer { grid-template-columns: 1fr minmax(135px, 1fr); } .product-box .offer--noborder { justify-content: end; grid-template-columns: minmax(auto, 200px); } .product-box .offer--idealo { justify-content: end; grid-template-columns: auto auto; } .product-box .offer-error { grid-template-columns: 1fr; } .product-box .offers-all { margin-bottom: 0px; } .product-box .button { padding: 0.75rem; } .product-box .button--ghost { text-align: left; } .product-box .baseprice { font-weight: 300; font-size: 0.75rem; line-height: 100%; letter-spacing: 0.06rem; } .product-box-headline-min { font-weight: 600; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; font-family: SuisseI; } } @media (min-width: 1024px) { .product-box.product-box--ad { background: linear-gradient(90deg, transparent 0%, transparent 26.5%, rgb(247, 247, 247) 26.5%, rgb(247, 247, 247) 100%); } .product-box.product-box--ad .content { padding-bottom: 1.5rem; } } @media (min-width: 1540px) { .product-box .right { padding-right: 1.5rem; } .product-box .pros-cons, .product-box .caption, .product-box .desc { padding: 0px 1.5rem; } .product-box.product-box--medium .caption, .product-box.product-box--medium .desc { padding: 0px; } .product-box.product-box--ad::before { right: 1.25rem; } .product-box.product-box--ad .content { padding-bottom: 2.5rem; } .product-box-headline--secondary { padding: 1.5rem 1.5rem 0px; } } @media (min-width: 1540px) { .product-box .cta { margin-right: 5.5rem; } .product-box.product-box--ad { background: linear-gradient(90deg, transparent 0%, transparent 28.5%, rgb(247, 247, 247) 28.5%, rgb(247, 247, 247) 100%); } .product-box.product-box--ad::before { right: 0px; } .product-box.product-box--ad .product-box-headline--secondary, .product-box.product-box--ad .caption, .product-box.product-box--ad .content { margin-right: 0px; } } @media (min-width: 2000px) { .product-box .right { padding-right: 3rem; } .product-box .pros-cons, .product-box .label, .product-box .cta, .product-box .caption, .product-box .desc { padding: 0px 3rem; } .product-box.product-box--medium .caption, .product-box.product-box--medium .desc { padding: 0px; } .product-box-headline--secondary { padding: 1.5rem 3rem 0px; } .product-box.product-box--ad { background: linear-gradient(90deg, transparent 0%, transparent 29.5%, rgb(247, 247, 247) 29.5%, rgb(247, 247, 247) 98.5%, transparent 98.5%, transparent 100%); } .product-box.product-box--ad::before { right: 1.5%; } } @media (min-width: 768px), print { .admin-bar .ab-comparison--headers.sticky { top: calc(32px + 4rem); } } .ab-comparison { width: 100vw; transform: translateX(-1.25rem); margin-top: -6rem; } .ab-comparison, .ab-comparison * { user-select: none; } .ab-comparison img { -webkit-user-drag: none; } .ab-comparison--headers { top: 7.5rem; visibility: hidden; transition: none 0s ease 0s; z-index: -1; position: relative; } .ab-comparison--headers .ab-comparison--scroller { word-break: break-word; overflow-wrap: break-word; align-items: stretch; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px; border-bottom: 1px solid rgb(170, 170, 170); } .ab-comparison--headers.sticky { position: sticky; visibility: visible; z-index: 2; } .ab-comparison--headers.sticky .ab-comparison--track:first-child .ab-comparison-header__heading { transform: translateX(-1.5rem); width: calc(100% + 2rem); } .ab-comparison-header { display: grid; gap: 0.5rem; grid-template-rows: 4px auto 1fr; border-left: 1px solid rgb(170, 170, 170); padding: 0px 0px 0.5rem 0.5rem; align-content: stretch; transform: translateX(-0.5rem); } .ab-comparison-header:first-child { border-left-width: 0px; } .ab-comparison-header__heading { transition: none 0s ease 0s; height: 4px; color: transparent; line-height: 4px; max-height: 4px; transform: translateX(-0.5rem); width: calc(100% + 1rem); background: rgb(140, 116, 33); text-transform: uppercase; } .ab-comparison-header__image { display: none; } .ab-comparison-header__model { font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; } .ab-comparison-header__offer { font-weight: 600; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.06rem; align-self: end; } .ab-comparison--tracks, .ab-comparison--scroller { display: flex; overflow-y: hidden; gap: 0.5rem; background-color: rgb(255, 255, 255); } .ab-comparison--scroller { align-items: flex-end; overflow-x: hidden; } .ab-comparison--tracks { overflow: auto; } .ab-comparison--tracks:hover { cursor: grab; } .ab-comparison--tracks:active, .ab-comparison--tracks:focus { cursor: grabbing; } .ab-comparison--infos { color: rgb(2, 2, 3); font-weight: 300; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .ab-comparison--infos .ab-comparison--modelpecs::after { display: block; position: absolute; top: 0px; left: 0px; width: 2px; height: 100%; content: ""; } .ab-comparison--tracks::-webkit-scrollbar, .ab-comparison--scroller::-webkit-scrollbar { display: none; } .ab-comparison--tracks, .ab-comparison--scroller { padding: 0px 1.25rem; scrollbar-width: none; } .ab-comparison--track { flex: 1 0 49%; transition: all 1s ease 0s; max-width: 18rem; } .ab-comparison--track .ab-comparison--spec::before { color: rgb(2, 2, 3); font-weight: 600; font-size: 0.75rem; line-height: 100%; letter-spacing: 0.06rem; display: block; text-transform: uppercase; hyphens: auto; overflow-wrap: break-word; content: attr(data-label); } .ab-comparison--entry { padding: 2rem 0px 0px; border-top: 0px; background: rgb(255, 255, 255); } .ab-comparison--offer { padding-top: 1rem; } .ab-comparison ul, .ab-comparison ol { margin: 0px; padding: 0px; list-style: none; } .ab-comparison ul li, .ab-comparison ol li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .ab-comparison--image { margin-top: 2rem; padding: 0px; display: block; position: relative; width: 100%; } .ab-comparison--image::before { content: ""; display: block; padding-top: 56.25%; } .ab-comparison--image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; } @media (hover: hover) { .ab-comparison--image.hovered { transform: scale(1.1); } } .ab-comparison--image img { inset: 0px; width: auto; max-width: 80%; height: auto; max-height: 100%; margin: auto; } .ab-comparison--heading, .ab-comparison--model { font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0px; display: flex; justify-content: center; align-items: center; width: 100%; hyphens: manual; word-break: break-word; text-align: center; text-decoration: none; } .ab-comparison--heading p, .ab-comparison--model p { margin-bottom: 0px; } .ab-comparison--heading { padding: 0.75rem 0.5rem; hyphens: manual; word-break: break-word; height: auto; margin-bottom: 0.5rem; } .ab-comparison--heading::before, .ab-comparison--heading::after { content: none; } .ab-comparison--model { padding: 0.75rem 0.5rem; width: auto; margin-top: 0.5rem; transform: none; background-color: rgb(17, 10, 53); color: rgb(255, 255, 255); } .ab-comparison--heading-small { padding: 0.25rem; font-weight: 600; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.06rem; margin-bottom: 0px; } @media (hover: hover) { .ab-comparison a.ab-comparison--heading:hover, .ab-comparison a.ab-comparison--model:hover { color: rgb(255, 255, 255); } } @media (hover: hover) { .ab-comparison a.ab-comparison--heading.hovered { background: rgb(112, 93, 26); } } @media (hover: hover) { .ab-comparison a.ab-comparison--model.hovered { background: rgb(65, 59, 93); } } .ab-comparison [data-producttable-anchor] { transition: all 0.3s ease 0s; } .ab-comparison .empty { background-color: transparent; } .ab-comparison .empty::before, .ab-comparison .empty::after { content: none; } .ab-comparison--offer { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 100%; } .ab-comparison--offer .hidden { display: none; } .ab-comparison--offer .offer { position: relative; width: 100%; border: 1px solid rgb(198, 196, 207); border-radius: 0.125rem; } .ab-comparison--offer .offer--noborder { border: none; } .ab-comparison--offer .offer--noborder .button { border-radius: 0.125rem; } .ab-comparison--offer .offer .button { border-radius: initial; width: 100%; max-width: 100%; flex-wrap: wrap; padding-left: 0.5rem; padding-right: 0.5rem; letter-spacing: 0.06rem; } .ab-comparison--offer .logo { display: flex; justify-content: center; align-items: center; height: 3rem; } .ab-comparison--offer .logo a { display: flex; font-weight: 400; font-size: 0.625rem; line-height: 100%; letter-spacing: 0.06rem; text-decoration: none; text-align: center; height: 100%; width: 100%; align-items: center; justify-content: center; } .ab-comparison--offer .logo img { max-width: 6rem; max-height: 1.25rem; } .ab-comparison--offer .offer-error { font-weight: 400; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.06rem; border: none; } .ab-comparison .button { display: flex; justify-content: center; align-items: center; text-align: center; grid-template-columns: auto auto; gap: 1rem; } .ab-comparison .icon-before--shopping-cart::before { display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); width: auto; min-width: 1rem; height: auto; min-height: 1rem; content: ""; background-position: right center; background-size: contain; } .ab-comparison .offers-all .button { justify-content: start; padding-top: 0px; margin-bottom: 2.5rem; } .ab-comparison .offers-all .button::after { bottom: 0px; left: 0px; margin-left: 0px; } .ab-comparison .baseprice { font-weight: 300; font-size: 0.5rem; letter-spacing: 0.06rem; position: absolute; bottom: 0.25rem; left: 0px; width: 100%; line-height: 100%; text-align: center; text-transform: initial; grid-column: 1 / 3; display: none; } .ab-comparison--spec { padding-bottom: 1rem; hyphens: auto; word-break: break-word; } .ab-comparison .ab-test-pros, .ab-comparison .ab-test-cons { color: rgb(2, 2, 3); font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-comparison .ab-test-pros li, .ab-comparison .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0.25rem; padding-left: 1.5rem; word-break: break-word; hyphens: auto; background-repeat: no-repeat; background-position: left top -1px; padding-bottom: 0.25rem; } .ab-comparison .ab-test-pros li::first-letter, .ab-comparison .ab-test-cons li::first-letter { text-transform: capitalize; } .ab-comparison .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0.5rem; padding-bottom: 0.25rem; padding-left: 1.5rem; overflow-wrap: break-word; background-repeat: no-repeat; background-position: left top -1px; } .ab-comparison.in-view { opacity: 1; } .ab-comparison--more-information { color: rgb(2, 2, 3); font-weight: 600; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; display: inline-block; width: auto; min-width: 100%; max-width: 100%; margin: auto auto 1rem; text-align: center; } .ab-comparison--more-information .faz-button, .ab-comparison--more-information .ab-comparison .button, .ab-comparison .ab-comparison--more-information .button { width: auto; } .ab-comparison--more-information [data-toggle-trigger-table]:hover { cursor: pointer; } .ab-comparison .link { position: relative; } .ab-comparison .label--prime-deal { position: absolute; top: -0.6rem; right: -0.35rem; } a.ab-comparison--model { position: relative; } a.ab-comparison--model[data-label] { flex-direction: column; position: relative; } a.ab-comparison--model[data-label]::after { content: attr(data-label) " " url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='7' viewBox='0 0 49 13' fill='none'%3E%3Cpath d='M48.5657 6.75319C48.8781 6.44077 48.8781 5.93423 48.5657 5.62181L43.4745 0.530646C43.1621 0.218226 42.6556 0.218226 42.3431 0.530646C42.0307 0.843065 42.0307 1.3496 42.3431 1.66202L46.8686 6.1875L42.3431 10.713C42.0307 11.0254 42.0307 11.5319 42.3431 11.8444C42.6556 12.1568 43.1621 12.1568 43.4745 11.8444L48.5657 6.75319ZM0 6.9875H48V5.3875H0V6.9875Z' fill='%23110A35'/%3E%3C/svg%3E"); color: rgb(2, 2, 3); font-weight: 400; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; display: block; position: absolute; bottom: -1.5rem; left: 0px; } .ab-comparison-control { display: none; z-index: 5; position: fixed; top: 50vh; right: 0px; left: 0px; width: 87vw; margin: auto; transition: opacity 0.3s ease 0s; } .ab-comparison-control.in-view { display: block; height: 0px; } .ab-comparison-control.in-view > a { display: none; } .ab-comparison-control.hidden { display: none; } .ab-comparison-control .table-prev, .ab-comparison-control .table-next { width: 4rem; height: 4rem; z-index: 5; position: absolute; } @media (hover: none) { .ab-comparison-control .table-prev, .ab-comparison-control .table-next { display: none; } } .ab-comparison-control .table-prev { transform: rotate(180deg); left: 1rem; } .ab-comparison-control .table-next { right: 1rem; transform: translateY(-1.75rem); } .faz-product--compare { display: none; } .ab-comparison-product-compare { position: fixed; bottom: 1.5rem; left: 50%; z-index: 999; transform: translateX(-50%); } @media (max-width: 767px) { .ab-comparison-product-compare { bottom: 0px; } } .ab-comparison-product-compare .faz-button, .ab-comparison-product-compare .ab-comparison .button, .ab-comparison .ab-comparison-product-compare .button { display: none; white-space: nowrap; box-shadow: rgb(255, 255, 255) 0px 0px 40px -10px; } @media (max-width: 767px) { .ab-comparison-product-compare .faz-button, .ab-comparison-product-compare .ab-comparison .button, .ab-comparison .ab-comparison-product-compare .button { width: 100vw; height: 3rem; padding-top: 0px; padding-bottom: 0px; border-radius: 0px; } } @keyframes moveProductCompare { 0% { transform: translateX(calc(-4rem + 50vw)); } 100% { transform: translateX(calc(-5rem + 50vw)); } } .ab-comparison--hint { position: fixed; z-index: 999; height: auto; width: 300px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; background-color: rgb(255, 255, 255); padding: 1rem 1.5rem; display: grid; justify-content: center; align-items: center; text-align: center; opacity: 0; transition: opacity 0.3s ease 0s; text-transform: uppercase; inset: 0px; max-height: fit-content; margin: auto; font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .ab-comparison--hint.visible { opacity: 1; } .ab-comparison--hint.invisible { display: none; } @media (max-width: 767px) { .ab-comparison--hint { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; width: 50vw; } } .ab-comparison .ab-comparison--track.running a { pointer-events: none; } .ab-comparison .ab-comparison--track.opacity-50 { opacity: 0.25; } @media (hover: hover) { .ab-comparison .ab-comparison--track.opacity-50 { transition: opacity 0.3s ease 0s; } .ab-comparison .ab-comparison--track.opacity-50:hover { opacity: 1; } } @media (min-width: 768px), print { .ab-comparison { margin-top: -10rem; margin-bottom: 7rem; } .ab-comparison .button { width: 100%; padding: 0.75rem; } .ab-comparison--headers { top: 7rem; } .ab-comparison--headers.sticky .ab-comparison--track:first-child .ab-comparison-header__heading { transform: translateX(-0.5rem); width: calc(100% + 1rem); } .ab-comparison-header { justify-content: start; padding: 0px 0px 1rem 0.5rem; grid-template-rows: minmax(1.5rem, auto) auto 1fr; grid-template-columns: minmax(5rem, 5rem) calc(100% - 5.5rem); transform: translateX(-0.25rem); } .ab-comparison-header__heading { grid-column-end: span 2; color: rgb(255, 255, 255); height: 100%; line-height: 100%; max-height: none; text-align: center; } .ab-comparison-header__image { display: block; grid-row-start: span 2; position: relative; height: 5rem; width: 5rem; align-self: start; } .ab-comparison-header__image::before { content: ""; display: block; padding-top: 100%; } .ab-comparison-header__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; } .ab-comparison-header__image img { object-position: center top; } .ab-comparison-header__offer { align-self: end; } .ab-comparison--tracks, .ab-comparison--scroller { padding: 0px; gap: 0.5rem; } .ab-comparison--track { flex: 1 0 22%; min-width: 0px; } .ab-comparison--heading { padding: 0.75rem 1rem; font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .ab-comparison--heading-small { padding: 0.35rem 0.25rem 0.25rem; font-weight: 600; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.06rem; margin-bottom: 0px; display: block; text-overflow: ellipsis; white-space: nowrap; min-width: 0px; overflow: hidden; } .ab-comparison--model { padding: 0.75rem 1rem; font-weight: 600; font-size: 1.25rem; line-height: 115%; letter-spacing: 0.05rem; margin-top: 0.5rem; } .ab-comparison--pro { padding-top: 2rem; } .ab-comparison--more-information { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; margin-top: 1rem; margin-bottom: 0px; } .ab-comparison--more-information .faz-button--primary, .ab-comparison--more-information .ab-comparison .button, .ab-comparison .ab-comparison--more-information .button { padding-top: 0.75rem; padding-bottom: 0.75rem; } .ab-comparison .ab-test-pros, .ab-comparison .ab-test-cons { hyphens: auto; font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .ab-comparison .ab-test-pros li, .ab-comparison .ab-test-cons li { background-position: left top 2px; } .ab-comparison .offer { width: 100%; } .ab-comparison .logo { height: 3rem; } .ab-comparison .offers-all .button { padding-bottom: 0px; margin-bottom: 0px; } .ab-comparison .offers-all .button::after { position: static; height: 3rem; } .ab-comparison-control.in-view > a { display: block; } .ab-comparison .baseprice { font-weight: 300; font-size: 0.75rem; line-height: 100%; letter-spacing: 0.06rem; } } @media (min-width: 1024px) { .ab-comparison--headers { top: 4rem; } .ab-comparison--track { flex: 1 0 18%; min-width: 0px; } .ab-comparison--track .ab-comparison--spec::before { color: rgb(2, 2, 3); font-weight: 600; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.06rem; } .ab-comparison--infos { color: rgb(2, 2, 3); font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } } .ab-multibox-table { padding-top: 3rem; padding-bottom: 3rem; } .ab-multibox-table a { text-decoration: none; } .ab-multibox-table--boxes { display: grid; grid-auto-flow: column; grid-auto-columns: 18rem; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; height: 100%; scrollbar-width: thin; scrollbar-color: rgb(136, 136, 136) transparent; scroll-behavior: smooth; } .ab-multibox-table--boxes::-webkit-scrollbar { height: 8px; } .ab-multibox-table--boxes::-webkit-scrollbar-thumb { background-color: rgb(136, 136, 136); border-radius: 4px; } .ab-multibox-table--box { scroll-snap-align: start; display: grid; grid-template-rows: max-content 3.25rem max-content max-content; height: 100%; } .ab-multibox-table--manufacturer { border-bottom: 4px solid rgb(2, 2, 3); color: rgb(2, 2, 3); font-weight: 600; font-size: 1.5rem; line-height: 125%; letter-spacing: 0.06rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ab-multibox-table--product { padding-top: 0.25rem; color: rgb(2, 2, 3); font-weight: 500; font-size: 1.25rem; line-height: 125%; letter-spacing: 0.05rem; overflow: hidden; text-overflow: ellipsis; } .ab-multibox-table--offer { display: grid; grid-template-rows: 1fr; gap: 1rem; } .ab-multibox-table--image { display: block; margin-top: 1rem; margin-bottom: 1rem; position: relative; width: 100%; } .ab-multibox-table--image::before { content: ""; display: block; padding-top: 75%; } .ab-multibox-table--image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; } .ab-multibox-table--offer { display: grid; position: relative; } .ab-multibox-table--offer .baseprice { display: none; } .ab-multibox-table--offer .offer { color: rgb(2, 2, 3); font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; display: grid; grid-template-columns: 1fr 2fr; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.85rem 1.5rem; border: 1px solid rgb(170, 170, 170); border-radius: 0.25rem; transition: all 0.3s ease 0s; } .ab-multibox-table--offer .offer:last-child { margin-bottom: 0px; } .ab-multibox-table--offer .offer:hover { border-color: rgb(2, 2, 3); } .ab-multibox-table--offer .logo img { max-height: 1.25rem; } .ab-multibox-table--offer .link { text-align: right; } .ab-multibox-table--offer .offer-error { grid-template-columns: 1fr; grid-template-rows: 1fr; text-align: center; border: initial; padding: initial; align-items: center; color: rgb(2, 2, 3); font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-multibox-table--navigation { display: none; } .ab-multibox-table .icon-before--shopping-cart::before { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); content: ""; width: 0.75rem; height: 0.75rem; display: inline-block; background-size: 0.75rem; margin-right: 0.25rem; } @media (min-width: 40rem) { .ab-multibox-table[data-size="2"] .ab-multibox-table--boxes { grid-auto-columns: calc(50% - 0.5rem); } .ab-multibox-table[data-size="2"] .ab-multibox-table--navigation { display: none; } } @media (min-width: 768px), print { .ab-multibox-table, .ab-multibox-table.faz-post__content--wide { padding-top: 3rem !important; padding-bottom: 3rem !important; } .ab-multibox-table--boxes { grid-auto-columns: calc(33.3333% - 1.66667rem); } .ab-multibox-table[data-size="3"] .ab-multibox-table--boxes { grid-auto-columns: calc(33.3333% - 0.666667rem); } .ab-multibox-table[data-size="3"] .ab-multibox-table--navigation { display: none; } .ab-multibox-table--info { display: grid; grid-template-columns: 1fr 2fr; } .ab-multibox-table--info--text { color: rgb(2, 2, 3); font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; } .ab-multibox-table--navigation { display: flex; justify-content: right; align-items: center; margin-bottom: 1rem; } .ab-multibox-table--navigation .faz-icon { width: 1.5rem; height: 2rem; display: block; background-color: transparent; border-width: 0px; background-position-x: 100%; transition: all 0.3s ease 0s; } .ab-multibox-table--navigation .faz-icon:hover { cursor: pointer; transform: scale(1.3); } .ab-multibox-table--navigation .prev { transform: rotate(180deg); } .ab-multibox-table--navigation .prev:hover { transform: rotate(180deg) scale(1.3); } .ab-multibox-table--navigation .disable { opacity: 0.5; pointer-events: none; } } @media (min-width: 1024px) { .ab-multibox-table, .ab-multibox-table.faz-post__content--wide { padding-top: 3rem !important; padding-bottom: 3rem !important; } } .ab-pullquote { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; font-style: normal; margin: 0px 0px 1.5rem; padding: 0px 0px 0px 1rem; border-left: 1px solid rgb(140, 116, 33); font-family: SangBleuKingdom; background: transparent; } .ab-pullquote, .ab-pullquote * { hyphens: manual !important; } .ab-pullquote::before, .ab-pullquote::after { content: none; } @media (min-width: 768px), print { .ab-pullquote { display: inline-block; align-self: start; border-right: 1px solid rgb(140, 116, 33); border-left: initial; text-align: right; padding: 0px 1rem 0px 0px !important; } .ab-pullquote p:nth-last-child(-n+1) { margin-bottom: 0px; } } @media (min-width: 1024px) { .ab-pullquote { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } } .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-top: 3rem; margin-bottom: 1rem !important; } .headline--section { color: rgb(140, 116, 33); font-weight: 600; font-size: 1rem; line-height: 1.5rem; margin-top: 4rem; position: relative; overflow: hidden; font-family: SuisseI; text-transform: uppercase; letter-spacing: 0.1rem; clear: both; border-bottom: 1px solid rgb(170, 170, 170); padding-bottom: 0.25rem; margin-bottom: 2rem !important; } .headline--section + .headline { margin-top: 0px !important; } @media (min-width: 768px), print { .headline { margin-top: 4rem; margin-bottom: 2rem !important; } .headline--section { color: rgb(140, 116, 33); font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.12rem; padding-bottom: 0px; border-bottom-width: 0px; } .headline--section::after { top: 0px; bottom: 0px; position: absolute; width: 100%; height: 1px; margin: auto auto auto 1rem; content: ""; background-color: rgb(170, 170, 170); } } @media (min-width: 1024px) { .headline--section { color: rgb(140, 116, 33); font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.12rem; } } .allesbeste-slider { clear: both; margin-bottom: 1.5rem; } .allesbeste-slider figure { margin-bottom: 0px; } .allesbeste-slider .slider-counter { font-weight: 400; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.06rem; } .allesbeste-slider .slick-slide { margin: 0px 0.5rem; } .allesbeste-slider .slick-list { margin: 0px -0.5rem; } .allesbeste-slider .slick-prev, .allesbeste-slider .slick-next { z-index: 2; position: absolute; left: 0.25rem; width: 50px; height: 50px; margin-top: -1rem; } .allesbeste-slider .slick-prev::before, .allesbeste-slider .slick-next::before { margin: auto; content: ""; background-color: rgb(140, 116, 33); background-position: center 0.75rem; transform: rotate(-90deg); } .allesbeste-slider .slick-prev.icon-before-md.icon-before--arrow-big::before, .allesbeste-slider .slick-prev.icon-before-lg.icon-before--arrow-big::before, .allesbeste-slider .slick-next.icon-before-md.icon-before--arrow-big::before, .allesbeste-slider .slick-next.icon-before-lg.icon-before--arrow-big::before { display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); width: 2rem; height: 2rem; background-size: 1rem; } .allesbeste-slider .slick-slide { outline: none; } .allesbeste-slider .slick-next { right: 0.25rem; left: auto; } .allesbeste-slider .slick-next::before { transform: rotate(90deg); } @media (min-width: 768px), print { .allesbeste-slider { margin: 0px 0px 2.5rem; } .allesbeste-slider figure { max-width: none; } .allesbeste-slider .slider-counter { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .allesbeste-slider.wide { padding-left: 0px !important; } .allesbeste-slider .slick-prev { left: 0px; } .allesbeste-slider .slick-next { right: 0px; } .allesbeste-slider .slick-slider div { transition: none 0s ease 0s; } } @media (min-width: 1024px) { .allesbeste-slider .slick-prev, .allesbeste-slider .slick-next { margin-top: 0px; height: 100%; top: 50% !important; } .allesbeste-slider:not(.faz-post__content--wide) .slick-prev, .allesbeste-slider:not(.faz-post__content--wide) .slick-next { top: calc(50% - 1rem) !important; width: 20%; } .allesbeste-slider:not(.faz-post__content--wide) .slick-prev::before, .allesbeste-slider:not(.faz-post__content--wide) .slick-next::before { transform: rotate(-90deg) translateY(-2.5rem); left: 0px; } .allesbeste-slider:not(.faz-post__content--wide) .slick-next::before { transform: rotate(90deg) translateY(-2.5rem); } .allesbeste-slider figure:hover { cursor: move; } } @media (min-width: 1540px) { .allesbeste-slider.wide { padding-right: 0px !important; } } .allesbeste-gallery { margin-bottom: 1.5rem; gap: 1rem; } .allesbeste-gallery figure { margin-bottom: 0px; } .allesbeste-gallery p { margin-bottom: 0px; } .allesbeste-gallery.wide { padding-right: 0px !important; padding-left: 0px !important; } .allesbeste-gallery [data-modal]:hover { cursor: pointer; } .allesbeste-gallery[data-gallery-nr="2"] { display: grid; justify-content: space-between; grid-template-columns: 1fr 1fr; } .allesbeste-gallery[data-gallery-nr="3"] { display: grid; justify-content: space-between; grid-template-columns: 1fr 1fr; } .allesbeste-gallery[data-gallery-nr="3"] .figure-1 { grid-column: 1 / 3; } .ab-guide { padding: 2rem 1.25rem; background-color: rgb(247, 247, 247); margin-top: 2rem; margin-bottom: 2rem; } .ab-guide .headline { margin-top: 0px; } @media (min-width: 768px), print { .ab-guide { padding: 3rem 2.5rem; } } .ab-newsletter { margin-top: 2rem; margin-bottom: 2rem; padding: 2rem 1.25rem; background-color: rgb(247, 247, 247); font-weight: 300; font-size: 1rem; line-height: 1.25rem; letter-spacing: 0.04rem; } .ab-newsletter p:empty { display: none; } .ab-newsletter .headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin: 0px 0px 1.5rem; } .ab-newsletter .g-recaptcha { order: 1; } .ab-newsletter .sib-default-btn { grid-row-start: 1; grid-column: 2 / 3; } .ab-newsletter .hint { font-weight: 300; font-size: 0.75rem; line-height: 1.25rem; letter-spacing: 0.06rem; padding-top: 1.5rem; } .ab-newsletter .hint.hidden { display: none; } .ab-newsletter-small { max-width: 700px; } .sib_signup_form > p { display: none; } .sendinblue-form .brevo_check, .sib-email-area .brevo_check { margin-top: 1rem; margin-bottom: 0px; grid-column-end: span 2; font-weight: 300; font-size: 0.75rem; line-height: 100%; letter-spacing: 0.06rem; } .sendinblue-form .brevo_check.hidden, .sib-email-area .brevo_check.hidden { display: none; } .sendinblue-form .brevo_check input[type="checkbox"], .sib-email-area .brevo_check input[type="checkbox"] { width: auto; margin-right: 0.5rem; } @media (min-width: 768px), print { .sendinblue-form .brevo_check, .sib-email-area .brevo_check { font-weight: 300; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } } @media (min-width: 768px), print { .ab-newsletter { padding: 3rem 2.5rem; } .ab-newsletter .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .ab-newsletter .sib-email-area { display: grid; grid-template-columns: 1fr 1fr; } .ab-newsletter .sib-email-area p { margin-bottom: 0px; } .ab-newsletter .sib-default-btn { width: 100%; } .ab-newsletter #sib_captcha { grid-column-start: span 3; margin-top: 1rem; padding-top: 0px; } .ab-newsletter .sib-email-area { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ab-newsletter .sib-default-btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } } .ab-faq .ab-accordion [data-toggle]:first-child { padding-top: 0px; } .ab-accordion div:last-child { margin-bottom: 0px; } .ab-accordion-headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } [data-toggle] .ab-accordion-headline, [data-toggle] .product-box-headline-min { position: relative; padding-right: 3rem; margin-bottom: 1rem; } [data-toggle] .ab-accordion-headline::before, [data-toggle] .product-box-headline-min::before { display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); position: absolute; top: -0.6rem; right: -0.5rem; width: 2.5rem; height: 2.5rem; content: ""; transition: transform 0.3s ease 0s; transform: rotate(180deg); will-change: transform; background-color: rgb(255, 255, 255); z-index: 1; border-radius: 50%; border: 0px solid transparent; } [data-toggle] .product-box-headline-min + [data-toggle-element] { padding-bottom: 1rem; } [data-toggle].toggled .ab-accordion-headline::before, [data-toggle].toggled .product-box-headline-min::before { transform: rotate(0deg); } [data-toggle].toogle-bordered { padding-top: 1rem; border-bottom: 1px solid rgb(170, 170, 170); } [data-toggle].toogle-bordered:nth-last-child(-n+1) { border-bottom: none; } .toggle-smaller .ab-accordion-headline, .toggle-smaller .product-box-headline-min { border-bottom: 1px solid rgb(170, 170, 170); padding-bottom: 0.75rem; } .toc-headline + .toggle-smaller .ab-accordion-headline, .toc-headline + .toggle-smaller .product-box-headline-min { border-top: none; margin-top: 0px; } @media (min-width: 768px), print { .toggle-smaller .ab-accordion-headline, .toggle-smaller .product-box-headline-min { border-bottom-width: 0px; padding-bottom: 0px; overflow: hidden; } .toggle-smaller .ab-accordion-headline::after, .toggle-smaller .product-box-headline-min::after { top: 0px; bottom: 0px; position: absolute; width: 100%; height: 1px; margin: auto auto auto 1rem; content: ""; background-color: rgb(170, 170, 170); } .toggle-smaller .ab-accordion-headline::before, .toggle-smaller .product-box-headline-min::before { top: -0.75rem; right: -0.75rem; width: 3.5rem; height: 3.5rem; } } p a[href*="/link/"]:not(.button)::after, li a[href*="/link/"]:not(.button)::after, p a[href*="www.amazon.de"]:not(.button)::after, li a[href*="www.amazon.de"]:not(.button)::after, .ab-comparison-header__offer > .link > a::after { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); content: ""; width: 1rem; height: 1rem; display: inline-block; background-size: 1rem; margin-left: 0.25rem; margin-right: 0.25rem; } .ab-comparison-header__offer > .link > a::after { background-size: 0.875rem; } .s24widget { background: rgb(255, 255, 255); padding: 0px; color: rgb(2, 2, 3); font-family: SuisseI; font-weight: normal; font-size: 1rem; margin: 2.5rem 0px; } .s24widget .s24_widget_472.s24_widget_border { border: 0px none; } .s24widget .s24_widget_472 .s24_headline { background: rgb(17, 10, 53); color: rgb(255, 255, 255); font-size: 1rem; font-weight: 600; letter-spacing: 0.2px; line-height: 1.25rem; padding: 0.5rem 0.75rem; margin: 0px 0px 1rem; } .s24widget .s24_widget_472 .s24_promotion { position: absolute; right: 28px; top: 6px; color: rgb(255, 255, 255); padding-top: 0.5rem; padding-bottom: 0.5rem; } .s24widget .s24_widget_472 .s24_promotion::after { content: "Anzeige"; } .s24widget .s24_widget_472 .s24_privacy_button { background: rgb(242, 242, 242); color: rgb(85, 85, 85); top: 10px; right: 7px; line-height: 15px; border-radius: 100%; } .s24widget .s24_widget_472 .s24_products_direct_wrapper { margin: 0px auto; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .s24widget .s24_widget_472 .s24_products .s24_product_border, .s24widget .s24_widget_472 .s24_products .s24_product_border:hover { border: 2px solid rgb(233, 236, 238); } .s24widget .s24_widget_472 .s24_products .s24_product:last-child { margin-right: 0px; } .s24widget .s24_widget_472 .s24_products .s24_product { min-width: 160px; width: 160px; height: auto; text-align: center; margin: 0px 8px 0px 0px; padding: 10px 10px 74px; box-sizing: content-box; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_product_image { padding: 0px; margin: 0px auto; height: 100px; width: auto; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_product_data { margin: 0px; padding: 5px 0px 0px; height: auto; background-color: rgb(255, 255, 255); text-align: center; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_title { color: rgb(2, 2, 3); font-size: 13px; line-height: 16px; height: 33px; overflow: hidden; text-overflow: inherit; white-space: normal; display: block; font-weight: 300; } .s24widget .s24_widget_472 .s24_prices { float: none; height: auto; width: 100%; margin: 1px 0px 0px; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_price { font-weight: 600; font-size: 16px; line-height: 20px; float: none; display: inline-block; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_price.s24_sale_red { color: rgb(17, 10, 53); float: none; display: inline-block; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_old_price { margin: 2px 0px 0px 5px; float: none; display: inline-block; color: rgb(119, 119, 119); text-decoration: line-through; } .s24widget .s24_widget_472 .s24_shipping_and_shop { float: none; width: 100%; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_shipping { float: none; line-height: 14px; width: 100%; color: rgb(44, 44, 44); text-align: center; } .s24widget .s24_widget_472 .s24_shipping::before { content: "Versand: "; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_sale { display: block; border-radius: 3px; width: auto; height: 20px; line-height: 20px; padding: 0px 5px; text-align: center; background: rgb(17, 10, 53); color: rgb(255, 255, 255); font-size: 11px; font-weight: 600; right: 5px; top: 5px; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_reference_price, .s24widget .s24_widget_472 .s24_products .s24_product .s24_shipping_and_shop .s24_shipping, .s24widget .s24_widget_472 .s24_products .s24_product .s24_shipping_and_shop { display: inline-block; width: auto; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_reference_price::after { content: " |"; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_calltoaction { background: rgb(17, 10, 53); color: rgb(255, 255, 255); border-radius: 2px; font-size: 14px; width: calc(100% - 20px); top: auto; bottom: 10px; height: 48px; line-height: 48px; display: block; font-weight: 700; letter-spacing: 0.2px; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_calltoaction:hover { background-color: rgb(65, 59, 93); } .s24widget .s24_widget_472 .s24_products .s24_product .s24_calltoaction::before, .s24widget .s24_widget_472 .s24_shipping img, .s24widget .s24_widget_472 .s24_products .s24_product .s24_calltoaction div, .s24widget .s24_widget_472 .s24_products .s24_product .s24_shop { display: none; } .s24widget .s24_widget_472 .s24_pagination_left_arrow.s24_floating_arrow, .s24widget .s24_widget_472 .s24_pagination_right_arrow.s24_floating_arrow { top: 38%; } .s24widget .s24_widget_472 .s24_pagination_left_arrow, .s24widget .s24_widget_472 .s24_pagination_right_arrow { background-image: none; background-color: rgb(2, 2, 3); width: 40px; height: 40px; opacity: 1; right: 0px; border-radius: 50%; text-align: center; border: 0px none; } .s24widget .s24_widget_472 .s24_pagination_left_arrow { transform: scaleX(-1); } .s24widget .s24_widget_472 .s24_pagination_left_arrow.s24_floating_arrow { left: 0px; top: 38%; } .s24widget .s24_disabled { display: none; } .s24widget .s24_widget_472 .s24_disabled.s24_pagination_left_arrow, .s24widget .s24_widget_472 .s24_disabled.s24_pagination_right_arrow { background-color: rgb(2, 2, 3); background-image: none; opacity: 1; } .s24widget .s24_widget.s24_modern_browser .s24_enabled.s24_pagination_right_arrow:hover, .s24widget .s24_widget.s24_modern_browser .s24_enabled.s24_pagination_left_arrow:hover { background-color: rgb(65, 59, 93); opacity: 1; } .s24widget .s24_widget_472 .s24_pagination_left_arrow::after, .s24widget .s24_widget_472 .s24_pagination_right_arrow::after { content: ""; background-color: transparent; background-image: url(""); background-position: center center; background-repeat: no-repeat; background-size: 35%; width: 40px; height: 40px; line-height: 40px; display: block; opacity: 1; border-radius: 0px; margin: 0px 0px 0px 2px; } .s24widget .s24_widget_472 .s24_pagination_left_arrow:hover::after, .s24widget .s24_widget_472 .s24_pagination_right_arrow:hover::after { opacity: 1; } .s24widget .s24_widget_472 .s24_disabled.s24_pagination_left_arrow::after, .s24widget .s24_widget_472 .s24_disabled.s24_pagination_right_arrow::after { background-color: transparent; } .s24widget .s24_widget_472 .s24_disabled.s24_pagination_left_arrow, .s24widget .s24_widget_472 .s24_disabled.s24_pagination_right_arrow { opacity: 0.8; } .cp-load-after-post + .taboola-widget { margin-top: 3rem; } p + .cp-load-after-post + .taboola-widget { margin-top: 0px; } .taboola-widget .taboola-desktop { display: none; } @media (min-width: 768px), print { .taboola-widget .taboola-desktop { display: block; } .taboola-widget .taboola-mobile { display: none; } } .entry-content .iframe-container { position: relative; height: 0px; margin-top: 3rem; margin-bottom: 3rem; padding-bottom: 56.25%; overflow: hidden; } .entry-content .iframe-container.iframe-fullheight { height: 1400px; padding-bottom: 0px; overflow-y: scroll; } .entry-content .iframe-container.iframe-fullheight iframe { position: static; } .entry-content .iframe-container iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .entry-content .cmplazypreviewiframe { max-width: 100%; margin-bottom: 1.5rem; background-color: rgb(247, 247, 247) !important; height: auto !important; } .entry-content .cmplazypreviewiframe .cmplazypreviewmsg { width: auto; position: static; transform: none; padding: 2rem 0px 1rem; background-color: rgb(247, 247, 247) !important; } .entry-content .cmplazypreviewiframe .cmplazyhl { font-family: SangBleuKingdom; font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 2rem; } .entry-content .cmplazypreviewiframe + .iframe-container { display: none; } .entry-content .cmplazypreviewiframe[style*="none;"] + .iframe-container { display: block; } .ab-modal { display: none; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; position: fixed; z-index: 2; inset: 0px; } .ab-modal.open { display: flex; } .ab-modal .ab-infobox { width: 400px; max-width: 80vw; text-align: center; hyphens: none; transform: none; } .ab-modal .ab-infobox .headline { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; } .ab-modal .ab-infobox * { hyphens: inherit; } .ab-modal .ab-infobox::before, .ab-modal .ab-infobox::after { display: none; } .ab-modal .ab-infobox .button { width: auto; margin: auto 4rem auto auto; text-align: center; } .ab-modal-open { height: 100vh; overflow: hidden; } .ab-modal-open .ab-toc, .ab-modal-open .faz-site-header { display: none; } @media (min-width: 768px), print { .ab-modal .ab-infobox .headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } } .faz-banner { width: 100%; margin-top: 1.5rem; margin-bottom: 3rem; } .faz-banner .desktop { display: none; } .faz-banner > .row, .faz-banner .mobile, .faz-banner .desktop { width: inherit; } .faz-banner .img-label { display: block; text-align: right; } .faz-banner img { width: 100% !important; height: auto !important; } @media (min-width: 768px), print { .faz-banner .mobile { display: none; } .faz-banner .desktop { display: block; } } [data-wpr-lazyrender] { content-visibility: visible !important; } :root { --faz-post-grid: 1fr; } @media (min-width: 768px), print { :root { --faz-post-grid: 2.5fr 9.5fr; } } @media (min-width: 1024px) { :root { --faz-post-grid: 2.5fr 7fr 2.5fr; } } @media (min-width: 1540px) { :root { --faz-post-grid: 2.5fr 7fr 2.5fr; } } [data-type="ab_deals"] .faz-post .faz-pill, [data-type="ab_deals"] .faz-post .version { display: none; } .faz-advertorial { padding: 0px 1.25rem 1rem; } .faz-post__image { position: relative; } .faz-post__photocredit, .photocredit { color: rgb(2, 2, 3); font-weight: 300; font-size: 0.625rem; line-height: 1.25rem; letter-spacing: 0.06rem; display: block; position: absolute; bottom: 0px; width: 100%; padding-right: 0.25rem; text-align: right; transform: translateY(1.25rem); } .faz-post .photocredit { position: initial; transform: initial; } .faz-post .photocredit + figcaption { padding-top: 0px; } .faz-post__headline { margin-bottom: 2rem; font-weight: 700; font-size: 2.25rem; line-height: 2.75rem; letter-spacing: 0px; padding: 2.5rem 1.25rem 1rem; hyphens: manual; overflow-wrap: break-word; } .faz-post__teaser { padding: 0px 1.25rem; hyphens: auto; } .faz-post__status { color: rgb(2, 2, 3); font-weight: 500; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; padding: 0px 1.25rem; } .faz-post__author { margin-top: 2rem; margin-bottom: 2rem; padding: 0px 1.25rem; } .faz-post__update { padding: 2rem 1.25rem; background-color: rgb(247, 247, 247); } .faz-author { display: grid; margin-bottom: 1rem; grid-template-columns: auto 1fr; } .faz-author .faz-icon { width: 1rem; min-width: 1rem; height: 1rem; min-height: 1rem; transition: all 0.3s ease 0s; transform: rotate(180deg); } .faz-author__image > img, .ab-team-wrapper .team-member-pic a > img { width: 4rem; height: 4rem; border-radius: 50%; } .faz-author__content { padding-left: 1rem; } .faz-author__content.toggled .faz-icon { transform: rotate(0deg); } .faz-author__name, .ab-team-wrapper .team-member-name a { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 4rem; font-size: 1.125rem; letter-spacing: 0px; } .faz-author__name, .ab-team-wrapper .team-member-name a, .faz-author__name a { color: rgb(2, 2, 3); font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; align-self: center; text-decoration: none; text-transform: uppercase; } .faz-author__teaser { margin-bottom: 2rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .entry-content { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; padding: 2rem 1.25rem; } .entry-content p, .entry-content table, .entry-content ul, .entry-content ol { hyphens: auto; } .entry-content .exclude-from-osp-feed { display: inline; } .entry-content > .exclude-from-osp-feed { margin-bottom: 1rem; display: block; } .entry-content p:empty { display: none; } .entry-content table { border-collapse: collapse; } .entry-content table, .entry-content table td, .entry-content table tr { border: 1px solid rgb(170, 170, 170); } .entry-content table td { padding: 0.5rem; } .entry-content table.aligncenter { clear: none; } .entry-content > p { margin-bottom: 1.5rem; } .entry-content > p:last-child { margin-bottom: 0px; } .entry-content ul, .entry-content ol { margin-bottom: 0.5rem; } .entry-content li { margin-top: 0.5rem; } .entry-content > ul, .entry-content > ol { margin-bottom: 1.5rem; padding-left: 2.5rem; } .entry-content > h2:not(.headline--section) { margin-top: 3rem; font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .entry-content > h3:not(.headline--section) { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .entry-content > h4:not(.headline--section) { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; } .entry-content .js-section-image { margin-top: 3rem; } @media (min-width: 768px), print { .faz-advertorial { padding: 0px; position: absolute; margin-bottom: 0px; width: 100%; transform: translateY(0.5rem); } .faz-post { display: grid; align-items: start; max-width: 800px; margin: auto; padding: 0px 2.5rem; grid-template-columns: var(--faz-post-grid); grid-template-rows: auto; gap: 4rem 2rem; } .faz-post p + .product-box.product-box--normal, .faz-post p + .product-box.product-box--medium, .faz-post p + .product-box.product-box--multi, .faz-post p + .product-box.product-box--ad { margin-top: 4rem; } .faz-post__status { align-self: end; margin-top: 4rem; margin-bottom: -2.5rem; padding: 0px; grid-column-end: span 2; grid-row-start: 1; font-weight: 500; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-post__headline { margin-bottom: -0.5rem; padding: 0px; grid-column-end: span 2; grid-row-start: 2; font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; } .faz-post__image { grid-column-start: span 2; grid-row-start: 3; } .faz-post__photocredit, .photocredit { padding: 0px; } .faz-post__teaser { font-weight: 300; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.06rem; padding: 0px 1.5rem 0px 0px; grid-column: 2 / 3; grid-row-start: 4; } .faz-post__teaser p:nth-last-child(-n+1) { margin-bottom: 0px; } .faz-post__author { margin-top: 0px; margin-bottom: 0px; padding: 0px; grid-area: 4 / 1 / 7 / 2; } .faz-post__update { padding: 2.5rem 3rem; margin: 0px 1.5rem 0px 0px; grid-column: 2 / 3; grid-row-start: 5; } .faz-post__author + .faz-post__content { grid-row: 5 / 7; } .faz-post__status + .faz-post__content { grid-row: 5 / 7; } .faz-post__content { display: grid; z-index: 2; align-items: start; grid-area: 6 / 2 / 7 / 3; grid-template-columns: var(--faz-post-grid); gap: 2rem; max-width: 100% !important; } .faz-post__content > .entry-content { min-width: 0px; padding: 0px; overflow: visible; gap: 0px 2rem; grid-column: 1 / 4; grid-template-columns: var(--faz-post-grid); } .faz-post__content > .entry-content > * { grid-column: 2 / 3; width: auto !important; } .faz-post__content > .entry-content > h2:not(.headline--section) { margin-top: 4rem; font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } .faz-post__content > .entry-content > h3:not(.headline--section) { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .faz-post__content > .entry-content > h4:not(.headline--section) { font-weight: 700; font-size: 1.75rem; line-height: 125%; letter-spacing: 0px; } .faz-post__content > .entry-content > ul, .faz-post__content > .entry-content > ol { padding-left: 4.5rem; } .faz-post__content > .entry-content .js-section-image { margin-top: 4rem; } .faz-post__content--wide { margin-left: calc(-20.8% - 2rem); padding: 0px !important; grid-column: 1 / 3 !important; } .faz-post__content .headline--section { margin-top: 4rem; margin-left: calc(-20.8% - 4.75rem); padding-left: 0px; grid-column: 1 / 3; } .faz-post__content .iframe-container { padding-right: 0px !important; padding-left: 0px !important; } .faz-post__content .product-box--normal { transform: translateX(calc(-20% - 2rem)); grid-column: 1 / 3; width: 130% !important; padding: 0px !important; } .faz-post__content .product-box--ad { transform: translateX(calc(-20% - 2rem)); grid-column: 1 / 3; width: 130% !important; padding: 0px !important; } .faz-post__content .ab-comparison { left: 0px; width: auto; margin-right: calc(25% + 21.75rem - 50vw); margin-left: calc(-20.8% - 4.75rem); padding: 0px; background-color: rgb(255, 255, 255); transform: none; grid-column: 1 / 4; } .faz-post__content .ab-comparison[data-size="1"], .faz-post__content .ab-comparison[data-size="2"], .faz-post__content .ab-comparison[data-size="3"] { margin-right: 0px; margin-left: 0px; align-items: center; display: grid; } .faz-post__content .ab-infobox { float: left; height: fit-content; margin-left: calc(-20.8% - 4.75rem); grid-column: 1 / 2; grid-row-start: span 2; width: calc(20.8% + 2.75rem) !important; } .faz-post__content .ab-pullquote { float: left; height: fit-content; margin-left: calc(-20.8% - 4.75rem); grid-column: 1 / 2; grid-row-start: span 2; width: calc(20.8% + 2.75rem) !important; } .faz-post__content .table-oversize { margin-left: calc(-20.8% - 2rem); grid-column: 1 / 3; width: 126.3% !important; margin-right: 0px !important; } .faz-post__content .js-section-image { margin-left: calc(-20.8% - 2rem); padding: 0px !important; grid-column: 1 / 3 !important; } .faz-post__content figure.alignleft { float: left; padding-right: 3rem !important; } .faz-post__content figure.alignright { float: right; padding-left: 3rem !important; } .faz-post__content figure.aligncenter { float: none; margin-right: auto; margin-left: auto; text-align: left; } .faz-post__content figure.size-ab_content_half { width: calc(50% + 1.5rem) !important; } .faz-post__content figure.size-ab_content_full { padding-right: 3rem !important; padding-left: 3rem !important; } .faz-post__content figure.size-ab_content_full img { width: 100%; } .faz-post__content .ab-guide figure.alignleft { float: left; padding-left: 0px !important; } .faz-post__content .ab-guide figure.alignright { padding-right: 0px !important; } .faz-post__content .ab-guide figure.aligncenter { padding: 0px !important; } .faz-post__content .ab-guide, .faz-post__content .ab-newsletter { padding-left: 3rem !important; padding-right: 3rem !important; } .faz-post__sidebar { opacity: 1; grid-column: 1 / 3; } .faz-post__affbox { z-index: 1; grid-column: 1 / 3; } .faz-post .faz-breadcrumb { margin-top: 0px; } .entry-content { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-author { grid-template-columns: 1fr; } .faz-author + .faz-author { margin-top: 4rem; } .faz-author .faz-icon { display: none; } .faz-author__image > img, .ab-team-wrapper .team-member-pic a > img { width: 7.5rem; height: 7.5rem; border-radius: 50%; } .faz-author__content { padding-left: 0px; } .faz-author__content.toggled .faz-icon { transform: rotate(0deg); } .faz-author__name, .ab-team-wrapper .team-member-name a { height: initial; margin-top: 1.5rem; } .faz-author__name, .ab-team-wrapper .team-member-name a, .faz-author__name a { font-weight: 400; font-size: 1.25rem; line-height: 2rem; letter-spacing: 0px; } .faz-author__teaser { margin-bottom: 0px; line-height: 1.5rem; display: block !important; } } @media (min-width: 1024px) { .faz-post { max-width: 1200px; } .faz-post__headline { font-weight: 700; font-size: 3.5rem; line-height: 4rem; letter-spacing: 0px; } .faz-post__content > .entry-content > * { padding-right: 1.5rem; } .faz-post__content > .entry-content > h2:not(.headline--section) { margin-top: 4rem; } .faz-post__content > .entry-content .js-section-image { margin-top: 4rem; } .faz-post__content--wide { margin-left: calc(-26% - 6rem); margin-right: 1.5rem; } .faz-post__content .headline--section { margin-top: 4rem; margin-left: calc(-26% - 6rem); margin-right: 1.5rem; } .faz-post__content .product-box--normal { width: calc(126.5% + 4rem) !important; transform: translateX(calc(-25.5% - 2rem)); } .faz-post__content .product-box--ad { width: calc(126.5% + 4rem) !important; transform: translateX(calc(-25.5% - 2rem)); } .faz-post__content .ab-comparison { margin-right: calc(25% + 12rem - 50vw); margin-left: calc(-26% - 6rem); } .faz-post__content .ab-infobox { width: calc(26% + 4rem) !important; margin-left: calc(-26.3% - 6rem); } .faz-post__content .ab-pullquote { width: calc(26% + 4rem) !important; margin-left: calc(-26.3% - 6rem); } .faz-post__content .table-oversize { width: calc(126% + 6rem) !important; margin-left: calc(-26% - 6rem); } .faz-post__content .js-section-image { margin-left: calc(-26% - 6rem); margin-right: 1.5rem; } .faz-post__content .ab-guide, .faz-post__content .ab-newsletter { margin-right: 1.5rem; } .faz-post__sidebar { position: sticky; top: 4rem; height: auto; padding-top: 2rem; min-height: calc(-4rem + 100vh); max-height: calc(-4rem + 100vh); overflow: hidden scroll; scroll-behavior: smooth; scrollbar-width: none; background-color: white; transition: all 0.3s ease 0s; will-change: opacity, z-index; grid-area: 4 / 3 / 7 / 4; } .faz-post__sidebar::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-post__sidebar.faz-comparison--hide { opacity: 0; transition: all 0.3s ease 0s; } .faz-post__sidebar.faz-comparison--hidden { z-index: -1; } .faz-post__sidebar::after { display: block; z-index: -1; position: fixed; top: 0px; width: 3rem; height: 100vh; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 35%); transform: translateX(-2rem); } .faz-post__affbox { z-index: 1; grid-column: 3 / 4; grid-row-start: 3; } .faz-post .faz-breadcrumb { margin-top: 0px; } .entry-content { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-author { grid-template-columns: 1fr; } .faz-author + .faz-author { margin-top: 4rem; } .faz-author .faz-icon { display: none; } .faz-author__image > img, .ab-team-wrapper .team-member-pic a > img { width: 7.5rem; height: 7.5rem; border-radius: 50%; } .faz-author__content { padding-left: 0px; } .faz-author__content.toggled .faz-icon { transform: rotate(0deg); } .faz-author__name, .ab-team-wrapper .team-member-name a { height: initial; margin-top: 1.5rem; } .faz-author__name, .ab-team-wrapper .team-member-name a, .faz-author__name a { font-weight: 400; font-size: 1.25rem; line-height: 2rem; letter-spacing: 0px; } .faz-author__teaser { margin-bottom: 0px; line-height: 1.5rem; display: block !important; } } @media (min-width: 1540px) { .faz-post { max-width: 1200px; } .faz-post__headline { font-weight: 700; font-size: 4rem; line-height: 4.5rem; letter-spacing: 0px; } .faz-post__teaser { padding: 0px 1.5rem; } .faz-post__update { margin: 0px 1.5rem; } .faz-post__content > .entry-content > * { padding-right: 1.5rem; padding-left: 1.5rem; } .faz-post__content > .entry-content > h2:not(.headline--section) { margin-top: 4rem; } .faz-post__content > .entry-content .js-section-image { margin-top: 4rem; } .faz-post__content--wide { margin-right: 1.5rem; margin-left: calc(-26% - 6.5rem); } .faz-post__content .headline--section { margin-top: 4rem; margin-left: calc(-26% - 6.5rem); padding: 0px; } .faz-post__content .product-box--normal { padding: 0px; transform: translateX(calc(-26.1% - 1.65rem)); width: calc(125% + 7rem) !important; } .faz-post__content .product-box--ad { padding: 0px; transform: translateX(calc(-26.1% - 1.65rem)); width: calc(125% + 7rem) !important; } .faz-post__content .ab-comparison { margin-right: calc(25% + 13.75rem - 50vw); margin-left: calc(-26% - 6.5rem); padding: 0px; } .faz-post__content .ab-comparison[data-size="1"], .faz-post__content .ab-comparison[data-size="2"], .faz-post__content .ab-comparison[data-size="3"] { padding: 1.25rem; } .faz-post__content .ab-infobox { width: calc(26% + 4.5rem) !important; margin-left: calc(-26% - 6.5rem); } .faz-post__content .ab-pullquote { width: calc(26% + 4.5rem) !important; margin-left: calc(-26% - 6.5rem); } .faz-post__content .table-oversize { width: calc(126% + 9rem) !important; margin-left: calc(-26% - 9rem); } .faz-post__content .js-section-image { margin-right: 1.5rem; margin-left: calc(-26% - 6.5rem); } .faz-post__content figure.alignleft { padding-left: 1.5rem !important; } .faz-post__content figure.alignright { padding-right: 1.5rem !important; } .faz-post__content figure.size-ab_content_full { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .faz-post__content .ab-guide, .faz-post__content .ab-newsletter { margin-right: 0px; } } @media (min-width: 1540px) { .faz-post { max-width: 1200px; } .faz-post__content > .entry-content > h2:not(.headline--section) { margin-top: 4rem; } .faz-post__content > .entry-content .js-section-image { margin-top: 4rem; } .faz-post__content .headline--section { margin-top: 4rem; } .faz-post__content .table-oversize { width: calc(126% + 11.5rem) !important; margin-left: calc(-26% - 11.5rem); } } @media (min-width: 2000px) { .faz-post { max-width: 1584px; } .faz-post__headline { font-weight: 700; font-size: 4rem; line-height: 4.5rem; letter-spacing: 0px; } .faz-post__teaser { padding: 0px 3rem; } .faz-post__update { margin: 0px 3rem; } .faz-post__content > .entry-content > * { padding-right: 3rem; padding-left: 3rem; } .faz-post__content > .entry-content > h2:not(.headline--section) { margin-top: 6rem; } .faz-post__content > .entry-content .js-section-image { margin-top: 6rem; } .faz-post__content--wide { margin-right: 3rem; margin-left: calc(-26% - 7rem); } .faz-post__content .headline--section { margin-top: 6rem; margin-right: 3rem; margin-left: calc(-26% - 7rem); padding: 0px; } .faz-post__content .product-box--normal { padding: 0px; transform: translateX(calc(-26% - 1.65rem)); width: calc(126.5% + 7rem) !important; } .faz-post__content .product-box--ad { padding: 0px; transform: translateX(calc(-26% - 1.65rem)); width: calc(126.5% + 7rem) !important; } .faz-post__content .ab-comparison { margin-right: calc(25% + 13.75rem - 50vw); margin-left: calc(-26% - 7rem); padding: 0px; } .faz-post__content .ab-comparison[data-size="1"], .faz-post__content .ab-comparison[data-size="2"], .faz-post__content .ab-comparison[data-size="3"] { padding: 2.5rem; } .faz-post__content .ab-infobox { width: calc(26% + 5rem) !important; margin-left: calc(-26% - 7rem); } .faz-post__content .ab-pullquote { width: calc(26% + 5rem) !important; margin-left: calc(-26% - 7rem); } .faz-post__content .js-section-image { margin-right: 3rem; margin-left: calc(-26% - 7rem); } .faz-post__content figure.alignleft { padding-left: 3rem !important; } .faz-post__content figure.alignright { padding-right: 3rem !important; } .faz-post__content figure.size-ab_content_full { padding-right: 3rem !important; padding-left: 3rem !important; } .faz-author__name, .ab-team-wrapper .team-member-name a, .faz-author__name a { font-weight: 400; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0px; } } .wpcf7-form { max-width: 100%; background-color: rgb(247, 247, 247); padding: 2rem 2rem 0px; } .wpcf7-submit { width: 100%; } .wpcf7-quiz { display: inline-block; max-width: 100px; margin-bottom: 2rem; } .wpcf7-quiz-label { display: inline-block; width: auto; margin-right: 1rem; } @media (min-width: 768px), print { .wpcf7-form { max-width: 50%; } } img.alignright { float: right; margin: 0px 0px 1em 1em; } img.alignleft { float: left; margin: 0px 1em 1em 0px; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } p + h1, p + h2, p + h3, p + h4 { margin-top: 3rem; } .ab-team-wrapper { display: grid; align-content: start; height: fit-content; } .ab-team-wrapper .ab_team { display: grid; height: fit-content; margin-top: 3rem; grid-template-columns: 1fr 1fr; gap: 1rem; } .ab-team-wrapper .headline { margin-top: 0px; grid-column-end: span 2; } .ab-team-wrapper .team-member { display: grid; place-content: center; align-items: center; grid-template-columns: 1fr; } .ab-team-wrapper .team-member * { display: flex; justify-content: center; margin: 0px; } .ab-team-wrapper .team-member a { margin-top: 0px; } .ab-team-wrapper .team-member-pic a { padding: 0px; } .ab-team-wrapper .team-member-pic a img { width: 5rem; height: 5rem; } .ab-team-wrapper .team-member-name a { font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; font-family: SuisseI; text-align: center; hyphens: manual; } .faz-post.page { display: block; max-width: 912px; } .faz-post.page .faz-card__overline { margin-top: 6rem; padding-left: 1.25rem; margin-bottom: 0.5rem; } .faz-post.page .faz-post__content .entry-content .headline:first-child { margin-top: 0px; } .faz-post.page .faz-post__content > .entry-content { padding-top: 0px; } @media (min-width: 768px), print { .faz-post { margin-bottom: 3rem; } .ab-team-wrapper { gap: 2rem; } .ab-team-wrapper .ab_team { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2rem; } .ab-team-wrapper .team-member { display: grid; align-items: center; gap: 1.5rem; grid-template-columns: auto 1fr; } .ab-team-wrapper .team-member * { justify-content: start; } .ab-team-wrapper .headline { text-align: left; grid-column-end: span 4; } .ab-team-wrapper .team-member-name a { text-align: left; } .grid-2 { display: grid; grid-template-columns: 1fr 1fr; } .grid-2 > div:first-child { order: 1; transform: translateY(-6rem); } .faz-post.page .faz-card__overline { padding-left: 0px; } } @media (min-width: 1024px) { .faz-post.page .faz-card__overline { padding-left: 1.5rem; } .faz-post.page .faz-post__content > .entry-content > * { padding-left: 1.5rem; } } .ab-page-pricecompare { margin-bottom: 5rem; } .ab-page-pricecompare .header { margin-top: 6.5rem; } .ab-page-pricecompare .button.button--secondary { background: rgb(225, 0, 0); } .ab-page-pricecompare .button.button--secondary:hover { background: rgb(203, 0, 0); } .ab-page-pricecompare .headline { font-size: 2.5rem; margin-top: 0.5rem; } .ab-page-pricecompare .button:not(.button--ghost) { min-width: auto; width: 100%; font-family: Lato, sans-serif; white-space: nowrap; } .ab-page-pricecompare .button:not(.button--ghost):hover { text-decoration: none; } .ab-page-pricecompare .label { background-color: rgb(225, 0, 0); border-radius: 0.25rem 0.25rem 0px 0px; display: inline-block; padding: 0.25rem 0.5rem; text-transform: uppercase; font-weight: 900; color: rgb(255, 255, 255); letter-spacing: 0.4px; font-size: 0.75rem; line-height: 1.33; } .ab-page-pricecompare .label + .headline { margin-top: 0.75rem; margin-bottom: 1.5rem; } .ab-page-pricecompare .image { text-align: center; margin: auto; } .ab-page-pricecompare .cta { margin-top: 2rem; margin-bottom: 2.5rem; } .ab-page-pricecompare .ctas p { margin-bottom: 1rem; } .ab-page-pricecompare .pro-cons .headline { color: rgb(39, 62, 79); border-bottom: 2px solid rgb(233, 236, 238); display: block; padding-bottom: 0.5rem; font-size: 1.25rem; margin-bottom: 0.5rem; } .ab-page-pricecompare .pro-cons .ab-category { border-color: rgb(233, 236, 238); } .ab-page-pricecompare .pro-cons ul { font-size: 0.875rem; line-height: 1.42857; letter-spacing: 0.2px; } .ab-page-pricecompare .ab-test-pros, .ab-page-pricecompare .ab-test-cons { display: block; list-style: none; margin: 0px; padding: 0px; } .ab-page-pricecompare .ab-test-pros li::before, .ab-page-pricecompare .ab-test-pros li::after, .ab-page-pricecompare .ab-test-cons li::before, .ab-page-pricecompare .ab-test-cons li::after { content: none; } .ab-page-pricecompare .ab-test-pros ul, .ab-page-pricecompare .ab-test-cons ul { padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-top: 1.5rem; margin-bottom: 2rem; } .ab-page-pricecompare .ab-test-pros li, .ab-page-pricecompare .ab-test-cons li { background-image: url("data:image/svg+xml,%3Csvg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='8' cy='8' fill='%2300d764' r='8'/%3E%3Cg fill='%23fff' transform='translate(4 4)'%3E%3Crect height='2' rx='1' width='8' y='3'/%3E%3Crect height='2' rx='1' transform='matrix(0 1 -1 0 8 0)' width='8' y='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 2px; padding-left: 1.5rem; margin-bottom: 0.5rem; overflow-wrap: break-word; padding-bottom: 0.5rem; } .ab-page-pricecompare .ab-test-pros li::first-letter, .ab-page-pricecompare .ab-test-cons li::first-letter { text-transform: capitalize; } .ab-page-pricecompare .ab-test-cons li { background-image: url("data:image/svg+xml,%3Csvg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='8' cy='8' fill='%23e10000' r='8'/%3E%3Crect fill='%23fff' height='2' rx='1' width='8' x='4' y='7'/%3E%3C/g%3E%3C/svg%3E"); } .ab-page-pricecompare .ab-offers-all .headlines { display: none; } .ab-page-pricecompare .ab-offers-all .offer-row.hidden { display: none; } .ab-page-pricecompare .ab-offers-all .offer-row .text-link, .ab-page-pricecompare .ab-offers-all .offer-row .text-link:hover { color: rgb(39, 62, 79); text-decoration: none; } .ab-page-pricecompare .ab-offers-all .offer-row .price .text-link, .ab-page-pricecompare .ab-offers-all .offer-row .price .text-link:hover { color: rgb(51, 51, 51); } .ab-page-pricecompare .offers { margin-top: 4rem; } .ab-page-pricecompare .offer-row-parent { border-bottom: 2px solid rgb(233, 236, 238); padding-bottom: 2rem; margin-bottom: 2rem; display: flex; flex-direction: column; } .ab-page-pricecompare .offer-row-parent [data-toggle] { margin: auto; } .ab-page-pricecompare .offer-row-parent [data-toggle] + .low-priority { padding-top: 1.5rem; } .ab-page-pricecompare .offer-row { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 1rem; } .ab-page-pricecompare .offer-row.low-priority .variant { font-weight: 500; } .ab-page-pricecompare .offer-row.low-priority .price { font-size: 1.75rem; } .ab-page-pricecompare .offer-row:last-child { border-bottom: none; } .ab-page-pricecompare .offer-row .variant { font-size: 1rem; font-weight: 700; line-height: 1.5; color: rgb(39, 62, 79); width: 100%; } .ab-page-pricecompare .offer-row .price { width: 70%; order: 1; text-align: right; margin-bottom: 1.5rem; font-size: 2rem; font-weight: 900; } .ab-page-pricecompare .offer-row .price .shipping { display: block; font-size: 0.75rem; letter-spacing: 0.2px; font-weight: 400; } .ab-page-pricecompare .offer-row .time { margin-top: 1.5rem; letter-spacing: 0.2px; width: 100%; font-size: 0.75rem; font-weight: 400; } .ab-page-pricecompare .offer-row .shop { width: 30%; max-width: 120px; margin-bottom: 1.5rem; padding-top: 0.75rem; } .ab-page-pricecompare .offer-row .link { order: 2; width: 100%; } .ab-page-pricecompare .tech-line { border-bottom: 2px solid rgb(233, 236, 238); } .ab-page-pricecompare .tech-line .headline { font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 700; margin-bottom: 0px; line-height: 1.75; margin-top: 0.75rem; } .ab-page-pricecompare .tech-line .info { font-size: 0.875rem; margin-top: 0.25rem; margin-bottom: 1rem; } .ab-page-pricecompare .hint { font-size: 0.625rem; letter-spacing: 0.4px; font-weight: 700; color: rgb(83, 101, 115); text-align: center; margin-bottom: 5rem; } @media screen and (min-width: 768px) { .ab-page-pricecompare .offer-row-parent [data-toggle] { margin-right: 0px; } .ab-page-pricecompare .offer-row-parent [data-toggle] + .low-priority { padding-top: 0px; } .ab-page-pricecompare .offer-row { align-items: center; } .ab-page-pricecompare .offer-row.low-priority .variant { padding-top: 1rem; } .ab-page-pricecompare .offer-row.low-priority .variant, .ab-page-pricecompare .offer-row.low-priority .time { padding-left: 120px; text-align: right; } .ab-page-pricecompare .offer-row .price { width: 33.33%; margin-bottom: 0px; } .ab-page-pricecompare .offer-row .shop { margin-bottom: 0px; width: 33.33%; } .ab-page-pricecompare .offer-row .link { width: 33.33%; } } @media screen and (min-width: 1024px) { .ab-page-pricecompare { margin-bottom: 8rem; } .ab-page-pricecompare .button.button--secondary { width: auto; } .ab-page-pricecompare .label { font-size: 0.875rem; padding: 0.5rem 0.75rem; } .ab-page-pricecompare .cta { display: block; } .ab-page-pricecompare .header { max-width: calc(83.33% - 3rem); margin-left: calc(8.33333% + 1.5rem); margin-top: 0px; } .ab-page-pricecompare .header > * { float: right; width: calc(60% - 1rem); } .ab-page-pricecompare .header .image { width: calc(40% - 1rem); float: left; } .ab-page-pricecompare .header .pro-cons, .ab-page-pricecompare .header .ctas { display: flex; justify-content: space-between; } .ab-page-pricecompare .header .pro-cons > *, .ab-page-pricecompare .header .ctas > * { width: calc(50% - 1.5rem); } .ab-page-pricecompare .header .pro-cons p, .ab-page-pricecompare .header .ctas p { margin-bottom: 0px; } .ab-page-pricecompare .header .pro-cons ul { margin-bottom: 0.5rem; } .ab-page-pricecompare .header .headline { margin-top: 0px; margin-bottom: 1.5rem; } .ab-page-pricecompare .header .label + .headline { margin-top: 1rem; } .ab-page-pricecompare .header .cta { margin-top: 0px; margin-bottom: 3rem; } .ab-page-pricecompare .offer-row-parent { border-bottom: 2px solid rgb(233, 236, 238); padding-bottom: 0.5rem; margin-bottom: 0px; } .ab-page-pricecompare .offer-row-parent [data-toggle] { margin-bottom: 1rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) { margin-bottom: 5rem; max-width: calc(100% - 3rem); margin-left: 1.5rem; width: 100%; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row { display: flex; margin-bottom: 0px; align-items: center; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines.hidden, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row.hidden { display: none; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(1), .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(1) { width: calc(30% - 2rem); } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(2), .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(2) { width: calc(25% - 3rem); margin-left: 3rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(3), .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(3) { width: calc(14% - 2rem); margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(4), .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(4) { width: calc(12% - 2rem); max-width: none; margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(5), .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(5) { width: 19%; margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(5) .button, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(5) .button { width: 100%; max-width: 12rem; float: right; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines { border-bottom: 2px solid rgb(233, 236, 238); padding-top: 0.5rem; padding-bottom: 0.5rem; position: sticky; top: 5rem; z-index: 1; background: rgb(255, 255, 255); } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines * { font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 700; margin-bottom: 0px; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row { padding-top: 1.5rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row.low-priority .variant { padding-top: 0px; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row.low-priority .variant, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row.low-priority .time { padding-left: 0px; text-align: left; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .price { text-align: left; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .shop { margin-bottom: 0px; padding-top: 0.25rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .price, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .time { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .price, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .time, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .link { order: 0; } .ab-page-pricecompare .offer.offer-error { margin-top: 0.5rem; } .ab-page-pricecompare .hint { max-width: calc(66.66% - 3rem); margin-left: calc(16.6667% + 1.5rem); } .ab-page-pricecompare .ab-offers-all, .ab-page-pricecompare .tech-line-outer { margin-top: 3rem; } .ab-page-pricecompare .tech-line-outer:not(.ab-category) { display: flex; justify-content: space-between; max-width: calc(100% - 3rem); margin-left: 1.5rem; width: 100%; flex-wrap: wrap; } .ab-page-pricecompare .tech-line-outer:not(.ab-category) > * { width: calc(50% - 2rem); } .ab-page-pricecompare .tech-line-outer:not(.ab-category) .tech-line { display: flex; justify-content: space-between; } .ab-page-pricecompare .tech-line-outer:not(.ab-category) .headline { margin-top: 1.125rem; width: 35%; } .ab-page-pricecompare .tech-line-outer:not(.ab-category) .info { width: 65%; margin-top: 1rem; margin-bottom: 1rem; } .ab-page-pricecompare .tech-line:nth-child(1), .ab-page-pricecompare .tech-line:nth-child(2) { border-top: 2px solid rgb(233, 236, 238); } } @media screen and (min-width: 1280px) { .ab-page-pricecompare { padding-top: 3rem; } .ab-page-pricecompare .header { max-width: calc(75% - 3rem); margin-left: calc(16.6667% + 1.5rem); } .ab-page-pricecompare .ab-offers-all:not(.ab-category), .ab-page-pricecompare .tech-line-outer:not(.ab-category) { max-width: calc(83.33% - 3rem); margin-left: calc(8.33333% + 1.5rem); } .ab-page-pricecompare .hint { max-width: calc(50% - 3rem); margin-left: calc(25% + 1.5rem); } } .ab-page-pricecompare { max-width: 1200px; margin-bottom: 5rem; padding-right: 1.25rem; padding-left: 1.25rem; } .ab-page-pricecompare .container { margin-top: 3rem; } .ab-page-pricecompare .row { display: flow-root; } .ab-page-pricecompare .header { margin-top: 3rem; } .ab-page-pricecompare button.faz-button { text-align: right; padding-right: 4rem; } .ab-page-pricecompare button.faz-button--ghost-chevron-up, .ab-page-pricecompare button.faz-button--ghost-chevron-down { padding-right: 1.5rem; padding-left: 1.5rem; position: relative; text-align: left; width: auto; margin-top: 1rem !important; } .ab-page-pricecompare button.faz-button--ghost-chevron-up::before, .ab-page-pricecompare button.faz-button--ghost-chevron-down::before { position: absolute; right: 0px; transform: rotate(90deg) translateY(0px); margin-right: 0px; } .ab-page-pricecompare button.faz-button--ghost-chevron-up::before { transform: rotate(270deg) translateY(0px); } .ab-page-pricecompare .headline { margin-top: 0.5rem; color: rgb(2, 2, 3); font-family: SangBleuKingdom; } .ab-page-pricecompare .label { display: inline-block; padding: 0.25rem 0.5rem; border-radius: 0px; text-transform: uppercase; background-color: rgb(140, 116, 33); margin-bottom: 1rem; font-weight: 600; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .ab-page-pricecompare .label + .headline { margin-top: 0.75rem; margin-bottom: 1.5rem; } .ab-page-pricecompare .image { margin: auto; text-align: center; } .ab-page-pricecompare .cta { margin-top: 2rem; margin-bottom: 2.5rem; } .ab-page-pricecompare .ctas p { margin-bottom: 1rem; } .ab-page-pricecompare .pro-cons .headline { color: rgb(2, 2, 3); display: block; margin-bottom: 0.5rem; padding-bottom: 0.5rem; } .ab-page-pricecompare .pro-cons ul { line-height: 1.42857; letter-spacing: 0.2px; } .ab-page-pricecompare #productinfos .headline { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; } .ab-page-pricecompare .ab-test-pros, .ab-page-pricecompare .ab-test-cons { color: rgb(2, 2, 3); font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-page-pricecompare .ab-test-pros li, .ab-page-pricecompare .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0.25rem; padding-left: 1.5rem; word-break: break-word; hyphens: auto; background-repeat: no-repeat; background-position: left top -1px; padding-bottom: 0.25rem; } .ab-page-pricecompare .ab-test-pros li::first-letter, .ab-page-pricecompare .ab-test-cons li::first-letter { text-transform: capitalize; } .ab-page-pricecompare .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0.5rem; padding-bottom: 0.25rem; padding-left: 1.5rem; overflow-wrap: break-word; background-repeat: no-repeat; background-position: left top -1px; } .ab-page-pricecompare .ab-offers-all { margin-top: 2rem; } .ab-page-pricecompare .ab-offers-all .headlines { display: none; } .ab-page-pricecompare .ab-offers-all .offer-row.hidden { display: none; } .ab-page-pricecompare .ab-offers-all .offer-row .text-link, .ab-page-pricecompare .ab-offers-all .offer-row .text-link:hover { text-decoration: none; display: inline-block; } .ab-page-pricecompare .ab-offers-all .offer-row .price .text-link, .ab-page-pricecompare .ab-offers-all .offer-row .text-link { color: rgb(17, 10, 53); font-weight: 600; } @media (hover: hover) { .ab-page-pricecompare .ab-offers-all .offer-row .price .text-link:hover, .ab-page-pricecompare .ab-offers-all .offer-row .text-link:hover { color: rgb(65, 59, 93); } } .ab-page-pricecompare .offers { margin-top: 4rem; } .ab-page-pricecompare .offer-row-parent { display: flex; flex-direction: column; width: 100%; margin-bottom: 2rem; padding-bottom: 2rem; } .ab-page-pricecompare .offer-row-parent [data-toggle] { margin: auto; } .ab-page-pricecompare .offer-row-parent [data-toggle] + .low-priority { padding-top: 1.5rem; } .ab-page-pricecompare .offer-row { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding-bottom: 1rem; } .ab-page-pricecompare .offer-row:last-child { border-bottom: none; } .ab-page-pricecompare .offer-row .variant { width: 100%; line-height: 1.3; text-transform: uppercase; } .ab-page-pricecompare .offer-row .price { font-weight: 300; font-size: 1.75rem; line-height: 2.5rem; letter-spacing: 0.06rem; position: relative; order: 1; width: 70%; margin-bottom: 1.5rem; text-align: right; padding-top: 0.75rem; } .ab-page-pricecompare .offer-row .price .shipping { display: block; font-weight: 300; font-size: 0.75rem; letter-spacing: 0.06rem; line-height: 125% !important; } .ab-page-pricecompare .offer-row .time { width: 100%; margin-top: 1.5rem; font-weight: 300; font-size: 0.75rem; letter-spacing: 0.06rem; line-height: 125% !important; } .ab-page-pricecompare .offer-row .shop { width: 30%; max-width: 120px; margin-bottom: 1.5rem; padding-top: 0.75rem; } .ab-page-pricecompare .offer-row .shop a { font-weight: 300; font-size: 1rem; line-height: 130%; letter-spacing: 0.04rem; text-decoration: none; } .ab-page-pricecompare .offer-row .shop img { max-height: 3rem; } .ab-page-pricecompare .offer-row .link { order: 2; width: 100%; } .ab-page-pricecompare .offer-row .link .faz-button { width: 100%; } .ab-page-pricecompare .tech-line .headline { font-weight: 600; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; font-family: SuisseI; margin-top: 0.75rem; text-transform: uppercase; margin-bottom: 0px !important; } .ab-page-pricecompare .tech-line .info { margin-top: 0.25rem; margin-bottom: 1rem; } .ab-page-pricecompare .hint { margin-bottom: 5rem; color: rgb(2, 2, 3); text-align: center; font-weight: 300; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-page-pricecompare .label--prime-deal { position: absolute; top: -1.35rem; left: 0px; } @media (min-width: 768px), print { .ab-page-pricecompare { padding-right: 2.5rem; padding-left: 2.5rem; } .ab-page-pricecompare .offer-row-parent [data-toggle] { margin-right: 0px; } .ab-page-pricecompare .offer-row-parent [data-toggle] + .low-priority { padding-top: 0px; } .ab-page-pricecompare .offer-row { align-items: center; } .ab-page-pricecompare .offer-row.low-priority .variant { padding-top: 1rem; } .ab-page-pricecompare .offer-row.low-priority .variant, .ab-page-pricecompare .offer-row.low-priority .time { padding-left: 120px; text-align: right; } .ab-page-pricecompare .offer-row .price { font-size: 2rem; padding-top: 0px; width: 33.33%; margin-bottom: 0px; } .ab-page-pricecompare .offer-row .price .shipping { font-weight: 300; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .ab-page-pricecompare .offer-row .time { font-weight: 300; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .ab-page-pricecompare .offer-row .shop { width: 33.33%; margin-bottom: 0px; } .ab-page-pricecompare .offer-row .link { width: 33.33%; } } @media (min-width: 1024px) { .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines * { font-weight: 600; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .ab-page-pricecompare { margin-bottom: 8rem; } .ab-page-pricecompare .label { padding: 0.5rem 0.75rem 0.25rem; } .ab-page-pricecompare .cta { display: block; } .ab-page-pricecompare .header { margin-top: 0px; } .ab-page-pricecompare .header > * { float: right; width: calc(60% - 1rem); } .ab-page-pricecompare .header .image { float: left; width: calc(40% - 1rem); } .ab-page-pricecompare .header .pro-cons, .ab-page-pricecompare .header .ctas { display: flex; justify-content: space-between; } .ab-page-pricecompare .header .pro-cons > *, .ab-page-pricecompare .header .ctas > * { width: calc(50% - 1.5rem); } .ab-page-pricecompare .header .pro-cons p, .ab-page-pricecompare .header .ctas p { margin-bottom: 0px; } .ab-page-pricecompare .header .pro-cons ul { margin-bottom: 0.5rem; } .ab-page-pricecompare .header .headline { margin-top: 0px; margin-bottom: 1.5rem; } .ab-page-pricecompare .header .label + .headline { margin-top: 1rem; } .ab-page-pricecompare .header .cta { margin-top: 0px; margin-bottom: 3rem; } .ab-page-pricecompare .offer-row-parent { margin-bottom: 0px; padding-bottom: 0.5rem; } .ab-page-pricecompare .offer-row-parent [data-toggle] { margin-bottom: 1rem; } .ab-page-pricecompare .ab-offers-all { width: 100%; margin-bottom: 5rem; max-width: initial !important; margin-left: 0px !important; } .ab-page-pricecompare .ab-offers-all .headlines, .ab-page-pricecompare .ab-offers-all .offer-row { display: flex; align-items: center; width: 100%; margin-bottom: 0px; } .ab-page-pricecompare .ab-offers-all .headlines.hidden, .ab-page-pricecompare .ab-offers-all .offer-row.hidden { display: none; } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(1), .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(1) { width: calc(30% - 2rem); } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(2), .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(2) { width: calc(25% - 3rem); margin-left: 3rem; } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(3), .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(3) { width: calc(14% - 2rem); margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(4), .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(4) { width: calc(12% - 2rem); max-width: none; margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(5), .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(5) { width: 19%; margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(5) .faz-button, .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(5) .faz-button { float: right; width: 100%; max-width: 12rem; } .ab-page-pricecompare .ab-offers-all .headlines { z-index: 1; position: sticky; top: 5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; background: rgb(255, 255, 255); } .ab-page-pricecompare .ab-offers-all .headlines * { margin-bottom: 0px; text-transform: uppercase; letter-spacing: 0.4px; } .ab-page-pricecompare .ab-offers-all .offer-row { padding-top: 1.5rem; } .ab-page-pricecompare .ab-offers-all .offer-row.low-priority .variant { padding-top: 0px; } .ab-page-pricecompare .ab-offers-all .offer-row.low-priority .variant, .ab-page-pricecompare .ab-offers-all .offer-row.low-priority .time { padding-left: 0px; text-align: left; } .ab-page-pricecompare .ab-offers-all .offer-row .price { text-align: left; } .ab-page-pricecompare .ab-offers-all .offer-row .shop { margin-bottom: 0px; padding-top: 0.25rem; } .ab-page-pricecompare .ab-offers-all .offer-row .price, .ab-page-pricecompare .ab-offers-all .offer-row .time { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; } .ab-page-pricecompare .ab-offers-all .offer-row .price, .ab-page-pricecompare .ab-offers-all .offer-row .time, .ab-page-pricecompare .ab-offers-all .offer-row .link { order: 0; } .ab-page-pricecompare .offer.offer-error { margin-top: 0.5rem; } .ab-page-pricecompare .ab-offers-all, .ab-page-pricecompare .tech-line-outer { margin-top: 3rem; } .ab-page-pricecompare .tech-line-outer { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: initial !important; margin: 0px !important; } .ab-page-pricecompare .tech-line-outer > * { width: calc(50% - 2rem); } .ab-page-pricecompare .tech-line-outer .tech-line { display: flex; justify-content: space-between; } .ab-page-pricecompare .tech-line-outer .headline { font-weight: 600; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; font-family: SuisseI; } .ab-page-pricecompare .tech-line-outer .info { width: 65%; margin-top: 1rem; margin-bottom: 1rem; } } @media (min-width: 1540px) { .ab-page-pricecompare { padding-top: 3rem; } } .version { position: fixed; bottom: 1rem; right: 1rem; opacity: 0.5; z-index: 2; } "); border: 0px; } button.faz-button, button.wpcf7-submit, .ab-newsletter button.sib-default-btn, .ab-comparison button.button, .product-box button.button, .update-sign-in-form button.button, .ab-infobox button.button, .faz-post__affbox button.button { border-width: 0px; } .faz-button, .wpcf7-submit, .ab-newsletter .sib-default-btn, .ab-comparison .button, .product-box .button, .update-sign-in-form .button, .ab-infobox .button, .faz-post__affbox .button, .navigation.posts-navigation .nav-previous a, .navigation.posts-navigation .nav-next a { font-weight: 600; font-size: 0.875rem; display: inline-block; width: 100%; padding: 1rem 1.5rem; border-radius: 0.125rem; line-height: 1rem; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 0.12rem; } .faz-button--primary, .wpcf7-submit, .ab-newsletter .sib-default-btn, .ab-comparison .button, .product-box .button, .update-sign-in-form .button { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); } @media (hover: hover) { .faz-button--primary, .wpcf7-submit, .ab-newsletter .sib-default-btn, .ab-comparison .button, .product-box .button, .update-sign-in-form .button { transition: background-color 0.3s ease 0s; } .faz-button--primary:hover, .wpcf7-submit:hover, .ab-newsletter .sib-default-btn:hover, .ab-comparison .button:hover, .product-box .button:hover, .update-sign-in-form .button:hover { color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(65, 59, 93); } .faz-button--primary:active, .wpcf7-submit:active, .ab-newsletter .sib-default-btn:active, .ab-comparison .button:active, .product-box .button:active, .update-sign-in-form .button:active { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); } .faz-button--primary:disabled, .wpcf7-submit:disabled, .ab-newsletter .sib-default-btn:disabled, .ab-comparison .button:disabled, .product-box .button:disabled, .update-sign-in-form .button:disabled { color: rgb(255, 255, 255); background-color: rgb(136, 133, 154); } } .faz-button--primary:disabled, .wpcf7-submit:disabled, .ab-newsletter .sib-default-btn:disabled, .ab-comparison .button:disabled, .product-box .button:disabled, .update-sign-in-form .button:disabled { background-color: rgb(136, 133, 154); } @media (hover: hover) { .faz-button--primary:disabled, .wpcf7-submit:disabled, .ab-newsletter .sib-default-btn:disabled, .ab-comparison .button:disabled, .product-box .button:disabled, .update-sign-in-form .button:disabled { cursor: auto; } } .faz-button--secondary { color: rgb(255, 255, 255); background-color: rgb(140, 116, 33); } @media (hover: hover) { .faz-button--secondary { transition: background-color 0.3s ease 0s; } .faz-button--secondary:hover { color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(163, 144, 77); } .faz-button--secondary:active { color: rgb(255, 255, 255); background-color: rgb(140, 116, 33); } .faz-button--secondary:disabled { color: rgb(255, 255, 255); background-color: rgb(198, 186, 144); } } .faz-button--ghost, .product-box .button--ghost, .ab-infobox .button, .faz-post__affbox .button, .navigation.posts-navigation .nav-previous a { color: rgb(2, 2, 3); background-color: transparent; position: relative; width: 100%; padding: 1rem 0px 0px; text-align: left; letter-spacing: 0.06rem; } @media (hover: hover) { .faz-button--ghost, .product-box .button--ghost, .ab-infobox .button, .faz-post__affbox .button, .navigation.posts-navigation .nav-previous a { transition: color 0.3s ease 0s; } .faz-button--ghost:hover, .product-box .button--ghost:hover, .ab-infobox .button:hover, .faz-post__affbox .button:hover, .navigation.posts-navigation .nav-previous a:hover { background-color: transparent; color: rgb(53, 53, 53); cursor: pointer; } .faz-button--ghost:hover::after, .product-box .button--ghost:hover::after, .ab-infobox .button:hover::after, .faz-post__affbox .button:hover::after, .navigation.posts-navigation .nav-previous a:hover::after { opacity: 0.8; } .faz-button--ghost:active, .product-box .button--ghost:active, .ab-infobox .button:active, .faz-post__affbox .button:active, .navigation.posts-navigation .nav-previous a:active { background-color: transparent; color: rgb(2, 2, 3); } .faz-button--ghost:active::after, .product-box .button--ghost:active::after, .ab-infobox .button:active::after, .faz-post__affbox .button:active::after, .navigation.posts-navigation .nav-previous a:active::after { opacity: 1; } .faz-button--ghost:disabled, .product-box .button--ghost:disabled, .ab-infobox .button:disabled, .faz-post__affbox .button:disabled, .navigation.posts-navigation .nav-previous a:disabled { color: rgb(129, 129, 129); } .faz-button--ghost:disabled::after, .product-box .button--ghost:disabled::after, .ab-infobox .button:disabled::after, .faz-post__affbox .button:disabled::after, .navigation.posts-navigation .nav-previous a:disabled::after { opacity: 0.5; } } .faz-button--ghost::after, .product-box .button--ghost::after, .ab-infobox .button::after, .faz-post__affbox .button::after, .navigation.posts-navigation .nav-previous a::after { display: inline-block; background-image: url("data:image/svg+xml,"); position: absolute; bottom: 0px; width: 3rem; height: calc(100% - 1rem); margin-left: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; } .faz-button--ghost-invert { color: rgb(255, 255, 255); background-color: transparent; position: relative; width: 100%; padding: 1rem 0px 0px; text-align: left; letter-spacing: 0.06rem; } @media (hover: hover) { .faz-button--ghost-invert { transition: color 0.3s ease 0s; } .faz-button--ghost-invert:hover { background-color: transparent; color: white; cursor: pointer; } .faz-button--ghost-invert:hover::after { opacity: 0.8; } .faz-button--ghost-invert:active { background-color: transparent; color: rgb(255, 255, 255); } .faz-button--ghost-invert:active::after { opacity: 1; } .faz-button--ghost-invert:disabled { color: white; } .faz-button--ghost-invert:disabled::after { opacity: 0.5; } } .faz-button--ghost-invert::after { display: inline-block; background-image: url("data:image/svg+xml,"); position: absolute; bottom: 0px; width: 3rem; height: calc(100% - 1rem); margin-left: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; } .faz-button--ghost-before, .navigation.posts-navigation .nav-next a { color: rgb(2, 2, 3); background-color: transparent; position: relative; width: 100%; padding: 1rem 0px 0px; text-align: left; letter-spacing: 0.06rem; } @media (hover: hover) { .faz-button--ghost-before, .navigation.posts-navigation .nav-next a { transition: color 0.3s ease 0s; } .faz-button--ghost-before:hover, .navigation.posts-navigation .nav-next a:hover { background-color: transparent; color: rgb(53, 53, 53); cursor: pointer; } .faz-button--ghost-before:hover::after, .navigation.posts-navigation .nav-next a:hover::after { opacity: 0.8; } .faz-button--ghost-before:active, .navigation.posts-navigation .nav-next a:active { background-color: transparent; color: rgb(2, 2, 3); } .faz-button--ghost-before:active::after, .navigation.posts-navigation .nav-next a:active::after { opacity: 1; } .faz-button--ghost-before:disabled, .navigation.posts-navigation .nav-next a:disabled { color: rgb(129, 129, 129); } .faz-button--ghost-before:disabled::after, .navigation.posts-navigation .nav-next a:disabled::after { opacity: 0.5; } } .faz-button--ghost-before::before, .navigation.posts-navigation .nav-next a::before { display: inline-block; background-image: url("data:image/svg+xml,"); transform: rotate(180deg) translateX(4.25rem); position: absolute; bottom: 0px; width: 3rem; height: calc(100% - 1rem); margin-right: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; } .faz-button--ghost-chevron, .ab-comparison .offers-all .button, .faz-button--ghost-chevron-down, .faz-button--ghost-chevron-up { color: rgb(2, 2, 3); background-color: transparent; position: relative; width: 100%; padding-right: 0px; padding-left: 0px; margin-left: 1rem; text-align: left; letter-spacing: 0.06rem; padding-top: 0px !important; padding-bottom: 0px !important; } @media (hover: hover) { .faz-button--ghost-chevron, .ab-comparison .offers-all .button, .faz-button--ghost-chevron-down, .faz-button--ghost-chevron-up { transition: color 0.3s ease 0s; } .faz-button--ghost-chevron:hover, .ab-comparison .offers-all .button:hover, .faz-button--ghost-chevron-down:hover, .faz-button--ghost-chevron-up:hover { background-color: transparent; color: rgb(53, 53, 53); cursor: pointer; } .faz-button--ghost-chevron:hover::after, .ab-comparison .offers-all .button:hover::after, .faz-button--ghost-chevron-down:hover::after, .faz-button--ghost-chevron-up:hover::after { opacity: 0.8; } .faz-button--ghost-chevron:active, .ab-comparison .offers-all .button:active, .faz-button--ghost-chevron-down:active, .faz-button--ghost-chevron-up:active { background-color: transparent; color: rgb(2, 2, 3); } .faz-button--ghost-chevron:active::after, .ab-comparison .offers-all .button:active::after, .faz-button--ghost-chevron-down:active::after, .faz-button--ghost-chevron-up:active::after { opacity: 1; } .faz-button--ghost-chevron:disabled, .ab-comparison .offers-all .button:disabled, .faz-button--ghost-chevron-down:disabled, .faz-button--ghost-chevron-up:disabled { color: rgb(129, 129, 129); } .faz-button--ghost-chevron:disabled::after, .ab-comparison .offers-all .button:disabled::after, .faz-button--ghost-chevron-down:disabled::after, .faz-button--ghost-chevron-up:disabled::after { opacity: 0.5; } } .faz-button--ghost-chevron::before, .ab-comparison .offers-all .button::before, .faz-button--ghost-chevron-down::before, .faz-button--ghost-chevron-up::before { display: inline-block; background-image: url("data:image/svg+xml,"); position: absolute; top: 0px; bottom: 0px; margin: auto 1rem auto auto; left: -1.25rem; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; } .faz-button--ghost-chevron-up::before { transform: rotate(-90deg) translateY(-0.25rem); } .faz-button--ghost-chevron-down::before { transform: rotate(90deg) translateY(0.25rem); } .faz-button--search { background-color: rgb(17, 10, 53); display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); width: 3rem; height: 3rem; border-width: 0px; border-radius: 9.375rem; color: transparent; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; } @media (hover: hover) { .faz-button--search { transition: background-color 0.3s ease 0s; } .faz-button--search:hover { color: rgb(17, 10, 53); cursor: pointer; background-color: rgb(65, 59, 93); } .faz-button--search:active { color: rgb(17, 10, 53); background-color: rgb(17, 10, 53); } .faz-button--search:disabled { color: rgb(17, 10, 53); background-color: rgb(136, 133, 154); } } @media (hover: hover) { .faz-button--search { transition: background-color 0.3s ease 0s; } .faz-button--search:hover { color: transparent; } .faz-button--search:active { color: transparent; } } @media (min-width: 768px), print { .faz-button, .wpcf7-submit, .ab-newsletter .sib-default-btn, .ab-comparison .button, .product-box .button, .update-sign-in-form .button, .ab-infobox .button, .faz-post__affbox .button, .navigation.posts-navigation .nav-previous a, .navigation.posts-navigation .nav-next a { font-weight: 600; font-size: 1rem; line-height: 1.5rem; width: auto; letter-spacing: 0.12rem; } .faz-button--ghost, .product-box .button--ghost, .ab-infobox .button, .faz-post__affbox .button, .navigation.posts-navigation .nav-previous a { width: 100%; } } .navigation.posts-navigation { margin-bottom: 3rem; } .navigation.posts-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; } .navigation.posts-navigation .nav-previous { justify-self: end; order: 1; padding-right: 5rem; grid-column-start: span 2; } .navigation.posts-navigation .nav-next { justify-self: start; padding-left: 5rem; position: absolute; } .mb-full { margin-bottom: 3rem !important; } @media (min-width: 768px), print { .mb-full { margin-bottom: 6rem !important; } } .faz-grid { margin-bottom: 3rem; } .faz-module { position: relative; max-width: 480px; margin: auto auto 3rem; } .faz-module--hero { margin-bottom: 1.5rem; } .faz-module--full { max-width: none; } .faz-module--full > * { max-width: 480px; margin: 0px auto; } .faz-module--question { display: grid; gap: 3rem; margin-bottom: 2rem; } .faz-module--category-header { padding: 0px 1.25rem; margin-bottom: 1.5rem; } .faz-module--category-header > * { margin-bottom: 0px; } .faz-module--category { margin-bottom: 0px; } .faz-module--most-read { margin-bottom: 0px; } .faz-module--deals { margin-top: 0px; margin-bottom: 0px; } .faz-module--trust { margin-bottom: 0px; } .faz-module--trust-mini { margin-bottom: 0px; } .faz-module--search { padding: 1.25rem 1.25rem 0px; } .faz-module--page { padding: 1.25rem 1.25rem 0px; hyphens: auto; } .faz-module--page .entry-content { padding: 0px; } @media (max-width: 767px) { .faz-module--hero .faz-card--default:nth-of-type(3), .faz-module--hero .faz-card--default:nth-of-type(4) { display: none; } .faz-module--hero .faz-card--default .faz-card__content { height: 100%; justify-content: space-between; } .faz-grid .faz-card--test { display: grid; grid-template-columns: 2fr 3fr; gap: 1rem; align-items: start; } .faz-grid .faz-card--test .faz-card__image { position: relative; width: 100%; height: fit-content; } .faz-grid .faz-card--test .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-grid .faz-card--test .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-grid .faz-card--test .faz-card__content { transform: none; margin-bottom: 0px; justify-content: space-between; height: 100%; } .faz-grid .faz-card--test .faz-card__teaser { display: none; } .faz-grid .faz-card--test .faz-card__headline { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; text-align: left; display: inline; } .faz-grid .faz-card--test .faz-card__headline * { display: inline; } .faz-grid .faz-card--test .faz-card__label { color: rgb(2, 2, 3); display: inline; padding: 0px; text-align: left; } .faz-grid .faz-card--test .faz-card__status { font-weight: 400; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; text-align: left; } .faz-module .faz-category__cards .faz-grid { margin-bottom: 1.5rem; } } @media (min-width: 768px), print { .faz-grid { display: grid; margin-bottom: 0px; gap: 4rem 2rem; } .faz-grid--1 { grid-template-columns: 1fr; } .faz-grid--2 { grid-template-columns: 1fr 1fr; } .faz-grid--3 { grid-template-columns: 1fr 1fr 1fr; } .faz-grid--4 { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (min-width: 768px), print { .faz-module { display: grid; max-width: 800px; margin-bottom: 0px; padding: 0px 2.5rem; overflow: hidden; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 4rem; } .faz-module--hero { grid-template-columns: 7fr 5fr; } .faz-module--hero .faz-card--default .faz-card__teaser, .faz-module--hero .faz-pill, .faz-module--hero .version { display: none; } .faz-module--hero .faz-card--article .faz-card__overline { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; } .faz-module--hero .faz-card--article .faz-card__headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-module--hero .faz-card--article .faz-card__content { padding: 1rem 1.5rem 1rem 0px; } .faz-module--full { width: 100%; max-width: none; padding: 0px; } .faz-module--full > * { max-width: 800px; } .faz-module--article { grid-template-columns: 1fr; } .faz-module--category { display: block; width: 100%; max-width: none; margin-top: 0px; padding: 0px; } .faz-module--search { grid-template-columns: 1fr 1fr 1fr; } .faz-module--navigation { grid-template-columns: 1fr; } .faz-module--page { grid-template-columns: 1fr; margin-bottom: 4rem; } .faz-module--question.no_question { grid-template-columns: 1fr; } .faz-module--question.no_question .faz-cards--quickcheck { grid-template-columns: 1fr 1fr; } .faz-module--question.no_question .faz-cards--quickcheck .faz-card:first-child { align-self: start; } .faz-module__wrapper { max-width: 800px; } .faz-module .faz-category__cards { max-width: 800px; margin: auto; padding: 4rem 2.5rem; } .faz-module--category-header { align-items: end; margin-top: 4rem; margin-bottom: 4rem; } .faz-module--trust { display: block; margin-top: 0px; } .faz-module--trust .faz-trust { padding-right: 2.5rem; padding-left: 2.5rem; } .faz-module--trust-mini { grid-template-columns: 1fr; margin-top: 0px; } .faz-module--most-read { display: block; } .faz-module--deals { margin-top: 0px; display: block; } .faz-module--pricecompare { grid-template-columns: 1fr; } .faz-module--author { grid-template-columns: 1fr; } } @media (max-width: 1023px) { .faz-module--hero .faz-card--article .faz-card__overline { display: none; } } @media (min-width: 1024px) { .faz-grid { gap: 4rem 2rem; } } @media (min-width: 1024px) { .faz-module { max-width: 1200px; margin-top: 4rem; } .faz-module--hero .faz-card__status { font-weight: 400; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .faz-module--full { width: 100%; max-width: none; padding: 0px; } .faz-module--full > * { max-width: 1200px; } .faz-module__wrapper { max-width: 1200px; } .faz-module .faz-category__cards { max-width: 1200px; padding: 4rem 2.5rem; } .faz-module--category { max-width: none; margin-top: 0px; } .faz-module--trust { display: block; margin-top: 0px; } .faz-module--most-read { display: block; } .faz-module--deals { margin-top: 0px; display: block; } .faz-module--hero { grid-template-columns: 7fr 5fr; } .faz-module--hero .faz-pill, .faz-module--hero .version { display: block; } .faz-module--trust-mini { margin-top: 0px; } .faz-module--page { max-width: 1200px; margin: auto auto 4rem; } } @media (min-width: 1540px) { .faz-grid { gap: 4rem 2rem; } } @media (min-width: 1540px) { .faz-module { max-width: 1200px; margin-top: 4rem; } .faz-module--full { width: 100%; max-width: none; padding: 0px; } .faz-module--full > * { max-width: 1200px; } .faz-module__wrapper { max-width: 1200px; } .faz-module .faz-category__cards { max-width: 1200px; padding: 4rem 2.5rem; } .faz-module--category { max-width: none; margin-top: 0px; } .faz-module--trust { display: block; margin-top: 0px; } .faz-module--most-read { display: block; } .faz-module--deals { margin-top: 0px; display: block; } .faz-module--trust-mini { margin-top: 0px; } .faz-module--page { max-width: 1200px; margin: auto auto 4rem; } } @media (min-width: 1540px) { .faz-grid { gap: 4rem 2rem; } } @media (min-width: 1540px) { .faz-module { max-width: 1200px; margin-top: 4rem; } .faz-module--full { width: 100%; max-width: none; padding: 0px; } .faz-module--full > * { max-width: 1200px; } .faz-module__wrapper { max-width: 1200px; } .faz-module .faz-category__cards { max-width: 1200px; padding: 4rem 2.5rem; } .faz-module--category { max-width: none; margin-top: 0px; } .faz-module--trust { display: block; margin-top: 0px; } .faz-module--most-read { display: block; } .faz-module--deals { margin-top: 0px; display: block; } .faz-module--trust-mini { margin-top: 0px; } .faz-module--page { max-width: 1200px; margin: auto auto 4rem; } } @media (min-width: 2000px) { .faz-grid { gap: 6rem 2rem; } } @media (min-width: 2000px) { .faz-module { max-width: 1584px; margin-top: 6rem; } .faz-module--full { width: 100%; max-width: none; padding: 0px; } .faz-module--full > * { max-width: 1584px; } .faz-module__wrapper { max-width: 1584px; } .faz-module .faz-category__cards { max-width: 1584px; padding: 6rem 2.5rem; } .faz-module--category { max-width: none; margin-top: 0px; } .faz-module--trust { display: block; margin-top: 0px; } .faz-module--most-read { display: block; } .faz-module--deals { margin-top: 0px; display: block; } .faz-module--trust-mini { margin-top: 0px; } .faz-module--page { max-width: 1200px; margin: auto auto 6rem; } } body { overflow-x: hidden; } .single .faz-site-header + * { margin-top: 7.5rem; } .faz-site-header { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; z-index: 999; position: fixed; top: 0px; overflow: hidden; width: 100%; background-color: rgb(232, 237, 238); } .faz-site-header + * { margin-top: 4.5rem; } .faz-site-header .faz-search { margin: 0px 1.25rem 1.25rem; background-color: rgb(255, 255, 255); } .faz-site-header .faz-icon--close, .faz-site-header .faz-icon--burger-search { width: 3rem; height: 3rem; background-position: left top 38%; justify-self: start; } .faz-site-header .faz-icon--close { background-position: left center; } .faz-site-header .faz-logo, .faz-site-header .faz-logo * { max-height: 2rem; overflow: hidden; line-height: 0; } .faz-site-header__topbar { display: grid; place-items: center; padding-right: 1.25rem; padding-left: 1.25rem; border-bottom: 1px solid rgb(170, 170, 170); grid-template-columns: 1fr 4fr 1fr; } .faz-site-header__topbar, .faz-site-header__topbar * { height: 4.5rem; } @media (min-width: 768px), print { .single .faz-site-header + * { margin-top: initial; } .faz-site-header + * { margin-top: initial; } .faz-site-header { position: relative; border-bottom: 1px solid rgb(170, 170, 170); overflow: initial; } .faz-site-header .faz-logo { margin-top: 2rem; margin-bottom: 2rem; line-height: 100%; } .faz-site-header .faz-logo, .faz-site-header .faz-logo * { height: 3.5rem; max-height: 3.5rem; width: auto; } .faz-site-header__topbar { width: 100%; border: initial; grid-template-columns: 1fr; } .faz-site-header__topbar, .faz-site-header__topbar * { height: auto; } .faz-site-header .faz-icon--close, .faz-site-header .faz-icon--burger-search { display: none; } .faz-site-header .faz-search { max-width: 46.5rem; margin-right: auto; margin-bottom: 2rem; margin-left: auto; background: initial; } .faz-site-header.sticky { position: sticky; top: 0px; height: 4rem; } .faz-site-header.sticky .faz-logo { margin-top: 0.75rem; margin-bottom: 0.75rem; } .faz-site-header.sticky .faz-logo, .faz-site-header.sticky .faz-logo * { height: 2.5rem; max-height: 2.5rem; } .faz-site-header.sticky .faz-search { max-width: 3rem; margin-bottom: 0px; transform: translateX(11.5rem) translateY(-3.5rem); } .faz-site-header.sticky .faz-search.visible { max-width: 26rem; transform: translateX(0px) translateY(-3.5rem); } .faz-site-header.sticky .faz-search__input { visibility: hidden; position: relative; z-index: -1; font-weight: 300; font-size: 1rem; letter-spacing: 0.04rem; line-height: 225%; padding-top: 0.25rem; padding-bottom: 0.25rem; } .faz-site-header.sticky .faz-search__input.visible { visibility: visible; position: static; } .faz-site-header.sticky .faz-search__input.hidden { visibility: hidden; } .faz-site-header.sticky .faz-search__input::placeholder { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-site-header.sticky .faz-nav__inner { display: none; transform: translateY(-3.5rem); margin-top: 2rem; overflow: visible; } .faz-site-header.sticky .faz-nav__controls { display: none; transform: translateY(-3.5rem); } .faz-site-header.sticky .faz-search__submit { width: 2.25rem !important; height: 2.25rem !important; } .faz-site-header.sticky.sticky-full { height: 9.25rem; } .faz-site-header.sticky.sticky-full .faz-nav__inner, .faz-site-header.sticky.sticky-full .faz-nav__controls { display: block; } } @media (min-width: 768px), print { .faz-site-header .faz-search { max-width: 36rem; } } @media (min-width: 2000px) { .faz-site-header .faz-logo { margin-top: 2.5rem; margin-bottom: 2.5rem; } .faz-site-header .faz-logo, .faz-site-header .faz-logo * { height: 4.75rem; max-height: 4.75rem; } .faz-site-header .faz-search { max-width: 46.5rem; } } .faz-search { position: relative; } .faz-search__input { padding: 1.25rem 0.5rem 1.25rem 2rem; border: 2px solid rgb(232, 237, 238); border-radius: 5rem; } .faz-search__submit { position: absolute; top: 0px; right: 0.5rem; bottom: 0px; margin: auto; background-size: 1.25rem; padding: 0px !important; } @media (min-width: 768px), print { .faz-search { z-index: 999; } .faz-search__submit { width: 2.75rem !important; height: 2.75rem !important; } .faz-search__input { font-weight: 400; font-size: 1.75rem; letter-spacing: 0.06rem; padding: 0.75rem 0.5rem 0.75rem 2rem; line-height: 100%; } .faz-search__input::placeholder { color: rgb(85, 85, 85); font-weight: 400; font-size: 1.5rem; letter-spacing: 0.06rem; text-align: center; padding-right: 3rem; line-height: 100%; } } @media (min-width: 1024px) { .faz-search__submit { width: 2.75rem !important; height: 2.75rem !important; } .faz-search__input { padding: 0.5rem 0.5rem 0.5rem 2rem; } } .navigation--open { height: 100vh !important; overflow: hidden !important; } .navigation--open .faz-nav { visibility: visible; transform: translateX(0px); overflow-y: scroll; } @media (min-width: 768px), print { .admin-bar .faz-site-header.sticky { top: 32px; } } .faz-nav { visibility: hidden; position: fixed; top: 4.5rem; left: 0px; width: 100%; height: calc(100% - 4.5rem); background-color: rgb(255, 255, 255); transition: transform 0.3s ease 0s; scroll-behavior: smooth; scrollbar-width: none; transform: translateX(-200vw); will-change: transform; overflow: visible; } .faz-nav::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-nav, .faz-nav a { color: rgb(85, 85, 85); text-decoration: none; } .faz-nav a { display: block; width: calc(100% - 3rem); padding-top: 0.75rem; padding-bottom: 0.75rem; letter-spacing: 0.08rem; -webkit-tap-highlight-color: transparent; } .faz-nav a:active, .faz-nav a:focus { outline: none; } .faz-nav .has-dd { position: relative; } .faz-nav .has-dd.open { color: rgb(17, 10, 53); } .faz-nav .faz-icon--arrow { display: block; position: absolute; top: 0px; right: -2.6rem; bottom: 0px; margin: auto; transition: all 0.3s ease 0s; width: 3rem; height: 3rem; } .faz-nav .collapsed + ul { visibility: collapse; height: 0px; width: 0px; margin: 0px; padding: 0px; overflow: hidden; } .faz-nav .collapsed .faz-icon--arrow { transform: rotate(180deg); width: 3rem; height: 3rem; } .faz-nav__list, .faz-nav__list ul { margin: 0px; padding: 0px; list-style: none; } .faz-nav__list li, .faz-nav__list ul li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-nav__list li a { margin-right: 3rem; padding-right: 1.25rem; padding-left: 1.25rem; } .faz-nav__level-1 > li > a { text-transform: uppercase; } .faz-nav__level-2 > li > a { padding-left: 2.5rem; } .faz-nav__level-3 > li > a { padding-left: 3.75rem; } @media (min-width: 768px), print { .faz-nav { visibility: initial; position: initial; margin: auto; padding: 0px 2.5rem; background: initial; transition: none 0s ease 0s; transform: initial; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-nav { overflow: initial; } } @media (min-width: 768px), print { .faz-nav a { width: auto; } .faz-nav__inner { max-width: calc(800px - 5rem); margin: auto; overflow-x: scroll; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-nav__inner { overflow: initial; } } @media (min-width: 768px), print { .faz-nav__inner a { display: block; white-space: pre; } .faz-nav__inner * { width: fit-content; } .faz-nav__inner > ul { margin: auto; display: flex; z-index: 1; align-items: center; gap: 2rem; } .faz-nav__inner > ul > li { z-index: 1; position: relative; overflow: hidden; } .faz-nav__inner .faz-icon { display: none; } .faz-nav__list li a { display: block; width: 100%; margin: 0px; padding: 0.5rem 0px; } .faz-nav__list li a:first-child { margin-left: 0px; } .faz-nav__list li a:nth-last-child(-n) { margin-right: 0px; } .faz-nav__list > li > a { padding-bottom: 2rem; } .faz-nav__list > li:hover > a, .faz-nav__list > .current > a { color: rgb(17, 10, 53); } .faz-nav__list > li:hover > a::after, .faz-nav__list > .current > a::after { display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 4px; content: ""; background-color: rgb(17, 10, 53); } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-nav .has-dd.collapsed + ul:hover, .faz-nav .has-dd.collapsed:hover + ul { visibility: visible; z-index: 1; position: fixed; width: 17rem; height: auto; padding: 1.5rem 0px; overflow: visible; background: rgb(255, 255, 255); } } @media (min-width: 768px), print { .faz-nav__level-2 { z-index: 3 !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 44px 0px; } .faz-nav__level-2 li { display: block; width: 100%; overflow-wrap: break-word; } .faz-nav__level-2 li a { padding-right: 3rem; padding-left: 2rem; white-space: initial; } .faz-nav__level-2 .has-dd::after { position: absolute; display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); top: 0px; right: 1.5rem; bottom: 0px; width: 0.75rem; min-width: 0.75rem; height: 0.75rem; min-height: 0.75rem; margin-top: auto; margin-bottom: auto; content: ""; transform: rotate(90deg); } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-nav__level-2 a:hover { color: rgb(17, 10, 53); background-color: rgb(232, 237, 238); } } @media (min-width: 768px), print { .faz-nav__level-3 { box-shadow: rgba(0, 0, 0, 0.15) 14px 14px 37px -14px, rgba(0, 0, 0, 0.15) 14px -7px 37px -14px, rgba(0, 0, 0, 0.15) 8px 0px 8px -8px inset; transform: translateX(17rem) translateY(-4rem); z-index: 2 !important; } .faz-nav__controls { z-index: 1; position: absolute; width: calc(100% - 5rem); overflow: visible; pointer-events: none; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-nav__controls { pointer-events: initial; } } @media (min-width: 768px), print { .faz-nav__controls-prev { background-color: rgb(232, 237, 238); position: absolute; top: -4.25rem; left: -2.5rem; width: 3rem; height: 3rem; transform: rotate(180deg); display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); background-position: left 1.125rem center; } .faz-nav__controls-prev:hover { cursor: pointer; } .faz-nav__controls-next { background-color: rgb(232, 237, 238); position: absolute; top: -4.25rem; right: -2.5rem; width: 3rem; height: 3rem; display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); background-position: left 1.5rem center; } .faz-nav__controls-next:hover { cursor: pointer; } .faz-nav__controls .disabled { background-image: none; } .faz-nav__controls .disabled:hover { cursor: auto; } } @media (min-width: 1024px) { .faz-nav__inner { max-width: calc(1200px - 5rem); } } @media (min-width: 1540px) { .faz-nav__inner { max-width: calc(1200px - 5rem); } } @media (min-width: 1540px) { .faz-nav__inner { max-width: calc(1200px - 5rem); } } @media (min-width: 2000px) { .faz-nav__inner { max-width: calc(1584px - 5rem); } } .faz-topbar { display: none; } .faz-topbar__menu { margin: 0px; list-style: none; display: flex; gap: 2rem; padding: 0px 1.25rem; justify-content: center; font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-topbar__menu li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-topbar__menu a { text-decoration: none; color: rgb(2, 2, 3); } .faz-topbar.mobile { display: block; } @media (min-width: 768px), print { .faz-topbar { position: absolute; display: block; left: 1.25rem; } .faz-topbar__menu { margin: 0px; list-style: none; justify-content: flex-start; display: flex; gap: 2rem; padding: 1.25rem; } .faz-topbar__menu li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-topbar.mobile { display: none; } } .faz-footer { position: relative; padding: 3.75rem 1.25rem; background-color: rgb(232, 237, 238); } .faz-footer__inner { position: relative; margin: auto; } .faz-footer__logo { margin-bottom: 3.5rem; text-align: center; } .faz-footer__headline { font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; display: block; margin-bottom: 1rem; font-family: SuisseI; } .faz-footer__menu { margin: 0px; padding: 0px; list-style: none; } .faz-footer__menu li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-footer__menu > li > a { color: rgb(85, 85, 85); font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; display: block; padding-bottom: 1rem; padding-left: 1.5rem; text-decoration: none; } .faz-footer__copyright { margin-top: 3.5rem; font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; margin-bottom: 1rem; text-align: center; } .faz-footer--bottom .faz-footer__menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; } .faz-footer--bottom .faz-footer__menu > li > a { color: rgb(2, 2, 3); font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; padding: 0px; } .faz-footer .faz-social { margin-top: 3.5rem; } @media (min-width: 768px), print { .faz-footer { display: grid; grid-template-columns: auto auto; gap: 0px 2.5rem; padding: 6rem 2.5rem 2rem; } .faz-footer__inner { display: grid; max-width: calc(69rem); padding-right: 2.5rem; padding-left: 2.5rem; grid-column: span 2; grid-template-columns: auto auto minmax(150px, auto) auto; gap: 0px 3rem; } .faz-footer__logo { grid-column: span 4; } .faz-footer__headline { text-align: center; } .faz-footer__menu > li > a { color: rgb(2, 2, 3); font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; padding-bottom: 0px; padding-left: 0px; text-align: center; } .faz-footer__copyright { margin-top: 3rem; text-align: right; } .faz-footer__copyright .br-mob-only { display: none; } .faz-footer--bottom { margin-top: 3rem; text-align: left; } .faz-footer--bottom .faz-footer__menu { justify-content: start; gap: 0px 2.5rem; } .faz-footer .faz-social { margin-top: 0px; margin-bottom: 2rem; } } .faz-social__headline { font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; display: block; margin-bottom: 0.5rem; font-family: SuisseI; text-align: center; white-space: pre; } .faz-social__icons { margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; } .faz-social__icons li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-social__icons .faz-icon { width: 1.5rem; min-width: 1.5rem; height: 1.5rem; min-height: 1.5rem; } .faz-pill, .version { font-size: 0.75rem; letter-spacing: 0.06rem; display: flex; justify-content: center; align-items: center; height: auto; padding: 0.5rem 1rem 0.4rem; border-radius: 1.5rem; font-weight: 600; line-height: 1; text-decoration: none; text-transform: uppercase; gap: 0.5rem; color: rgb(255, 255, 255); background-color: rgb(140, 116, 33); } @media (hover: hover) { .faz-pill, .version { transition: background-color 0.3s ease 0s; } .faz-pill:hover, .version:hover { color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(163, 144, 77); } .faz-pill:active, .version:active { color: rgb(255, 255, 255); background-color: rgb(140, 116, 33); } .faz-pill:disabled, .version:disabled { color: rgb(255, 255, 255); background-color: rgb(198, 186, 144); } } .faz-pill--primary { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); } @media (hover: hover) { .faz-pill--primary { transition: background-color 0.3s ease 0s; } .faz-pill--primary:hover { color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(65, 59, 93); } .faz-pill--primary:active { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); } .faz-pill--primary:disabled { color: rgb(255, 255, 255); background-color: rgb(136, 133, 154); } } .faz-pill--secondary { color: rgb(17, 10, 53); background-color: rgb(255, 255, 255); border: 1px solid rgb(207, 206, 215); } @media (hover: hover) { .faz-pill--secondary { transition: background-color 0.3s ease 0s; } .faz-pill--secondary:hover { color: rgb(17, 10, 53); cursor: pointer; background-color: white; } .faz-pill--secondary:active { color: rgb(17, 10, 53); background-color: rgb(255, 255, 255); } .faz-pill--secondary:disabled { color: rgb(17, 10, 53); background-color: white; } } @media (hover: hover) { .faz-pill--secondary:hover { background-color: rgb(17, 10, 53); color: rgb(255, 255, 255); } } .label--prime-deal { background: rgb(230, 24, 73); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.06rem; padding: 0.35rem 0.35rem 0.135rem; text-transform: uppercase; } .label--advertorial { background: rgb(232, 237, 238); font-weight: 600; font-size: 1rem; line-height: 100%; letter-spacing: 0.04rem; padding: 0.25rem 0.5rem; text-transform: uppercase; } .faz-card { position: relative; margin: 1.5rem 0px; } .faz-card a { display: block; text-decoration: none; } .faz-card:last-child { margin-bottom: 0px; } .faz-card__image { width: 100%; position: relative; } .faz-card__image::before { content: ""; display: block; padding-top: 75%; } .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card__image-left img { object-position: left center; } .faz-card__image-right img { object-position: right center; } .faz-card__pill { position: absolute; top: 1rem; right: 1rem; } .faz-card__info { font-weight: 300; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; font-family: SuisseI; position: absolute; top: 0px; right: 0.5rem; } .faz-card__overline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 1rem; color: rgb(140, 116, 33); font-family: SangBleuKingdom; } .faz-card__headline, .ab-infobox .headline, .faz-post__affbox .headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 0.5rem; hyphens: manual; word-break: break-word; } @media (hover: hover) { .faz-card__headline a:hover, .ab-infobox .headline a:hover, .faz-post__affbox .headline a:hover { color: rgb(2, 2, 3); } } .faz-card__content { display: flex; flex-direction: column; margin-top: 1.5rem; } .faz-card__teaser { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-card__teaser, .faz-card__teaser a { color: rgb(2, 2, 3); font-weight: 300; } .faz-card__comments { display: none; } .faz-card__comments, .faz-card__comments a { color: rgb(2, 2, 3); font-weight: 500; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .faz-card__status { font-weight: 500; font-size: 1rem; letter-spacing: 0.04rem; line-height: 1.5rem; } .faz-card__status, .faz-card__status a { color: rgb(2, 2, 3); } .faz-card__author { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; display: flex; align-items: center; } .faz-card__author, .faz-card__author a { color: rgb(2, 2, 3); } .faz-card__author img { width: 4.4375rem; height: 4.4375rem; margin-right: 1rem; border-radius: 50%; } .faz-card__cta { margin-top: 2rem; } .faz-card--hero { margin: 0px 0px 2rem; background-color: rgb(247, 247, 247); } .faz-card--hero .faz-card__image { position: relative; width: 100%; } .faz-card--hero .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--hero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--hero .faz-card__content { margin-top: 2.5rem; padding-right: 1.25rem; padding-bottom: 2rem; padding-left: 1.25rem; } .faz-card--hero .faz-card__teaser { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-card--hero .faz-card__headline, .faz-card--hero .ab-infobox .headline, .ab-infobox .faz-card--hero .headline, .faz-card--hero .faz-post__affbox .headline, .faz-post__affbox .faz-card--hero .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; display: -webkit-box; margin-bottom: 2rem; } .faz-card--hero .faz-card__status { margin-bottom: 1rem; } .faz-card--default .faz-card__overline { display: none; } .faz-card--default .faz-card__image { position: relative; width: 100%; } .faz-card--default .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--default .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--default .faz-pill, .faz-card--default .version { display: none; } .faz-card--deals .faz-pill, .faz-card--deals .version { display: none; } .faz-card--article { margin-top: 0px; } .faz-card--article .faz-card__image { position: relative; width: 100%; height: 100%; } .faz-card--article .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--article .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--article .faz-card__headline, .faz-card--article .ab-infobox .headline, .ab-infobox .faz-card--article .headline, .faz-card--article .faz-post__affbox .headline, .faz-post__affbox .faz-card--article .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 0.5rem; } .faz-card--article .faz-card__content { display: flex; height: 100%; margin-top: 0px; padding: 0.75rem; background-color: rgb(247, 247, 247); } .faz-card--article .faz-card__overline { margin-bottom: 0.5rem; } .faz-card--article .faz-card__cta { display: none; } .faz-card--question { display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='254.6414px' height='254.6414px' viewBox='0 0 254.6414 254.6414' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EKompass mit Rand%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Kompass-mit-Rand' transform='translate(127.320700, 127.320700) rotate(270.000000) translate(-127.320700, -127.320700) '%3E%3Ccircle id='Oval' fill='%23110A35' cx='127.756997' cy='127.733545' r='117'%3E%3C/circle%3E%3Ccircle id='Oval-Copy-2' fill='%23110A35' transform='translate(127.320700, 127.320700) rotate(-89.855134) translate(-127.320700, -127.320700) ' cx='127.3207' cy='127.3207' r='127'%3E%3C/circle%3E%3Cpath d='M123.420997,156.556997 L194.620997,194.556997 L153.620997,117.356797 C153.620997,117.256997 161.420997,154.756997 123.420997,156.556997 Z' id='Path' fill='%23967D28' fill-rule='nonzero'%3E%3C/path%3E%3Cpolyline id='Path' points='153.620997 117.256997 195.020997 195.256997 119.620997 154.456997'%3E%3C/polyline%3E%3Cpolyline id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round' points='153.620997 117.256997 195.020997 195.256997 119.620997 154.456997'%3E%3C/polyline%3E%3Cpath d='M107.320997,147.456997 C96.320997,136.456997 96.320997,118.556997 107.320997,107.556997 C118.320997,96.556997 136.220997,96.556997 147.220997,107.556997 C158.220997,118.556997 158.220997,136.456997 147.220997,147.456997 C136.220997,158.456997 118.320997,158.456997 107.320997,147.456997' id='Path'%3E%3C/path%3E%3Cpath d='M107.320997,147.456997 C96.320997,136.456997 96.320997,118.556997 107.320997,107.556997 C118.320997,96.556997 136.220997,96.556997 147.220997,107.556997 C158.220997,118.556997 158.220997,136.456997 147.220997,147.456997 C136.220997,158.456997 118.320997,158.456997 107.320997,147.456997 Z' id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Ccircle id='Oval' stroke='%23E8EDEE' stroke-width='7.00002237' stroke-linecap='round' stroke-linejoin='round' transform='translate(127.320700, 127.320700) rotate(-89.855134) translate(-127.320700, -127.320700) ' cx='127.3207' cy='127.3207' r='119.500011'%3E%3C/circle%3E%3Cpolyline id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round' points='137.420997 101.156997 59.520997 59.756997 100.320997 135.056997'%3E%3C/polyline%3E%3Cline x1='243.420997' y1='127.456997' x2='214.420997' y2='127.456997' id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3Cline x1='12.220997' y1='127.456997' x2='41.220997' y2='127.456997' id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3Cline x1='127.820997' y1='243.056997' x2='127.820997' y2='214.156997' id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3Cline x1='127.820997' y1='11.856997' x2='127.820997' y2='40.856997' id='Path' stroke='%23E8EDEE' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 3.5rem; background-position: left top; } .faz-card--question .faz-card__overline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; padding-left: 4.75rem; margin-bottom: 1.5rem; padding-top: 0.75rem; } .faz-card--question .faz-card__headline, .faz-card--question .ab-infobox .headline, .ab-infobox .faz-card--question .headline, .faz-card--question .faz-post__affbox .headline, .faz-post__affbox .faz-card--question .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; margin-bottom: 2rem; } .faz-card--question .faz-card__content { margin-top: 0px; } .faz-card--question .faz-card__teaser { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-card--question .faz-card__cta { margin-top: 0rem; } .faz-card--testhero .faz-card__overline { margin-bottom: 1rem; } .faz-card--testhero .faz-card__image { position: relative; width: 100%; } .faz-card--testhero .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--testhero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--testhero .faz-card__headline, .faz-card--testhero .ab-infobox .headline, .ab-infobox .faz-card--testhero .headline, .faz-card--testhero .faz-post__affbox .headline, .faz-post__affbox .faz-card--testhero .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 1.5rem; } .faz-card--testhero .faz-card__teaser { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-bottom: 0.5rem; } .faz-card--testhero .faz-card__content { margin-top: 2rem; margin-bottom: 2rem; } .faz-card--testhero .faz-card__cta { display: none; } .faz-card--test { margin: 0px; padding-bottom: 1.5rem; text-align: center; } .faz-card--test .faz-card__overline { display: none; } .faz-card--test:last-child { padding-bottom: 0px; } .faz-card--test .faz-card__image { position: relative; width: 100%; } .faz-card--test .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--test .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--test .faz-card__content { margin-bottom: -2rem; transform: translateY(-2rem); } .faz-card--test .faz-card__content.no-label { transform: initial; margin-bottom: 0px; margin-top: 0px; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 0.5rem; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline, .faz-card--test .faz-card__headline *, .faz-card--test .ab-infobox .headline *, .ab-infobox .faz-card--test .headline *, .faz-card--test .faz-post__affbox .headline *, .faz-post__affbox .faz-card--test .headline * { display: flex; flex-direction: column; } .faz-card--test .faz-card__label { display: inline-block; align-self: center; width: auto; margin-bottom: 0px; padding: 1rem 2.5rem 0px; background-color: rgb(255, 255, 255); } .faz-card--test .faz-card__teaser { margin-bottom: 0.5rem; } .faz-card--related { grid-template-columns: 1fr 2fr; } .faz-card--related .faz-card__description { display: none; } .faz-card--related .faz-card__description, .faz-card--related .faz-card__description a { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } @media (max-width: 767px) { .faz-card:first-child { margin-top: 0px; } .faz-card .faz-pill, .faz-card .version { display: none; } .faz-card__content { margin-top: 0px; } .faz-card--default { display: grid; grid-template-columns: 2fr 3fr; gap: 1rem; align-items: start; } .faz-card--default .faz-card__image { position: relative; width: 100%; height: fit-content; } .faz-card--default .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--default .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--default .faz-card__status { font-weight: 400; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .faz-card--default .faz-card__content { margin-top: 0px; } .faz-card--default .faz-card__headline, .faz-card--default .ab-infobox .headline, .ab-infobox .faz-card--default .headline, .faz-card--default .faz-post__affbox .headline, .faz-post__affbox .faz-card--default .headline { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; } .faz-card--default .faz-card__overline { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; } .faz-card--question .faz-card__overline { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; } .faz-card--question .faz-card__headline, .faz-card--question .ab-infobox .headline, .ab-infobox .faz-card--question .headline, .faz-card--question .faz-post__affbox .headline, .faz-post__affbox .faz-card--question .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .faz-card--question .faz-card__teaser { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-card--article { display: grid; grid-template-columns: 2fr 3fr; gap: 1rem; background-color: rgb(247, 247, 247); } .faz-card--article .faz-card__image { position: relative; width: 100%; height: 100%; } .faz-card--article .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--article .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--article .faz-card__headline, .faz-card--article .ab-infobox .headline, .ab-infobox .faz-card--article .headline, .faz-card--article .faz-post__affbox .headline, .faz-post__affbox .faz-card--article .headline { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; } .faz-card--article .faz-card__cta { display: none; } .faz-card--article .faz-card__content { justify-content: center; padding-left: 0px; } .faz-card--article .faz-card__overline { font-weight: 600; line-height: 1rem; letter-spacing: 0px; font-size: 0.875rem; } .faz-card--testhero .faz-card__content { margin-top: 1rem; } .faz-card--testhero .faz-card__headline, .faz-card--testhero .ab-infobox .headline, .ab-infobox .faz-card--testhero .headline, .faz-card--testhero .faz-post__affbox .headline, .faz-post__affbox .faz-card--testhero .headline { font-weight: 700; font-size: 1.75rem; line-height: 125%; letter-spacing: 0px; } .faz-card--testhero .faz-card__teaser { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } } @media (min-width: 768px), print { .faz-card { display: grid; margin: 0px; padding-bottom: 0px; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .faz-card__info { top: -1.5rem; } .faz-card__content { height: fit-content; margin-top: 0px; } .faz-card__image { height: fit-content; } .faz-card__cta { margin-top: 2rem; } .faz-card--hero { margin-bottom: 0px; gap: 0px; grid-template-rows: auto 1fr; } .faz-card--hero .faz-card__image { grid-column-start: span 2; } .faz-card--hero .faz-card__content { display: grid; height: calc(100% - 2.5rem); padding-right: 2.5rem; padding-left: 2.5rem; grid-template-rows: auto auto auto 1fr; grid-column-start: span 2; grid-template-columns: auto 1fr; } .faz-card--hero .faz-card__headline, .faz-card--hero .ab-infobox .headline, .ab-infobox .faz-card--hero .headline, .faz-card--hero .faz-post__affbox .headline, .faz-post__affbox .faz-card--hero .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } .faz-card--hero .faz-card__headline, .faz-card--hero .ab-infobox .headline, .ab-infobox .faz-card--hero .headline, .faz-card--hero .faz-post__affbox .headline, .faz-post__affbox .faz-card--hero .headline, .faz-card--hero .faz-card__teaser, .faz-card--hero .faz-card__status { grid-column-start: span 2; } .faz-card--hero .faz-card__status { margin-bottom: 1.5rem; } .faz-card--hero .faz-card__author { align-self: end; order: 1; } .faz-card--hero .faz-card__cta { align-self: end; margin-top: 0px; margin-right: 4rem; } .faz-card--hero .faz-card__cta .faz-button, .faz-card--hero .faz-card__cta .ab-infobox .button, .ab-infobox .faz-card--hero .faz-card__cta .button, .faz-card--hero .faz-card__cta .faz-post__affbox .button, .faz-post__affbox .faz-card--hero .faz-card__cta .button { min-width: 15.625rem; } .faz-card--test { display: block; max-width: 30rem; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-card--test .faz-card__content.no-label { margin-top: 1.25rem; } .faz-card--testhero { gap: 2rem; } .faz-card--testhero .faz-card__content { display: grid; align-self: center; margin: 0px 0px 0px 2rem; grid-template-columns: 1fr 1fr auto auto; } .faz-card--testhero .faz-card__headline, .faz-card--testhero .ab-infobox .headline, .ab-infobox .faz-card--testhero .headline, .faz-card--testhero .faz-post__affbox .headline, .faz-post__affbox .faz-card--testhero .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; margin-bottom: 2rem; grid-column-start: span 4; } .faz-card--testhero .faz-card__teaser { grid-column-start: span 4; } .faz-card--testhero .faz-card__status { align-self: center; order: 1; margin-top: 2rem; } .faz-card--testhero .faz-card__comments { display: initial; align-self: center; order: 1; width: 100%; min-width: 2.75rem; margin-top: 2rem; margin-left: 2rem; padding-left: 2.75rem; line-height: 3rem; background-position: left center; background-size: 2.25rem; } .faz-card--testhero .faz-card__cta { display: flex; width: fit-content; grid-column-start: span 2; } .faz-card--testhero .faz-card__image { position: relative; width: 100%; } .faz-card--testhero .faz-card__image::before { content: ""; display: block; padding-top: 75%; } .faz-card--testhero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--question { align-self: center; height: fit-content; margin-top: 0px; margin-bottom: 0px; margin-left: 2rem; grid-template-columns: 1fr; background-size: 5rem; } .faz-card--question .faz-card__overline { padding-top: 1.5rem; padding-left: 6.5rem; font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-card--question .faz-card__headline, .faz-card--question .ab-infobox .headline, .ab-infobox .faz-card--question .headline, .faz-card--question .faz-post__affbox .headline, .faz-post__affbox .faz-card--question .headline { font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; padding-top: 1rem; } .faz-card--question .faz-card__cta { margin-top: 1rem; } .faz-card--article { height: fit-content; background-color: rgb(247, 247, 247); } .faz-card--article .faz-card__overline { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; } .faz-card--article .faz-card__headline, .faz-card--article .ab-infobox .headline, .ab-infobox .faz-card--article .headline, .faz-card--article .faz-post__affbox .headline, .faz-post__affbox .faz-card--article .headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-card--article .faz-card__content { padding: 1.5rem 1rem 1.5rem 0px; } .faz-card--default { justify-content: center; align-items: center; } .faz-card--overline .faz-card__content { padding: 1.5rem 1rem 1.5rem 0px; } .faz-card--small { grid-template-columns: 1fr; } .faz-card--related { grid-template-columns: 1fr 2fr; } .faz-card--related .faz-card__description { display: block; } .faz-grid.faz-grid--3 .faz-card--article, .faz-module--search .faz-card--article { grid-template-columns: 1fr; height: 100%; grid-template-rows: max-content; } .faz-grid.faz-grid--3 .faz-card--article .faz-card__image, .faz-module--search .faz-card--article .faz-card__image { position: relative; width: 100%; } .faz-grid.faz-grid--3 .faz-card--article .faz-card__image::before, .faz-module--search .faz-card--article .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-grid.faz-grid--3 .faz-card--article .faz-card__image img, .faz-module--search .faz-card--article .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-grid.faz-grid--3 .faz-card--article .faz-card__content, .faz-module--search .faz-card--article .faz-card__content { padding: 0px 1.5rem 1rem; position: relative; } } @media (min-width: 1024px) { .faz-card--question { margin-left: 3rem; } .faz-card--article .faz-card__headline, .faz-card--article .ab-infobox .headline, .ab-infobox .faz-card--article .headline, .faz-card--article .faz-post__affbox .headline, .faz-post__affbox .faz-card--article .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .faz-card--article .faz-card__content { padding: 1.5rem 1.5rem 1.5rem 0.5rem; } .faz-card--overline .faz-card__content { padding: 1.5rem 1.5rem 1.5rem 0.5rem; } .faz-card--testhero .faz-card__content { margin-left: 3rem; } .faz-card--testhero .faz-card__image { position: relative; width: 100%; } .faz-card--testhero .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--testhero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--test .faz-card__label { padding-top: 0.75rem; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } } @media (min-width: 1540px) { .faz-card--question { margin-left: 4rem; } .faz-card--question .faz-card__headline, .faz-card--question .ab-infobox .headline, .ab-infobox .faz-card--question .headline, .faz-card--question .faz-post__affbox .headline, .faz-post__affbox .faz-card--question .headline { font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; } .faz-card--article .faz-card__content { padding: 2rem 1.5rem 2rem 1rem; } .faz-card--overline .faz-card__overline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-card--overline .faz-card__content { padding: 2rem 1.5rem 2rem 1rem; } .faz-card--testhero .faz-card__content { margin-left: 4rem; } .faz-card--testhero .faz-card__image { position: relative; width: 100%; } .faz-card--testhero .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--testhero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } } @media (min-width: 2000px) { .faz-card--question { margin-left: 5.5rem; } .faz-card--question .faz-card__headline, .faz-card--question .ab-infobox .headline, .ab-infobox .faz-card--question .headline, .faz-card--question .faz-post__affbox .headline, .faz-post__affbox .faz-card--question .headline { font-weight: 700; font-size: 4rem; line-height: 4.5rem; letter-spacing: 0px; } .faz-card--article .faz-card__headline, .faz-card--article .ab-infobox .headline, .ab-infobox .faz-card--article .headline, .faz-card--article .faz-post__affbox .headline, .faz-post__affbox .faz-card--article .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } .faz-card--article .faz-card__content { padding: 2.5rem 1.5rem; } .faz-card--overline .faz-card__content { padding: 1.5rem; } .faz-card--testhero .faz-card__content { margin-left: 5.5rem; } .faz-card--testhero .faz-card__image { position: relative; width: 100%; } .faz-card--testhero .faz-card__image::before { content: ""; display: block; padding-top: 56.25%; } .faz-card--testhero .faz-card__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .faz-card--test .faz-card__headline, .faz-card--test .ab-infobox .headline, .ab-infobox .faz-card--test .headline, .faz-card--test .faz-post__affbox .headline, .faz-post__affbox .faz-card--test .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } } .faz-module--trust, .faz-module--trust-mini { background-color: rgb(17, 10, 53); } .faz-trust { padding: 4rem 1.25rem; color: rgb(255, 255, 255); } .faz-trust__headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; display: block; margin-bottom: 1.5rem; font-family: SangBleuKingdom; hyphens: manual; } .faz-trust__teaser { font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; margin-bottom: 2rem; } .faz-trust--mini { margin: 0px auto; overflow: hidden; padding: 1rem 1.25rem; display: grid; grid-template-columns: 6.5rem 1fr; } .faz-trust--mini * { color: rgb(255, 255, 255); } .faz-trust--mini .faz-trust__image { padding-right: 1rem; } .faz-trust--mini .faz-trust__image img { max-height: 4rem; width: auto; margin: auto; } .faz-trust--mini .faz-trust__image + .faz-trust__headline { grid-column-end: auto; } .faz-trust--mini .faz-trust__headline { font-weight: 400; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; margin: 0px; padding: 0px; font-family: SuisseI; word-break: break-word; hyphens: manual; grid-column-end: span 2; } .faz-trust--mini .faz-trust__headline .headline2 { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 0.25rem; } .faz-trust--mini .faz-trust__headline .headline3 { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 0.25rem; } .faz-trust--mini .faz-trust__headline .headline4 { font-weight: 700; line-height: 125%; letter-spacing: 0px; margin-bottom: 0.25rem; font-size: 1.125rem; } .faz-trust--mini .faz-trust__headline .headline5 { font-weight: 700; line-height: 125%; letter-spacing: 0px; margin-bottom: 0.25rem; font-size: 1rem; } .faz-trust--mini .faz-trust__headline > * { display: flex; align-items: center; margin: 0px; padding: 0px; gap: 1rem; } .faz-trust--mini .faz-trust__link { display: inline-block; font-weight: 600; font-size: 0.75rem; color: rgb(255, 255, 255); text-align: right; grid-column-end: 3; position: relative; width: 100%; margin: 0px 2rem 0px 0px; padding: 0.5rem 0px 0px; line-height: 1; text-decoration: none; text-transform: uppercase; letter-spacing: 0.14rem; } @media (min-width: 768px), print { .faz-trust { display: grid; padding: 4rem 0px; grid-template-columns: 1fr 2fr; } .faz-trust__headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; padding-right: 3.5rem; text-align: right; } .faz-trust__content { margin-bottom: 0px; padding-left: 3.5rem; border-left: 1px solid rgb(140, 116, 33); } .faz-trust__teaser { font-weight: 400; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-bottom: 3rem; } .faz-trust--mini { align-items: center; width: 100%; max-width: 800px; padding: 1.5rem 2.5rem; grid-template-columns: 6.5rem 3fr auto; } .faz-trust--mini .faz-trust__image { padding-right: 1.5rem; } .faz-trust--mini .faz-trust__headline { font-weight: 400; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.06rem; text-align: left; } .faz-trust--mini .faz-trust__headline .headline2 { font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; } .faz-trust--mini .faz-trust__headline .headline3 { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } .faz-trust--mini .faz-trust__headline .headline4 { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .faz-trust--mini .faz-trust__headline .headline5 { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-trust--mini .faz-trust__link { font-weight: 600; font-size: 0.875rem; grid-column-end: 4; display: inline-block; position: relative; width: 100%; margin: 0px 2rem 0px 0px; padding: 0px; border-radius: 0.125rem; line-height: 1rem; color: rgb(255, 255, 255); background-color: transparent; text-align: left; text-decoration: none; text-transform: uppercase; letter-spacing: 0.14rem; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-trust--mini .faz-trust__link { transition: color 0.3s ease 0s; } .faz-trust--mini .faz-trust__link:hover { background-color: transparent; color: white; cursor: pointer; } .faz-trust--mini .faz-trust__link:hover::after { opacity: 0.8; } .faz-trust--mini .faz-trust__link:active { background-color: transparent; color: rgb(255, 255, 255); } .faz-trust--mini .faz-trust__link:active::after { opacity: 1; } .faz-trust--mini .faz-trust__link:disabled { color: white; } .faz-trust--mini .faz-trust__link:disabled::after { opacity: 0.5; } } @media (min-width: 768px), print { .faz-trust--mini .faz-trust__link::after { display: inline-block; background-image: url("data:image/svg+xml,"); position: absolute; top: 0px; width: 3rem; height: 100%; margin-left: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; } } @media (min-width: 1024px) { .faz-trust { padding: 4rem 0px; } .faz-trust--mini { max-width: 1200px; padding: 1.5rem 2.5rem; } } @media (min-width: 1540px) { .faz-trust { padding: 4rem 0px; } .faz-trust--mini { max-width: 1200px; padding: 1.5rem 2.5rem; } } @media (min-width: 1540px) { .faz-trust { padding: 4rem 0px; } .faz-trust--mini { max-width: 1200px; padding: 1.5rem 2.5rem; } } @media (min-width: 2000px) { .faz-trust { padding: 6rem 0px; } .faz-trust--mini { max-width: 1584px; padding: 1.5rem 2.5rem; } } .faz-cards { padding-right: 1.25rem; padding-left: 1.25rem; } .faz-cards--questions { margin-top: 2rem; } .faz-cards--no-gutter { padding: 0px; } @media (min-width: 768px), print { .faz-cards { display: grid; padding: 0px; gap: 1.5rem; align-items: start; } .faz-cards--article { grid-template-columns: 1fr 1fr; } .faz-cards--service { grid-template-columns: 1fr 1fr; } .faz-cards--questions { order: 1; margin-top: 0px; } .faz-cards--quickcheck .faz-card:first-child { align-self: end; } } .faz-category { position: relative; margin-bottom: 2rem; padding: 1.5rem 1.25rem; border-top: 1px solid rgb(170, 170, 170); border-bottom: 1px solid rgb(170, 170, 170); } .faz-category__icon { display: flex; position: relative; flex-direction: column; align-items: center; font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; align-self: center; width: 1px; height: 1px; margin: auto auto 0px; color: rgb(140, 116, 33); } .faz-category__icon .faz-icon { width: 5rem; height: 5rem; background-size: cover; } .faz-category__headline, .faz-category__headline a { margin-bottom: 0px; color: rgb(2, 2, 3); } .faz-category__headline a { text-decoration: none; } .faz-category__description { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-top: 2rem; text-align: center; } .faz-category__list { margin: 0px; padding: 0px; list-style: none; } .faz-category__list li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-category--slider { background: rgb(246, 248, 248); border-bottom: 1px solid rgba(170, 170, 170, 0.25); } .faz-category--slider .faz-category__list { overflow: scroll hidden; scroll-behavior: smooth; scrollbar-width: none; display: flex; margin-top: 1rem; gap: 0.5rem; padding-right: 2rem; padding-bottom: 2px; } .faz-category--slider .faz-category__list::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-category--slider .faz-category__list a { white-space: nowrap; } .faz-category--slider::before { display: block; z-index: 1; position: absolute; right: 1rem; bottom: 1rem; width: 3rem; height: 3rem; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(246, 248, 248) 80%); } .faz-category__cards { margin: 0px 1.25rem 2rem; padding: 0px; border: none; } .faz-category__cards > .faz-button { margin-top: 2rem; margin-bottom: 2rem; } @media (max-width: 767px) { .faz-category__teaser { display: none; } } @media (min-width: 768px), print { .faz-category { margin: 0px; padding: 2rem 0px; background: linear-gradient(90deg, transparent 50%, rgb(170, 170, 170) 50%, transparent calc(50% + 1px)); } .faz-category * { margin-bottom: 0px; } .faz-category__icon { order: 1; margin-bottom: auto; } .faz-category__headline { font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; text-align: left; } .faz-category__teaser { order: 1; } .faz-category__cards { display: grid; margin: 0px 2.5rem 2rem; padding: 4rem 0px; background: transparent; grid-template-columns: initial; gap: 4rem; } .faz-category__section-cta { margin: auto; text-align: center; } .faz-category__section-cta .faz-button { margin: 0px; } .faz-module__wrapper { display: grid; justify-content: center; align-items: center; margin: auto; padding: 0px 2.5rem; grid-template-columns: 5fr minmax(auto, 2fr) 5fr; gap: 6rem; } .faz-category--slider { background: rgb(246, 248, 248); align-items: center; grid-template-columns: auto 1fr; gap: 0px; } .faz-category--slider .faz-category__icon { order: 0; width: fit-content; margin-right: 3rem; margin-bottom: auto; display: none; } .faz-category--slider .faz-category__headline { width: fit-content; } .faz-category--slider .faz-category__list { overflow: initial; scroll-behavior: initial; scrollbar-width: initial; flex-wrap: wrap; width: fit-content; margin-top: 2.75rem; grid-column-start: span 2; } .faz-category--slider .faz-category__list::-webkit-scrollbar { display: initial !important; appearance: initial !important; width: initial !important; height: initial !important; } .faz-category--slider::before { display: none; } .faz-category--slider .faz-module__wrapper { justify-content: start; grid-template-columns: 1fr; gap: 0px; } } @media (min-width: 1024px) { .faz-category { padding: 2rem 0px; } .faz-category__cards { padding: 4rem 0px; gap: 4rem; } } @media (min-width: 1540px) { .faz-category { padding: 2rem 0px; } .faz-category__cards { padding: 4rem 0px; gap: 4rem; } } @media (min-width: 1540px) { .faz-category { padding: 2rem 0px; } .faz-category__cards { padding: 4rem 0px; gap: 4rem; } } @media (min-width: 2000px) { .faz-category { padding: 3rem 0px; } .faz-category__cards { padding: 6rem 0px; gap: 6rem; } } .faz-module--most-read { background-color: rgb(246, 248, 248); } .faz-most-read { padding: 1rem 0px; } .faz-most-read--slider { overflow: scroll hidden; scroll-behavior: smooth; scrollbar-width: none; display: flex; padding-right: 1.25rem; padding-left: 1.25rem; gap: 1rem; } .faz-most-read--slider::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-most-read--slider .faz-card { max-width: 13rem; } .faz-most-read__headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin: 0px 1.25rem 1rem; } .faz-most-read .faz-card { flex: 0 0 70%; padding: 0px; } .faz-most-read .faz-card__content { transform: translateY(-1.25rem); } .faz-most-read .faz-card__label { padding: 0.5rem 1rem 0px; background-color: rgb(246, 248, 248); } .faz-most-read .faz-card__headline { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; padding-bottom: 1rem; } .faz-most-read .faz-card__status, .faz-most-read .faz-card__teaser { visibility: hidden; height: 0px; margin: 0px; padding: 0px; line-height: 0; } @media (min-width: 768px), print { .faz-most-read { padding: 2rem 2.5rem; } .faz-most-read--slider { position: absolute; padding: 0px; gap: 2rem; } .faz-most-read--slider .faz-card { max-width: 17rem; } .faz-most-read__headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 1rem; margin-left: 0px; } .faz-most-read .faz-card__headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } } @media (min-width: 1024px) { .faz-most-read { padding: 2rem 2.5rem; } .faz-most-read--slider:hover { scrollbar-width: initial; } .faz-most-read--slider:hover::-webkit-scrollbar { display: initial !important; appearance: initial !important; width: initial !important; height: initial !important; } } @media (min-width: 1540px) { .faz-most-read { padding: 2rem 2.5rem; } } @media (min-width: 1540px) { .faz-most-read { padding: 2rem 2.5rem; } } @media (min-width: 2000px) { .faz-most-read { padding: 3rem 2.5rem; } .faz-most-read .faz-card__headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } } .faz-module--deals { background-color: rgb(255, 255, 255); } .faz-deals { padding: 1rem 0px; } .faz-deals--slider { overflow: scroll hidden; scroll-behavior: smooth; scrollbar-width: none; display: flex; padding-right: 1.25rem; padding-left: 1.25rem; gap: 1rem; } .faz-deals--slider::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-deals--slider .faz-card { max-width: 13rem; } .faz-deals__headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin: 0px 1.25rem 1rem; } @media (hover: hover) { .faz-deals__headline a:hover { color: rgb(17, 10, 53); } } .faz-deals .faz-card { flex: 0 0 70%; padding: 0px; } .faz-deals .faz-card__content { transform: initial; text-align: left; margin-top: 0.5rem !important; } .faz-deals .faz-card__label { display: none; } .faz-deals .faz-card__headline { padding-bottom: 1rem; } .faz-deals .faz-card__headline, .faz-deals .faz-card__headline a { font-family: SuisseI; font-weight: 500; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .faz-deals .faz-card__status, .faz-deals .faz-card__teaser { visibility: hidden; height: 0px; margin: 0px; padding: 0px; line-height: 0; } .faz-deals-page .anchor { padding-top: 100px; margin-top: -100px; } .faz-deals-page h1 { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .faz-deals-page .entry-content { padding-top: 0px; overflow: hidden; } .faz-deals-page .entry-content > :not(.ab-deals):not(.product-box):not(.ab-commercials) { max-width: 800px; margin-left: auto; margin-right: auto; } .faz-deals-page .entry-content .ab-deals--section .faz-category { width: 100vw; transform: translateX(-1.25rem); margin-bottom: 4rem; } .faz-deals-page .entry-content .ab-deals--section .faz-category__teaser { margin-top: 0px; } .faz-deals-page .ab-commercials { max-width: 800px; margin-left: auto; margin-right: auto; display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; } .faz-deals-page .ab-commercials .ab-commercials--banner { position: relative; } .faz-deals-page .ab-commercials .ab-commercials--banner::before { font-weight: 300; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; content: "Anzeige"; position: absolute; display: block; right: 0px; top: -1.25rem; } .faz-deals-page .ab-commercials img { width: 100%; } .ab-deals { margin-top: 4rem; } .ab-deals--hero { text-align: center; margin: auto auto 4rem; } .ab-deals--hero .desktop { display: none; } .faz-deals-page .product-box { max-width: 680px; margin-left: auto; margin-right: auto; position: relative; display: block; } .faz-deals-page .product-box ul, .faz-deals-page .product-box ol { margin: 0px; padding: 0px; list-style: none; } .faz-deals-page .product-box ul li, .faz-deals-page .product-box ol li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .faz-deals-page .product-box .product-winner { width: fit-content; } .faz-deals-page .product-box .caption { margin-bottom: 1.25rem; } .faz-deals-page .product-box .cta { grid-column: 2 / 3; display: grid; justify-content: right; margin-bottom: 1.25rem; } .faz-deals-page .product-box .pros-cons { grid-column: 2 / 3; grid-template-columns: 1fr 1fr; gap: 1.25rem; display: none; } .faz-deals-page .product-box .ab-test-pros, .faz-deals-page .product-box .ab-test-cons { color: rgb(2, 2, 3); font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .faz-deals-page .product-box .ab-test-pros li, .faz-deals-page .product-box .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0px; padding-left: 1.5rem; word-break: break-word; hyphens: auto; background-repeat: no-repeat; background-position: left top -1px; padding-bottom: 0.25rem; } .faz-deals-page .product-box .ab-test-pros li::first-letter, .faz-deals-page .product-box .ab-test-cons li::first-letter { text-transform: capitalize; } .faz-deals-page .product-box .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0.5rem; padding-bottom: 0.25rem; padding-left: 1.5rem; overflow-wrap: break-word; background-repeat: no-repeat; background-position: left top -1px; } .faz-deals-page .product-box .label { color: rgb(230, 24, 73); font-weight: 600; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; text-transform: uppercase; text-align: right; } .faz-deals-page .product-box .label .counter { white-space: nowrap; display: inline-block; overflow: visible; font-family: monospace; padding-left: 0.5rem; } .faz-deals-page .product-box .counter::before { content: " "; } .faz-deals-page .product-box .uvp { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; text-transform: uppercase; margin-bottom: 1rem; text-align: right; margin-top: 0.5rem; } .faz-deals-page .product-box .uvp--savings { color: rgb(230, 24, 73); font-weight: 600; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.06rem; } .faz-deals-page .product-box .uvp--price { font-weight: 600; font-size: 1.75rem; line-height: 2.5rem; letter-spacing: 0.06rem; text-align: right; } .faz-deals-page .product-box .uvp--price::before { content: " "; } .faz-deals-page .product-box .uvp--label { display: block; line-height: 1; } .faz-deals-page .product-box.product-box--ad { padding-top: 1.25rem; max-width: calc(680px + 2.5rem); } .ab-page-deals ~ .faz-footer { padding-bottom: 4rem; } .ab-page-deals .faz-deals--filtering { background-color: rgb(246, 248, 248); border-top: 1px solid rgb(170, 170, 170); position: fixed; bottom: 0px; z-index: 2; padding-bottom: env(safe-area-inset-bottom); width: 100%; } .ab-page-deals .faz-deals--filtering.hidden { display: none; } .ab-page-deals .faz-deals--filtering-inner { max-width: 800px; margin: auto; font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; display: grid; grid-template-columns: 1fr; row-gap: 0.5rem; padding: 0.75rem; } .ab-page-deals .faz-deals--filtering-inner .left { display: grid; grid-template-columns: minmax(160px, auto) 1fr; align-items: center; column-gap: 0.5rem; } .ab-page-deals .faz-deals--filtering-inner .left label { font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; display: none; } .ab-page-deals .faz-deals--filtering-inner .left label, .ab-page-deals .faz-deals--filtering-inner .left select, .ab-page-deals .faz-deals--filtering-inner .left .select2.select2-container { font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; -webkit-font-smoothing: auto; text-rendering: optimizelegibility; } .ab-page-deals .faz-deals--filtering-inner .left label:last-of-type, .ab-page-deals .faz-deals--filtering-inner .left select:last-child, .ab-page-deals .faz-deals--filtering-inner .left .select2.select2-container:last-child { margin-bottom: 0px; } .ab-page-deals .faz-deals--filtering-inner .right label { display: block; width: 100%; height: 100%; text-align: right; font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-page-deals .faz-deals--filtering-inner .right input { width: auto; transform: translateY(0.125rem); } .select2-results__option { font-weight: 400; font-size: 0.75rem; line-height: 125%; letter-spacing: 0.06rem; } .select2-results__group { font-weight: 600; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); } @media (max-width: 767px) { .faz-deals-page .product-box .product-box-headline--secondary { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .faz-deals-page .product-box .caption { font-weight: 300; font-size: 1rem; line-height: 135%; letter-spacing: 0.04rem; margin-bottom: 0px; } .faz-deals-page .product-box .image img { max-height: calc(-12rem + 100vw); } .faz-deals-page .product-box .content { gap: 1rem; } } @media (min-width: 768px), print { .faz-deals { padding: 2rem 2.5rem; } .faz-deals--slider { position: absolute; padding: 0px; gap: 2rem; } .faz-deals--slider .faz-card { max-width: 17rem; } .faz-deals__headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 1rem; margin-left: 0px; } .faz-deals .faz-card__headline, .faz-deals .faz-card__headline a { font-weight: 500; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; } .faz-deals-page h1 { font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; } .faz-deals-page .ab-commercials { gap: 1.5rem; } .faz-deals-page .product-box { display: grid; grid-template-columns: 2fr 3fr; } .faz-deals-page .product-box.product-box--ad { padding-top: 0px; background: rgb(247, 247, 247); transform: none; } .faz-deals-page .product-box.product-box--ad .caption, .faz-deals-page .product-box.product-box--ad .product-box-headline { margin-right: 0px; } .faz-deals-page .product-box .product-winner, .faz-deals-page .product-box .product-box-headline, .faz-deals-page .product-box .content { grid-column: 1 / 3; } .faz-deals-page .product-box .pros-cons, .faz-deals-page .product-box .caption, .faz-deals-page .product-box .cta { grid-column: 2 / 3; } .faz-deals-page .product-box .content { grid-template-columns: 1fr; margin-top: 0px; } .faz-deals-page .product-box .image { grid-area: 2 / 1 / 5 / 2; align-self: center; } .faz-deals-page .product-box .image img { max-height: 17rem; } .faz-deals-page .product-box .product-winner ~ .image { grid-row: 3 / 6; } .faz-deals-page .product-box .product-winner { min-height: auto; transform: translateX(-1rem) translateY(1.5rem); } .faz-deals-page .product-box .offers { display: grid; grid-template-columns: 4fr 2fr; align-items: end; column-gap: 1.5rem; } .faz-deals-page .product-box .label { grid-column: 1 / 2; } .faz-deals-page .product-box .uvp { grid-column: 1 / 2; margin: 0px; } .faz-deals-page .product-box .link { grid-column: 2 / 3; margin-bottom: 0.5rem; } .faz-deals-page .product-box .product-box-headline--secondary { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-bottom: 1.5rem; } .faz-deals-page .product-box .caption { font-weight: 300; font-size: 1.25rem; line-height: 135%; letter-spacing: 0.05rem; } .faz-deals-page .product-box .pros-cons { display: grid; } .faz-deals-page .product-box .ab-test-pros, .faz-deals-page .product-box .ab-test-cons { hyphens: auto; font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-deals-page .product-box .ab-test-pros li, .faz-deals-page .product-box .ab-test-cons li { background-position: left top 2px; } .ab-page-deals .faz-deals--filtering-inner { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; grid-template-columns: auto auto; justify-content: center; column-gap: 1.25rem; } .ab-page-deals .faz-deals--filtering-inner .left { grid-template-columns: 160px minmax(200px, auto); align-items: center; gap: 0px 1.25rem; order: 1; } .ab-page-deals .faz-deals--filtering-inner .left label { font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .ab-page-deals .faz-deals--filtering-inner .left span + label { margin-left: 0.75rem; } .ab-page-deals .faz-deals--filtering-inner .left label, .ab-page-deals .faz-deals--filtering-inner .left select, .ab-page-deals .faz-deals--filtering-inner .left .select2.select2-container { margin-bottom: 0px; font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-page-deals .faz-deals--filtering-inner .right label { display: flex; align-items: center; justify-content: flex-end; font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-page-deals .faz-deals--filtering-inner .right input { margin-right: 0.25rem; transform: none; } .select2-results__option { font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .select2-results__group { font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; } } @media (min-width: 1024px) { .faz-deals { padding: 2rem 2.5rem; } .faz-deals--slider:hover { scrollbar-width: initial; } .faz-deals--slider:hover::-webkit-scrollbar { display: initial !important; appearance: initial !important; width: initial !important; height: initial !important; } .ab-deals--hero .mobile { display: none; } .ab-deals--hero .desktop { display: block; } .faz-deals-page .product-box .product-winner { font-weight: 600; font-size: 1.25rem; line-height: 100%; letter-spacing: 0.05rem; } .faz-deals-page .product-box .product-box-headline--secondary { line-height: 2rem; margin-bottom: 1.25rem; } .faz-deals-page .ab-commercials[data-columns="2"] { grid-template-columns: 1fr 1fr; } .faz-deals-page .ab-commercials[data-columns="3"] { grid-template-columns: 1fr 1fr 1fr; max-width: calc(1200px - 5rem); } .faz-deals-page .ab-commercials[data-columns="4"] { grid-template-columns: 1fr 1fr 1fr 1fr; max-width: calc(1200px - 5rem); } .faz-deals-page .ab-commercials img { max-width: 100%; } } @media (min-width: 1540px) { .faz-deals { padding: 2rem 2.5rem; } .faz-deals-page .product-box { max-width: calc(680px + 5rem); } .faz-deals-page .product-box .product-winner { transform: translateX(0.5rem) translateY(1.5rem); } .faz-deals-page .product-box .content { padding: 0px 1.25rem; } .faz-deals-page .product-box .caption, .faz-deals-page .product-box .pros-cons { padding-left: 0px; } .faz-deals-page .product-box.product-box--ad { max-width: calc(680px + 7.5rem); } } @media (min-width: 1540px) { .faz-deals { padding: 2rem 2.5rem; } } @media (min-width: 2000px) { .faz-deals { padding: 3rem 2.5rem; } .faz-deals-page .ab-commercials[data-columns="3"] { max-width: calc(1584px - 5rem); } .faz-deals-page .ab-commercials[data-columns="4"] { max-width: calc(1584px - 5rem); } .faz-deals-page .product-box { max-width: calc(680px + 15rem); } .faz-deals-page .product-box .product-winner { transform: translateX(2rem) translateY(1.5rem); } .faz-deals-page .product-box .content { padding: 0px 3rem; } .faz-deals-page .product-box.product-box--ad { max-width: calc(680px + 17.5rem); } } .faz-page-nav { font-weight: 400; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; display: grid; z-index: 998; position: sticky; top: 4.5rem; justify-content: center; border-bottom: 1px solid rgb(170, 170, 170); background-color: rgb(255, 255, 255); } .faz-page-nav::before { display: block; z-index: 1; position: absolute; right: 0px; bottom: 0.75rem; width: 3rem; height: 3rem; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); } .faz-page-nav__slider { overflow: scroll hidden; scroll-behavior: smooth; scrollbar-width: none; display: flex; justify-content: flex-start; align-items: center; max-width: calc(1584px - 5rem); padding-right: 1.25rem; padding-left: 1.25rem; white-space: nowrap; gap: 0.75rem; } .faz-page-nav__slider::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-page-nav__slider a { position: relative; padding: 1.5rem 0px; color: rgb(85, 85, 85); text-decoration: none; } .faz-page-nav__slider a.active { color: rgb(17, 10, 53); } .faz-page-nav__slider a.active::after { display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 4px; content: ""; background-color: rgb(17, 10, 53); } @media (min-width: 768px), print { .sticky + .faz-archive > .faz-page-nav { position: sticky; } .faz-page-nav { position: initial; top: 4rem; padding-right: 2.5rem; padding-left: 2.5rem; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .faz-page-nav a:hover { position: relative; padding: 1.5rem 0px; color: rgb(17, 10, 53); text-decoration: none; } .faz-page-nav a:hover::after { display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 4px; content: ""; background-color: rgb(17, 10, 53); } } @media (min-width: 768px), print { .faz-page-nav__slider { padding-right: 0px; padding-left: 0px; gap: 2.5rem; max-width: calc(800px - 6rem); } .faz-page-nav__controls { max-width: 800px; position: absolute; right: 0px; left: 0px; width: 100%; height: 0px; margin: auto; overflow: visible; z-index: 2; } .faz-page-nav__controls-prev { position: absolute; top: 2.25rem; bottom: 0px; margin: auto; left: -0.5rem; width: 3rem; height: 3rem; background-color: rgb(255, 255, 255); display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); transform: rotate(180deg); } .faz-page-nav__controls-prev:hover { cursor: pointer; } .faz-page-nav__controls-next { position: absolute; top: 2.25rem; bottom: 0px; margin: auto; right: -0.5rem; width: 3rem; height: 3rem; background-color: rgb(255, 255, 255); display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); background-position: left 1.5rem center; } .faz-page-nav__controls-next:hover { cursor: pointer; } } @media (min-width: 1024px) { .faz-page-nav__slider { max-width: calc(1200px - 5rem); } .faz-page-nav__controls { max-width: 1200px; } } @media (min-width: 1540px) { .faz-page-nav__slider { max-width: calc(1200px - 6rem); } .faz-page-nav__controls { max-width: 1200px; } } @media (min-width: 1540px) { .faz-page-nav__slider { max-width: calc(1200px - 5rem); } .faz-page-nav__controls { max-width: 1200px; } } @media (min-width: 2000px) { .faz-page-nav__slider { max-width: calc(1584px - 5rem); } .faz-page-nav__controls { max-width: 1584px; } } .faz-archive__headline { font-weight: 700; font-size: 2.5rem; line-height: 125%; letter-spacing: 0px; hyphens: manual; overflow-wrap: break-word; margin-top: 1.5rem; } .faz-archive__teaser { margin-top: 2rem; font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } @media (max-width: 767px) { .faz-archive__teaser { display: none; } } @media (min-width: 768px), print { .faz-archive .faz-module { overflow: visible; } .faz-archive__headline { font-weight: 700; font-size: 4rem; line-height: 125%; letter-spacing: 0px; margin-top: 0px; } .faz-archive__teaser { margin-top: 0px; font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-archive--no-childs .faz-module { margin-bottom: 0px; } } .faz-breadcrumb { position: relative; } .faz-breadcrumb a { color: rgb(2, 2, 3); text-decoration: none; } .faz-breadcrumb__slider { font-weight: 450; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; overflow: scroll hidden; scroll-behavior: smooth; scrollbar-width: none; display: flex; flex-shrink: 0; flex-basis: 100%; align-items: center; padding: 1rem 2.5rem 1rem 1.25rem; gap: 0.5rem; } .faz-breadcrumb__slider::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-breadcrumb__slider .faz-icon { width: 1.25rem; min-width: 1.25rem; height: 1.25rem; min-height: 1.25rem; background-size: 60%; transform: rotate(90deg); } .faz-breadcrumb__slider * { white-space: nowrap; } .faz-breadcrumb::before { display: block; z-index: 1; position: absolute; right: 0px; bottom: 0.75rem; width: 3rem; height: 3rem; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); } .faz-breadcrumb--toc { margin-top: 3rem; } @media (min-width: 768px), print { .faz-breadcrumb { display: grid; padding: 0px 2.5rem; overflow: hidden; gap: 2rem; max-width: 800px; margin: auto; grid-template-columns: 1fr; } .faz-breadcrumb__slider { font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; padding: 3rem 0px 1rem; } } @media (min-width: 1024px) { .faz-breadcrumb { max-width: 1200px; } } @media (min-width: 1540px) { .faz-breadcrumb { max-width: 1200px; } } @media (min-width: 1540px) { .faz-breadcrumb { max-width: 1200px; } } @media (min-width: 2000px) { .faz-breadcrumb { max-width: 1584px; } } .ab-toc { scroll-behavior: smooth; scrollbar-width: none; font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; z-index: 998; position: fixed; top: 4.5rem; left: 0px; width: 100%; height: 3rem; padding-top: 0px; border-bottom: 1px solid rgb(170, 170, 170); overflow: scroll; background-color: rgb(255, 255, 255); transition: height 0.3s ease 0s; will-change: height; } .ab-toc::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .ab-toc.open { height: calc(-4.5rem + 100vh); } .ab-toc a { display: block; padding-top: 0.5rem; padding-right: 3rem; padding-bottom: 0.5rem; text-decoration: none; } .ab-toc ol { margin: 0px; padding: 0px; list-style: none; } .ab-toc ol li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .ab-toc > ol { visibility: hidden; margin-top: 3rem; padding: 0px 1.25rem 6rem; transition: transform 0.3s ease 0s; transform: translateY(-150vh); will-change: scroll-position, transform; } .ab-toc > ol > li > ol > li > a { padding-left: 1.5rem; font-weight: 300; } .ab-toc .show + ol { visibility: visible; transform: translateY(0px); } .ab-toc-headline { display: flex; z-index: 1; position: fixed; top: 4.5rem; justify-content: center; align-items: center; width: 100%; height: calc(-1px + 3rem); padding: 0px; text-align: center; background-color: rgb(255, 255, 255); transition: transform 0.3s ease 0s; will-change: transform; } .ab-toc-headline::after { width: 1.5rem; height: 1.5rem; margin: auto 0px auto 0.25rem; content: ""; background-size: 1rem; display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); transition: transform 0.3s ease 0s; transform: rotate(180deg); will-change: transform; } .ab-toc-headline.show::after { transform: rotate(0deg); } @media (min-width: 768px), print { .faz-site-header.sticky.sticky-full ~ .site-main .ab-toc { top: 9.25rem; } .faz-site-header.sticky.sticky-full ~ .site-main .ab-toc .ab-toc-headline { top: 9.25rem; } .ab-toc { top: 4rem; } .ab-toc-headline { top: 4rem; } } @media (min-width: 1024px) { .ab-toc { display: initial; position: static; top: 0px; } .ab-toc ol { margin: 0px; padding: 0px 0px 1rem; list-style: none; } .ab-toc ol li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .ab-toc a { padding: 1rem 0px; } .ab-toc > ol { visibility: initial; transition: none 0s ease 0s; transform: none; will-change: initial; } .ab-toc > ol > li { border-top: 1px solid rgb(170, 170, 170); } .ab-toc > ol > li > ol { display: grid; gap: 0.5rem; } .ab-toc > ol > li > ol a { padding-top: 0px; padding-bottom: 0px; } .ab-toc-headline { display: block; position: static; padding-top: 0px; text-align: left; top: 0px; } .ab-toc-headline::after { content: none; } .ab-toc .active > a { color: rgb(140, 116, 33); } } .ab-infobox, .faz-post__affbox { margin-bottom: 1.5rem; padding: 1.25rem; background-color: rgb(247, 247, 247); font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .ab-infobox p, .faz-post__affbox p { margin-bottom: 0px; } .ab-infobox .headline, .faz-post__affbox .headline { color: rgb(2, 2, 3); font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin-top: 0px; font-family: SangBleuKingdom; margin-bottom: 0.5rem !important; } .ab-infobox .button, .faz-post__affbox .button { margin-top: 1rem; } .ab-infobox-link.has_image { padding: 0px; display: grid; grid-template-columns: 2fr 3fr; } .ab-infobox-link.has_image .image--inner { position: relative; width: 100%; } .ab-infobox-link.has_image .image--inner::before { content: ""; display: block; padding-top: 100%; } .ab-infobox-link.has_image .image--inner img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .ab-infobox-link.has_image a { text-decoration: none; } .ab-infobox-link.has_image .content { display: grid; align-items: center; padding: 1rem; } .ab-infobox-link.has_image .content > p { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; grid-column: 2; } .ab-infobox-link.has_image .content > p .button { transform: translateY(-1.25rem); } .ab-infobox-link.has_image .content > p:last-of-type { padding: 0px; align-self: end; } .ab-infobox-link.has_image .headline { color: rgb(2, 2, 3); font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 0px !important; padding: 0px !important; } .ab-infobox-link.has_image .headline + * { display: none; } .faz-post__affbox { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-post__affbox .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; margin-bottom: 1.5rem; } @media (min-width: 390px) { .ab-infobox-link.has_image .content > p { align-self: start; grid-column: 1; } .ab-infobox-link.has_image .headline + * { display: block; } } @media (min-width: 768px), print { .ab-infobox, .faz-post__affbox { background-color: rgb(247, 247, 247); margin-bottom: 1.5rem !important; padding: 2rem 1.5rem !important; } .ab-infobox-link.has_image { display: block; padding: 0px !important; } .ab-infobox-link.has_image .image--inner { position: relative; width: 100%; } .ab-infobox-link.has_image .image--inner::before { content: ""; display: block; padding-top: 66.6667%; } .ab-infobox-link.has_image .image--inner img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .ab-infobox-link.has_image .content { display: block; padding: 1.5rem; grid-template-columns: 1fr; } .ab-infobox-link.has_image .content > p { padding: 0px !important; } .ab-infobox-link.has_image .content > p .faz-button, .ab-infobox-link.has_image .content > p .ab-infobox .button, .ab-infobox .ab-infobox-link.has_image .content > p .button, .ab-infobox-link.has_image .content > p .faz-post__affbox .button, .faz-post__affbox .ab-infobox-link.has_image .content > p .button { margin-top: 1rem; } .ab-infobox-link.has_image .content > p .faz-button::after, .ab-infobox-link.has_image .content > p .ab-infobox .button::after, .ab-infobox .ab-infobox-link.has_image .content > p .button::after, .ab-infobox-link.has_image .content > p .faz-post__affbox .button::after, .faz-post__affbox .ab-infobox-link.has_image .content > p .button::after { display: none; } .ab-infobox-link.has_image .headline { color: rgb(2, 2, 3); font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .ab-infobox-link.has_image .headline + * { display: block; } .faz-post__affbox { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-post__affbox .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } } @media (min-width: 1024px) { .ab-infobox-link.has_image .content > p .faz-button::after, .ab-infobox-link.has_image .content > p .ab-infobox .button::after, .ab-infobox .ab-infobox-link.has_image .content > p .button::after, .ab-infobox-link.has_image .content > p .faz-post__affbox .button::after, .faz-post__affbox .ab-infobox-link.has_image .content > p .button::after { display: inline; } .faz-post__affbox .button::after { display: none; } } @media (min-width: 2000px) { .faz-post__affbox { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-post__affbox .headline { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } .faz-post__affbox .button::after { display: inline; } } .faz-update.toggled .faz-update__more::before { transform: rotate(0deg); } .faz-update__headline { color: rgb(2, 2, 3); font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; margin-bottom: 0px; } .faz-update__date { color: rgb(2, 2, 3); font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; margin-bottom: 0px; } .faz-update__content { font-weight: 300; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.06rem; } .faz-update__content + .faz-update--letter { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid rgb(170, 170, 170); } .faz-update__teaser { font-weight: 300; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.06rem; } .faz-update__more { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; display: flex; align-items: center; width: 100%; text-decoration: none; } .faz-update__more::before { width: 1.5rem; display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); min-width: 1.5rem; height: 1.5rem; min-height: 1.5rem; margin-right: 1rem; content: ""; background-size: 1rem; transform: rotate(180deg); } .faz-update__more + .faz-update--letter { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgb(170, 170, 170); } .update-sign-in-form { margin-top: 2.5rem; } .update-sign-in-form .button { margin-top: 1.5rem; } .update-sign-in-form .hint { font-weight: 300; font-size: 0.75rem; line-height: 1.25rem; letter-spacing: 0.06rem; } .update-sign-in-form .hint.hidden { display: none; } .update-sign-in-form .g-recaptcha { transform: none; width: 100%; } .update-sign-in-form .g-recaptcha > * { margin: 1.5rem auto; } .update-sign-in-form .msg { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; color: red; } @media (min-width: 768px), print { .faz-update__headline { font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-bottom: 1rem; } .faz-update__date { font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-bottom: 1rem; } .faz-update__teaser { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-update__content { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } } .product-winner, .ab-comparison--heading { display: inline-block; color: rgb(255, 255, 255); font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; position: relative; width: auto; margin-bottom: 1.5rem; padding: 0.75rem 1.25rem; text-transform: uppercase; background-color: rgb(140, 116, 33); } .product-winner::after, .ab-comparison--heading::after { display: block; position: absolute; bottom: -1.25rem; left: 1rem; width: 0.75rem; height: 1.25rem; border: 1px solid transparent; border-top-left-radius: 0.5rem; content: ""; background-color: rgb(255, 255, 255); } .product-winner::before, .ab-comparison--heading::before { display: block; position: absolute; bottom: -1rem; left: 0px; width: 1.5rem; height: 1.25rem; border: 1px solid transparent; content: ""; background-color: rgb(140, 116, 33); } @media (min-width: 768px), print { .product-winner, .ab-comparison--heading { display: flex; align-items: center; color: rgb(255, 255, 255); font-weight: 600; font-size: 1.375rem; line-height: 125%; letter-spacing: 0.05rem; } } :root { --faz-productbox-grid: 2.1fr 8fr; } @media (min-width: 1024px) { :root { --faz-productbox-grid: 2.5fr 7fr; } } .product-box { margin-bottom: 1.5rem; } .product-box .product-winner { transform: translateX(-1.25rem); word-break: break-word; hyphens: auto; } .product-box-headline--secondary { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; display: block; margin-bottom: 0.5rem; padding: 0px 0px 0.5rem; color: rgb(2, 2, 3); font-family: SangBleuKingdom; text-transform: initial; background-color: initial; transform: initial; border-bottom: 1px solid rgb(170, 170, 170); } .product-box-headline--secondary::before, .product-box-headline--secondary::after { content: none; } .product-box.product-box--medium { margin-top: 2rem; margin-bottom: 2rem; } .product-box.product-box--medium .product-box-headline-medium { font-weight: 600; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; font-family: SuisseI; position: relative; overflow: hidden; margin-bottom: 1rem; border-top: 1px solid rgb(170, 170, 170); padding-top: 0.5rem; } .product-box.product-box--medium .caption { font-weight: 400; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; margin-bottom: 1rem; } .product-box.product-box--ad { background-color: rgb(247, 247, 247); width: calc(100% + 2.5rem); transform: translateX(-1.25rem); padding-left: 1.25rem; padding-right: 1.25rem; position: relative; } .product-box.product-box--ad::before { font-weight: 300; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; content: "Anzeige"; position: absolute; display: block; right: 1.25rem; top: -1.5rem; } .product-box.product-box--ad .product-winner::after { background-color: rgb(247, 247, 247); } .product-box.product-box--ad .logo { background-color: rgb(255, 255, 255); } .product-box.product-box--ad .content { padding-bottom: 1.25rem; } .product-box.product-box--ad .desc p:last-child { margin-bottom: 0px; } .product-box.product-box--multi { margin-top: 2rem; margin-bottom: 2rem; } .product-box.product-box--multi .product-box-headline-medium { font-weight: 600; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; font-family: SuisseI; position: relative; overflow: hidden; margin-bottom: 1rem; border-top: 1px solid rgb(170, 170, 170); padding-top: 0.5rem; } .product-box.product-box--multi .offers { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 1rem; transition: all 0.3s ease 0s; } .product-box.product-box--multi .offers .offer { display: flex; flex-direction: column; width: calc(100% - 2.5rem); max-width: 240px; flex-shrink: 0; scroll-snap-align: start; padding: 1rem; border-radius: 4px; } .product-box.product-box--multi .offers .cta { margin-top: auto; width: 100%; } .product-box.product-box--multi .offers .image { position: relative; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; } .product-box.product-box--multi .offers .image::before { content: ""; display: block; padding-top: 100%; } .product-box.product-box--multi .offers .image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .product-box.product-box--multi .offers .headline { font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0px; margin-top: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .product-box.product-box--multi .offers .price { font-weight: 600; font-size: 1.25rem; line-height: 100%; letter-spacing: 0px; color: rgb(230, 24, 73); text-align: center; } .product-box.product-box--multi .offers p:last-of-type { margin-bottom: 0px; } .product-box.product-box--multi .offers .button { border-radius: 4px; padding-left: 0.5rem; padding-right: 0.5rem; } .product-box.product-box--multi .offers .headline a { text-decoration: none; } .product-box.product-box--multi .offers .headline a:hover { color: rgb(2, 2, 3); } .product-box.product-box--multi .content { position: relative; } .product-box.product-box--multi .controlls { display: none; position: absolute; height: 0px; top: 0px; bottom: 0px; margin: auto; width: 100%; } @media (hover: hover) { .product-box.product-box--multi .controlls { display: block; } .product-box.product-box--multi .arrow--left, .product-box.product-box--multi .arrow--right { width: 3rem; height: 3rem; border-radius: 100%; border: 0px solid transparent; background-color: rgb(17, 10, 53); left: -1.5rem; position: absolute; display: inline-block; background-repeat: no-repeat; background-position: center 1.05rem; background-image: url("data:image/svg+xml,"); transform: rotate(270deg) translateX(calc(50% + 0.625rem)); background-size: 1.25rem; } .product-box.product-box--multi .arrow--left:hover, .product-box.product-box--multi .arrow--right:hover { cursor: pointer; } .product-box.product-box--multi .arrow--right { left: auto; right: -1.5rem; transform: rotate(90deg) translateX(calc(-50% - 0.625rem)); } .product-box.product-box--multi .hidden { display: none; } } .product-box.product-box--multi-link { margin-bottom: 0px; display: inline; } .product-box.product-box--multi-link .offer { display: inline; border: none; } .product-box .content { display: grid; gap: 2rem; } .product-box .content .left { display: grid; gap: 2rem; } .product-box .caption { color: rgb(2, 2, 3); font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; margin-bottom: 2rem; hyphens: none; } .product-box .image { text-align: center; } .product-box .image img { width: auto; max-height: calc(-6rem + 100vw); } .product-box .offers [data-product-offer] { display: grid; } .product-box .offer { display: grid; margin-bottom: 1rem; border: 1px solid rgb(198, 196, 207); order: 1; border-radius: 0.125rem; grid-template-columns: 3fr 4fr; } .product-box .offer--noborder { border: none; grid-template-columns: 1fr; } .product-box .offer--noborder .logo { display: none; } .product-box .offer--noborder .button { border-radius: 0.125rem; } .product-box .offer--idealo { order: 0; border: none; display: inline-block; vertical-align: middle; width: 100%; text-align: right; } .product-box .offer--idealo .button { border-radius: 0.125rem; } .product-box .offer--idealo .logo, .product-box .offer--idealo .link { display: inline-block; padding: 0px; vertical-align: middle; font-weight: 400 !important; font-size: 0.875rem !important; line-height: 1.5rem !important; letter-spacing: 0px !important; } .product-box .offer--idealo .link a { text-decoration: none; padding-left: 0.5rem; font-weight: 400 !important; font-size: 0.875rem !important; line-height: 1.5rem !important; letter-spacing: 0px !important; } .product-box .offer--idealo .logo img { max-width: 3.25rem; transform: translateY(0.15rem); } .product-box .logo { display: flex; justify-content: center; align-items: center; } .product-box .logo a { display: flex; padding: 0.5rem 1rem; font-weight: 400; font-size: 0.625rem; line-height: 100%; letter-spacing: 0.06rem; text-decoration: none; text-align: center; height: 100%; width: 100%; align-items: center; justify-content: center; } .product-box .logo img { max-width: 6rem; width: auto; max-height: 1.25rem; } .product-box .button { display: flex; justify-content: center; align-items: center; border-radius: initial; font-size: 1rem; text-align: center; grid-template-columns: auto auto; gap: 1rem; letter-spacing: 0.06rem; } .product-box .link { position: relative; } .product-box .baseprice { font-weight: 300; font-size: 0.5rem; letter-spacing: 0.06rem; position: absolute; bottom: 0.25rem; left: 0px; width: 100%; line-height: 100%; text-align: center; text-transform: initial; grid-column: 1 / 3; display: none; } .product-box .icon-before--shopping-cart { text-align: left; } .product-box .icon-before--shopping-cart::before { display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); width: auto; min-width: 1rem; height: auto; min-height: 1rem; content: ""; background-position: right center; background-size: contain; } .product-box .button--ghost { display: inline-block; padding-right: 4rem; border-top-left-radius: 0px; border-bottom-left-radius: 0px; text-align: center; } .product-box .offers-all { display: grid; justify-content: right; margin-bottom: 1rem; } .product-box .offers-all .faz-button--ghost-chevron { justify-content: start; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; text-align: left; margin-top: 0px; } @media (max-width: 767px) { .product-box .offers-all .faz-button--ghost-chevron { font-size: 0.875rem; } } .product-box .offers-all .faz-button--ghost-chevron::after { display: none; } .product-box .hidden { display: none; } .product-box .offer-error { font-weight: 300; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; margin-bottom: 2rem; border: none; text-align: center; grid-template-columns: 1fr; } .product-box + p { margin-top: 1rem; } .product-box .label--prime-deal { position: absolute; top: -0.6rem; right: -0.35rem; } .product-box .cta { margin-right: 4rem; } .product-box .label { top: 0px; } .product-box-headline-min { font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 1.5rem; font-family: SuisseI; } table + .product-box--normal, figure + .product-box--normal, div + .product-box--normal, p + .product-box--normal { margin-top: 4rem; } .headline--section + .product-box--normal { margin-top: 0px !important; } .product-box--min .image { margin-top: 0px; } @media (min-width: 768px), print { .product-box { display: grid; align-items: start; margin-bottom: 3rem; grid-template-columns: var(--faz-productbox-grid); gap: 0px 2rem; } .product-box .offer { margin-bottom: 0.6rem; } .product-box.product-box--min { grid-template-columns: max-content; gap: 0px; } .product-box.product-box--min .offer { grid-template-columns: 1fr minmax(135px, 1fr); } .product-box.product-box--min .right { padding-right: 0px; } .product-box.product-box--medium { grid-template-columns: max-content; gap: 0px; } .product-box.product-box--medium .product-box-headline-medium, .product-box.product-box--medium .caption, .product-box.product-box--medium .content { grid-column: 2 / 3; } .product-box.product-box--medium .caption { display: block; font-weight: 400; font-size: 1.25rem; line-height: 125%; letter-spacing: 0.05rem; } .product-box.product-box--medium .product-box-headline-medium { border-top-width: 0px; padding-top: 0px; } .product-box.product-box--medium .product-box-headline-medium::after { bottom: 0.875rem; position: absolute; width: 100%; height: 1px; margin: auto auto auto 1rem; content: ""; background-color: rgb(170, 170, 170); } .product-box.product-box--ad { background: linear-gradient(90deg, transparent 0%, transparent 21%, rgb(247, 247, 247) 21%, rgb(247, 247, 247) 100%); } .product-box.product-box--ad .product-winner::after { background-color: rgb(255, 255, 255); } .product-box.product-box--ad .product-box-headline--secondary, .product-box.product-box--ad .caption, .product-box.product-box--ad .content { margin-right: 1.5rem; } .product-box.product-box--ad .product-box-headline--secondary { padding-top: 1.5rem; } .product-box.product-box--ad::before { right: 0px; } .product-box.product-box--ad .product-winner { align-self: start; } .product-box.product-box--multi { display: block; } .product-box.product-box--multi .product-box-headline-medium { border-top-width: 0px; padding-top: 0px; } .product-box.product-box--multi .product-box-headline-medium::after { bottom: 0.875rem; position: absolute; width: 100%; height: 1px; margin: auto auto auto 1rem; content: ""; background-color: rgb(170, 170, 170); } .product-box.product-box--multi .content { display: block; } .product-box.product-box--multi .headline { margin-bottom: 1rem !important; } .product-box.product-box--multi .offers .offer { width: calc(33.33% - 5rem); min-width: 190px; margin-bottom: 1.25rem; } .product-box.product-box--multi .image img { max-width: 100%; } .product-box .content { display: grid; align-items: center; align-content: center; margin-top: 2rem; grid-column: 2 / 3; grid-template-columns: 1fr 1fr; } .product-box .desc { grid-column: 1 / 3; } .product-box .image img { max-height: 25rem; max-width: 90%; } .product-box.product-box--min .image img, .product-box.product-box--medium .image img { max-height: 22rem; } .product-box .caption { color: rgb(2, 2, 3); font-weight: 300; font-size: 1.5rem; line-height: 2.25rem; letter-spacing: 0.06rem; margin-bottom: 2rem; grid-column: 2 / 3; } .product-box .product-winner { justify-content: center; height: fit-content; min-height: 5.5rem; transform: none; align-self: center; } .product-box-headline--secondary { font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; align-self: center; margin-bottom: 1.5rem; padding-bottom: 0px; border-bottom-width: 0px; grid-column-end: 3; padding-top: 1.5rem; } .product-box-headline--secondary::after { content: ""; width: 100%; display: block; height: 1px; background-color: rgb(170, 170, 170); transform: translateY(calc(-2px + 1.5rem)); margin-bottom: calc(-2px + 1.5rem); } .product-box .offer { grid-template-columns: 1fr minmax(135px, 1fr); } .product-box .offer--noborder { justify-content: end; grid-template-columns: minmax(auto, 200px); } .product-box .offer--idealo { justify-content: end; grid-template-columns: auto auto; } .product-box .offer-error { grid-template-columns: 1fr; } .product-box .offers-all { margin-bottom: 0px; } .product-box .button { padding: 0.75rem; } .product-box .button--ghost { text-align: left; } .product-box .baseprice { font-weight: 300; font-size: 0.75rem; line-height: 100%; letter-spacing: 0.06rem; } .product-box-headline-min { font-weight: 600; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; font-family: SuisseI; } } @media (min-width: 1024px) { .product-box.product-box--ad { background: linear-gradient(90deg, transparent 0%, transparent 26.5%, rgb(247, 247, 247) 26.5%, rgb(247, 247, 247) 100%); } .product-box.product-box--ad .content { padding-bottom: 1.5rem; } } @media (min-width: 1540px) { .product-box .right { padding-right: 1.5rem; } .product-box .pros-cons, .product-box .caption, .product-box .desc { padding: 0px 1.5rem; } .product-box.product-box--medium .caption, .product-box.product-box--medium .desc { padding: 0px; } .product-box.product-box--ad::before { right: 1.25rem; } .product-box.product-box--ad .content { padding-bottom: 2.5rem; } .product-box-headline--secondary { padding: 1.5rem 1.5rem 0px; } } @media (min-width: 1540px) { .product-box .cta { margin-right: 5.5rem; } .product-box.product-box--ad { background: linear-gradient(90deg, transparent 0%, transparent 28.5%, rgb(247, 247, 247) 28.5%, rgb(247, 247, 247) 100%); } .product-box.product-box--ad::before { right: 0px; } .product-box.product-box--ad .product-box-headline--secondary, .product-box.product-box--ad .caption, .product-box.product-box--ad .content { margin-right: 0px; } } @media (min-width: 2000px) { .product-box .right { padding-right: 3rem; } .product-box .pros-cons, .product-box .label, .product-box .cta, .product-box .caption, .product-box .desc { padding: 0px 3rem; } .product-box.product-box--medium .caption, .product-box.product-box--medium .desc { padding: 0px; } .product-box-headline--secondary { padding: 1.5rem 3rem 0px; } .product-box.product-box--ad { background: linear-gradient(90deg, transparent 0%, transparent 29.5%, rgb(247, 247, 247) 29.5%, rgb(247, 247, 247) 98.5%, transparent 98.5%, transparent 100%); } .product-box.product-box--ad::before { right: 1.5%; } } @media (min-width: 768px), print { .admin-bar .ab-comparison--headers.sticky { top: calc(32px + 4rem); } } .ab-comparison { width: 100vw; transform: translateX(-1.25rem); margin-top: -6rem; } .ab-comparison, .ab-comparison * { user-select: none; } .ab-comparison img { -webkit-user-drag: none; } .ab-comparison--headers { top: 7.5rem; visibility: hidden; transition: none 0s ease 0s; z-index: -1; position: relative; } .ab-comparison--headers .ab-comparison--scroller { word-break: break-word; overflow-wrap: break-word; align-items: stretch; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px; border-bottom: 1px solid rgb(170, 170, 170); } .ab-comparison--headers.sticky { position: sticky; visibility: visible; z-index: 2; } .ab-comparison--headers.sticky .ab-comparison--track:first-child .ab-comparison-header__heading { transform: translateX(-1.5rem); width: calc(100% + 2rem); } .ab-comparison-header { display: grid; gap: 0.5rem; grid-template-rows: 4px auto 1fr; border-left: 1px solid rgb(170, 170, 170); padding: 0px 0px 0.5rem 0.5rem; align-content: stretch; transform: translateX(-0.5rem); } .ab-comparison-header:first-child { border-left-width: 0px; } .ab-comparison-header__heading { transition: none 0s ease 0s; height: 4px; color: transparent; line-height: 4px; max-height: 4px; transform: translateX(-0.5rem); width: calc(100% + 1rem); background: rgb(140, 116, 33); text-transform: uppercase; } .ab-comparison-header__image { display: none; } .ab-comparison-header__model { font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; } .ab-comparison-header__offer { font-weight: 600; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.06rem; align-self: end; } .ab-comparison--tracks, .ab-comparison--scroller { display: flex; overflow-y: hidden; gap: 0.5rem; background-color: rgb(255, 255, 255); } .ab-comparison--scroller { align-items: flex-end; overflow-x: hidden; } .ab-comparison--tracks { overflow: auto; } .ab-comparison--tracks:hover { cursor: grab; } .ab-comparison--tracks:active, .ab-comparison--tracks:focus { cursor: grabbing; } .ab-comparison--infos { color: rgb(2, 2, 3); font-weight: 300; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .ab-comparison--infos .ab-comparison--modelpecs::after { display: block; position: absolute; top: 0px; left: 0px; width: 2px; height: 100%; content: ""; } .ab-comparison--tracks::-webkit-scrollbar, .ab-comparison--scroller::-webkit-scrollbar { display: none; } .ab-comparison--tracks, .ab-comparison--scroller { padding: 0px 1.25rem; scrollbar-width: none; } .ab-comparison--track { flex: 1 0 49%; transition: all 1s ease 0s; max-width: 18rem; } .ab-comparison--track .ab-comparison--spec::before { color: rgb(2, 2, 3); font-weight: 600; font-size: 0.75rem; line-height: 100%; letter-spacing: 0.06rem; display: block; text-transform: uppercase; hyphens: auto; overflow-wrap: break-word; content: attr(data-label); } .ab-comparison--entry { padding: 2rem 0px 0px; border-top: 0px; background: rgb(255, 255, 255); } .ab-comparison--offer { padding-top: 1rem; } .ab-comparison ul, .ab-comparison ol { margin: 0px; padding: 0px; list-style: none; } .ab-comparison ul li, .ab-comparison ol li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .ab-comparison--image { margin-top: 2rem; padding: 0px; display: block; position: relative; width: 100%; } .ab-comparison--image::before { content: ""; display: block; padding-top: 56.25%; } .ab-comparison--image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; } @media (hover: hover) { .ab-comparison--image.hovered { transform: scale(1.1); } } .ab-comparison--image img { inset: 0px; width: auto; max-width: 80%; height: auto; max-height: 100%; margin: auto; } .ab-comparison--heading, .ab-comparison--model { font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0px; display: flex; justify-content: center; align-items: center; width: 100%; hyphens: manual; word-break: break-word; text-align: center; text-decoration: none; } .ab-comparison--heading p, .ab-comparison--model p { margin-bottom: 0px; } .ab-comparison--heading { padding: 0.75rem 0.5rem; hyphens: manual; word-break: break-word; height: auto; margin-bottom: 0.5rem; } .ab-comparison--heading::before, .ab-comparison--heading::after { content: none; } .ab-comparison--model { padding: 0.75rem 0.5rem; width: auto; margin-top: 0.5rem; transform: none; background-color: rgb(17, 10, 53); color: rgb(255, 255, 255); } .ab-comparison--heading-small { padding: 0.25rem; font-weight: 600; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.06rem; margin-bottom: 0px; } @media (hover: hover) { .ab-comparison a.ab-comparison--heading:hover, .ab-comparison a.ab-comparison--model:hover { color: rgb(255, 255, 255); } } @media (hover: hover) { .ab-comparison a.ab-comparison--heading.hovered { background: rgb(112, 93, 26); } } @media (hover: hover) { .ab-comparison a.ab-comparison--model.hovered { background: rgb(65, 59, 93); } } .ab-comparison [data-producttable-anchor] { transition: all 0.3s ease 0s; } .ab-comparison .empty { background-color: transparent; } .ab-comparison .empty::before, .ab-comparison .empty::after { content: none; } .ab-comparison--offer { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 100%; } .ab-comparison--offer .hidden { display: none; } .ab-comparison--offer .offer { position: relative; width: 100%; border: 1px solid rgb(198, 196, 207); border-radius: 0.125rem; } .ab-comparison--offer .offer--noborder { border: none; } .ab-comparison--offer .offer--noborder .button { border-radius: 0.125rem; } .ab-comparison--offer .offer .button { border-radius: initial; width: 100%; max-width: 100%; flex-wrap: wrap; padding-left: 0.5rem; padding-right: 0.5rem; letter-spacing: 0.06rem; } .ab-comparison--offer .logo { display: flex; justify-content: center; align-items: center; height: 3rem; } .ab-comparison--offer .logo a { display: flex; font-weight: 400; font-size: 0.625rem; line-height: 100%; letter-spacing: 0.06rem; text-decoration: none; text-align: center; height: 100%; width: 100%; align-items: center; justify-content: center; } .ab-comparison--offer .logo img { max-width: 6rem; max-height: 1.25rem; } .ab-comparison--offer .offer-error { font-weight: 400; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.06rem; border: none; } .ab-comparison .button { display: flex; justify-content: center; align-items: center; text-align: center; grid-template-columns: auto auto; gap: 1rem; } .ab-comparison .icon-before--shopping-cart::before { display: inline-block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); width: auto; min-width: 1rem; height: auto; min-height: 1rem; content: ""; background-position: right center; background-size: contain; } .ab-comparison .offers-all .button { justify-content: start; padding-top: 0px; margin-bottom: 2.5rem; } .ab-comparison .offers-all .button::after { bottom: 0px; left: 0px; margin-left: 0px; } .ab-comparison .baseprice { font-weight: 300; font-size: 0.5rem; letter-spacing: 0.06rem; position: absolute; bottom: 0.25rem; left: 0px; width: 100%; line-height: 100%; text-align: center; text-transform: initial; grid-column: 1 / 3; display: none; } .ab-comparison--spec { padding-bottom: 1rem; hyphens: auto; word-break: break-word; } .ab-comparison .ab-test-pros, .ab-comparison .ab-test-cons { color: rgb(2, 2, 3); font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-comparison .ab-test-pros li, .ab-comparison .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0.25rem; padding-left: 1.5rem; word-break: break-word; hyphens: auto; background-repeat: no-repeat; background-position: left top -1px; padding-bottom: 0.25rem; } .ab-comparison .ab-test-pros li::first-letter, .ab-comparison .ab-test-cons li::first-letter { text-transform: capitalize; } .ab-comparison .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0.5rem; padding-bottom: 0.25rem; padding-left: 1.5rem; overflow-wrap: break-word; background-repeat: no-repeat; background-position: left top -1px; } .ab-comparison.in-view { opacity: 1; } .ab-comparison--more-information { color: rgb(2, 2, 3); font-weight: 600; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; display: inline-block; width: auto; min-width: 100%; max-width: 100%; margin: auto auto 1rem; text-align: center; } .ab-comparison--more-information .faz-button, .ab-comparison--more-information .ab-comparison .button, .ab-comparison .ab-comparison--more-information .button { width: auto; } .ab-comparison--more-information [data-toggle-trigger-table]:hover { cursor: pointer; } .ab-comparison .link { position: relative; } .ab-comparison .label--prime-deal { position: absolute; top: -0.6rem; right: -0.35rem; } a.ab-comparison--model { position: relative; } a.ab-comparison--model[data-label] { flex-direction: column; position: relative; } a.ab-comparison--model[data-label]::after { content: attr(data-label) " " url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='7' viewBox='0 0 49 13' fill='none'%3E%3Cpath d='M48.5657 6.75319C48.8781 6.44077 48.8781 5.93423 48.5657 5.62181L43.4745 0.530646C43.1621 0.218226 42.6556 0.218226 42.3431 0.530646C42.0307 0.843065 42.0307 1.3496 42.3431 1.66202L46.8686 6.1875L42.3431 10.713C42.0307 11.0254 42.0307 11.5319 42.3431 11.8444C42.6556 12.1568 43.1621 12.1568 43.4745 11.8444L48.5657 6.75319ZM0 6.9875H48V5.3875H0V6.9875Z' fill='%23110A35'/%3E%3C/svg%3E"); color: rgb(2, 2, 3); font-weight: 400; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; display: block; position: absolute; bottom: -1.5rem; left: 0px; } .ab-comparison-control { display: none; z-index: 5; position: fixed; top: 50vh; right: 0px; left: 0px; width: 87vw; margin: auto; transition: opacity 0.3s ease 0s; } .ab-comparison-control.in-view { display: block; height: 0px; } .ab-comparison-control.in-view > a { display: none; } .ab-comparison-control.hidden { display: none; } .ab-comparison-control .table-prev, .ab-comparison-control .table-next { width: 4rem; height: 4rem; z-index: 5; position: absolute; } @media (hover: none) { .ab-comparison-control .table-prev, .ab-comparison-control .table-next { display: none; } } .ab-comparison-control .table-prev { transform: rotate(180deg); left: 1rem; } .ab-comparison-control .table-next { right: 1rem; transform: translateY(-1.75rem); } .faz-product--compare { display: none; } .ab-comparison-product-compare { position: fixed; bottom: 1.5rem; left: 50%; z-index: 999; transform: translateX(-50%); } @media (max-width: 767px) { .ab-comparison-product-compare { bottom: 0px; } } .ab-comparison-product-compare .faz-button, .ab-comparison-product-compare .ab-comparison .button, .ab-comparison .ab-comparison-product-compare .button { display: none; white-space: nowrap; box-shadow: rgb(255, 255, 255) 0px 0px 40px -10px; } @media (max-width: 767px) { .ab-comparison-product-compare .faz-button, .ab-comparison-product-compare .ab-comparison .button, .ab-comparison .ab-comparison-product-compare .button { width: 100vw; height: 3rem; padding-top: 0px; padding-bottom: 0px; border-radius: 0px; } } @keyframes moveProductCompare { 0% { transform: translateX(calc(-4rem + 50vw)); } 100% { transform: translateX(calc(-5rem + 50vw)); } } .ab-comparison--hint { position: fixed; z-index: 999; height: auto; width: 300px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; background-color: rgb(255, 255, 255); padding: 1rem 1.5rem; display: grid; justify-content: center; align-items: center; text-align: center; opacity: 0; transition: opacity 0.3s ease 0s; text-transform: uppercase; inset: 0px; max-height: fit-content; margin: auto; font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .ab-comparison--hint.visible { opacity: 1; } .ab-comparison--hint.invisible { display: none; } @media (max-width: 767px) { .ab-comparison--hint { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; width: 50vw; } } .ab-comparison .ab-comparison--track.running a { pointer-events: none; } .ab-comparison .ab-comparison--track.opacity-50 { opacity: 0.25; } @media (hover: hover) { .ab-comparison .ab-comparison--track.opacity-50 { transition: opacity 0.3s ease 0s; } .ab-comparison .ab-comparison--track.opacity-50:hover { opacity: 1; } } @media (min-width: 768px), print { .ab-comparison { margin-top: -10rem; margin-bottom: 7rem; } .ab-comparison .button { width: 100%; padding: 0.75rem; } .ab-comparison--headers { top: 7rem; } .ab-comparison--headers.sticky .ab-comparison--track:first-child .ab-comparison-header__heading { transform: translateX(-0.5rem); width: calc(100% + 1rem); } .ab-comparison-header { justify-content: start; padding: 0px 0px 1rem 0.5rem; grid-template-rows: minmax(1.5rem, auto) auto 1fr; grid-template-columns: minmax(5rem, 5rem) calc(100% - 5.5rem); transform: translateX(-0.25rem); } .ab-comparison-header__heading { grid-column-end: span 2; color: rgb(255, 255, 255); height: 100%; line-height: 100%; max-height: none; text-align: center; } .ab-comparison-header__image { display: block; grid-row-start: span 2; position: relative; height: 5rem; width: 5rem; align-self: start; } .ab-comparison-header__image::before { content: ""; display: block; padding-top: 100%; } .ab-comparison-header__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; } .ab-comparison-header__image img { object-position: center top; } .ab-comparison-header__offer { align-self: end; } .ab-comparison--tracks, .ab-comparison--scroller { padding: 0px; gap: 0.5rem; } .ab-comparison--track { flex: 1 0 22%; min-width: 0px; } .ab-comparison--heading { padding: 0.75rem 1rem; font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .ab-comparison--heading-small { padding: 0.35rem 0.25rem 0.25rem; font-weight: 600; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.06rem; margin-bottom: 0px; display: block; text-overflow: ellipsis; white-space: nowrap; min-width: 0px; overflow: hidden; } .ab-comparison--model { padding: 0.75rem 1rem; font-weight: 600; font-size: 1.25rem; line-height: 115%; letter-spacing: 0.05rem; margin-top: 0.5rem; } .ab-comparison--pro { padding-top: 2rem; } .ab-comparison--more-information { font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; margin-top: 1rem; margin-bottom: 0px; } .ab-comparison--more-information .faz-button--primary, .ab-comparison--more-information .ab-comparison .button, .ab-comparison .ab-comparison--more-information .button { padding-top: 0.75rem; padding-bottom: 0.75rem; } .ab-comparison .ab-test-pros, .ab-comparison .ab-test-cons { hyphens: auto; font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .ab-comparison .ab-test-pros li, .ab-comparison .ab-test-cons li { background-position: left top 2px; } .ab-comparison .offer { width: 100%; } .ab-comparison .logo { height: 3rem; } .ab-comparison .offers-all .button { padding-bottom: 0px; margin-bottom: 0px; } .ab-comparison .offers-all .button::after { position: static; height: 3rem; } .ab-comparison-control.in-view > a { display: block; } .ab-comparison .baseprice { font-weight: 300; font-size: 0.75rem; line-height: 100%; letter-spacing: 0.06rem; } } @media (min-width: 1024px) { .ab-comparison--headers { top: 4rem; } .ab-comparison--track { flex: 1 0 18%; min-width: 0px; } .ab-comparison--track .ab-comparison--spec::before { color: rgb(2, 2, 3); font-weight: 600; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.06rem; } .ab-comparison--infos { color: rgb(2, 2, 3); font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } } .ab-multibox-table { padding-top: 3rem; padding-bottom: 3rem; } .ab-multibox-table a { text-decoration: none; } .ab-multibox-table--boxes { display: grid; grid-auto-flow: column; grid-auto-columns: 18rem; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; height: 100%; scrollbar-width: thin; scrollbar-color: rgb(136, 136, 136) transparent; scroll-behavior: smooth; } .ab-multibox-table--boxes::-webkit-scrollbar { height: 8px; } .ab-multibox-table--boxes::-webkit-scrollbar-thumb { background-color: rgb(136, 136, 136); border-radius: 4px; } .ab-multibox-table--box { scroll-snap-align: start; display: grid; grid-template-rows: max-content 3.25rem max-content max-content; height: 100%; } .ab-multibox-table--manufacturer { border-bottom: 4px solid rgb(2, 2, 3); color: rgb(2, 2, 3); font-weight: 600; font-size: 1.5rem; line-height: 125%; letter-spacing: 0.06rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ab-multibox-table--product { padding-top: 0.25rem; color: rgb(2, 2, 3); font-weight: 500; font-size: 1.25rem; line-height: 125%; letter-spacing: 0.05rem; overflow: hidden; text-overflow: ellipsis; } .ab-multibox-table--offer { display: grid; grid-template-rows: 1fr; gap: 1rem; } .ab-multibox-table--image { display: block; margin-top: 1rem; margin-bottom: 1rem; position: relative; width: 100%; } .ab-multibox-table--image::before { content: ""; display: block; padding-top: 75%; } .ab-multibox-table--image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; } .ab-multibox-table--offer { display: grid; position: relative; } .ab-multibox-table--offer .baseprice { display: none; } .ab-multibox-table--offer .offer { color: rgb(2, 2, 3); font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; display: grid; grid-template-columns: 1fr 2fr; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.85rem 1.5rem; border: 1px solid rgb(170, 170, 170); border-radius: 0.25rem; transition: all 0.3s ease 0s; } .ab-multibox-table--offer .offer:last-child { margin-bottom: 0px; } .ab-multibox-table--offer .offer:hover { border-color: rgb(2, 2, 3); } .ab-multibox-table--offer .logo img { max-height: 1.25rem; } .ab-multibox-table--offer .link { text-align: right; } .ab-multibox-table--offer .offer-error { grid-template-columns: 1fr; grid-template-rows: 1fr; text-align: center; border: initial; padding: initial; align-items: center; color: rgb(2, 2, 3); font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-multibox-table--navigation { display: none; } .ab-multibox-table .icon-before--shopping-cart::before { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); content: ""; width: 0.75rem; height: 0.75rem; display: inline-block; background-size: 0.75rem; margin-right: 0.25rem; } @media (min-width: 40rem) { .ab-multibox-table[data-size="2"] .ab-multibox-table--boxes { grid-auto-columns: calc(50% - 0.5rem); } .ab-multibox-table[data-size="2"] .ab-multibox-table--navigation { display: none; } } @media (min-width: 768px), print { .ab-multibox-table, .ab-multibox-table.faz-post__content--wide { padding-top: 3rem !important; padding-bottom: 3rem !important; } .ab-multibox-table--boxes { grid-auto-columns: calc(33.3333% - 1.66667rem); } .ab-multibox-table[data-size="3"] .ab-multibox-table--boxes { grid-auto-columns: calc(33.3333% - 0.666667rem); } .ab-multibox-table[data-size="3"] .ab-multibox-table--navigation { display: none; } .ab-multibox-table--info { display: grid; grid-template-columns: 1fr 2fr; } .ab-multibox-table--info--text { color: rgb(2, 2, 3); font-weight: 600; font-size: 1rem; line-height: 125%; letter-spacing: 0.04rem; } .ab-multibox-table--navigation { display: flex; justify-content: right; align-items: center; margin-bottom: 1rem; } .ab-multibox-table--navigation .faz-icon { width: 1.5rem; height: 2rem; display: block; background-color: transparent; border-width: 0px; background-position-x: 100%; transition: all 0.3s ease 0s; } .ab-multibox-table--navigation .faz-icon:hover { cursor: pointer; transform: scale(1.3); } .ab-multibox-table--navigation .prev { transform: rotate(180deg); } .ab-multibox-table--navigation .prev:hover { transform: rotate(180deg) scale(1.3); } .ab-multibox-table--navigation .disable { opacity: 0.5; pointer-events: none; } } @media (min-width: 1024px) { .ab-multibox-table, .ab-multibox-table.faz-post__content--wide { padding-top: 3rem !important; padding-bottom: 3rem !important; } } .ab-pullquote { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; font-style: normal; margin: 0px 0px 1.5rem; padding: 0px 0px 0px 1rem; border-left: 1px solid rgb(140, 116, 33); font-family: SangBleuKingdom; background: transparent; } .ab-pullquote, .ab-pullquote * { hyphens: manual !important; } .ab-pullquote::before, .ab-pullquote::after { content: none; } @media (min-width: 768px), print { .ab-pullquote { display: inline-block; align-self: start; border-right: 1px solid rgb(140, 116, 33); border-left: initial; text-align: right; padding: 0px 1rem 0px 0px !important; } .ab-pullquote p:nth-last-child(-n+1) { margin-bottom: 0px; } } @media (min-width: 1024px) { .ab-pullquote { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } } .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; margin-top: 3rem; margin-bottom: 1rem !important; } .headline--section { color: rgb(140, 116, 33); font-weight: 600; font-size: 1rem; line-height: 1.5rem; margin-top: 4rem; position: relative; overflow: hidden; font-family: SuisseI; text-transform: uppercase; letter-spacing: 0.1rem; clear: both; border-bottom: 1px solid rgb(170, 170, 170); padding-bottom: 0.25rem; margin-bottom: 2rem !important; } .headline--section + .headline { margin-top: 0px !important; } @media (min-width: 768px), print { .headline { margin-top: 4rem; margin-bottom: 2rem !important; } .headline--section { color: rgb(140, 116, 33); font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.12rem; padding-bottom: 0px; border-bottom-width: 0px; } .headline--section::after { top: 0px; bottom: 0px; position: absolute; width: 100%; height: 1px; margin: auto auto auto 1rem; content: ""; background-color: rgb(170, 170, 170); } } @media (min-width: 1024px) { .headline--section { color: rgb(140, 116, 33); font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.12rem; } } .allesbeste-slider { clear: both; margin-bottom: 1.5rem; } .allesbeste-slider figure { margin-bottom: 0px; } .allesbeste-slider .slider-counter { font-weight: 400; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.06rem; } .allesbeste-slider .slick-slide { margin: 0px 0.5rem; } .allesbeste-slider .slick-list { margin: 0px -0.5rem; } .allesbeste-slider .slick-prev, .allesbeste-slider .slick-next { z-index: 2; position: absolute; left: 0.25rem; width: 50px; height: 50px; margin-top: -1rem; } .allesbeste-slider .slick-prev::before, .allesbeste-slider .slick-next::before { margin: auto; content: ""; background-color: rgb(140, 116, 33); background-position: center 0.75rem; transform: rotate(-90deg); } .allesbeste-slider .slick-prev.icon-before-md.icon-before--arrow-big::before, .allesbeste-slider .slick-prev.icon-before-lg.icon-before--arrow-big::before, .allesbeste-slider .slick-next.icon-before-md.icon-before--arrow-big::before, .allesbeste-slider .slick-next.icon-before-lg.icon-before--arrow-big::before { display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); width: 2rem; height: 2rem; background-size: 1rem; } .allesbeste-slider .slick-slide { outline: none; } .allesbeste-slider .slick-next { right: 0.25rem; left: auto; } .allesbeste-slider .slick-next::before { transform: rotate(90deg); } @media (min-width: 768px), print { .allesbeste-slider { margin: 0px 0px 2.5rem; } .allesbeste-slider figure { max-width: none; } .allesbeste-slider .slider-counter { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .allesbeste-slider.wide { padding-left: 0px !important; } .allesbeste-slider .slick-prev { left: 0px; } .allesbeste-slider .slick-next { right: 0px; } .allesbeste-slider .slick-slider div { transition: none 0s ease 0s; } } @media (min-width: 1024px) { .allesbeste-slider .slick-prev, .allesbeste-slider .slick-next { margin-top: 0px; height: 100%; top: 50% !important; } .allesbeste-slider:not(.faz-post__content--wide) .slick-prev, .allesbeste-slider:not(.faz-post__content--wide) .slick-next { top: calc(50% - 1rem) !important; width: 20%; } .allesbeste-slider:not(.faz-post__content--wide) .slick-prev::before, .allesbeste-slider:not(.faz-post__content--wide) .slick-next::before { transform: rotate(-90deg) translateY(-2.5rem); left: 0px; } .allesbeste-slider:not(.faz-post__content--wide) .slick-next::before { transform: rotate(90deg) translateY(-2.5rem); } .allesbeste-slider figure:hover { cursor: move; } } @media (min-width: 1540px) { .allesbeste-slider.wide { padding-right: 0px !important; } } .allesbeste-gallery { margin-bottom: 1.5rem; gap: 1rem; } .allesbeste-gallery figure { margin-bottom: 0px; } .allesbeste-gallery p { margin-bottom: 0px; } .allesbeste-gallery.wide { padding-right: 0px !important; padding-left: 0px !important; } .allesbeste-gallery [data-modal]:hover { cursor: pointer; } .allesbeste-gallery[data-gallery-nr="2"] { display: grid; justify-content: space-between; grid-template-columns: 1fr 1fr; } .allesbeste-gallery[data-gallery-nr="3"] { display: grid; justify-content: space-between; grid-template-columns: 1fr 1fr; } .allesbeste-gallery[data-gallery-nr="3"] .figure-1 { grid-column: 1 / 3; } .ab-guide { padding: 2rem 1.25rem; background-color: rgb(247, 247, 247); margin-top: 2rem; margin-bottom: 2rem; } .ab-guide .headline { margin-top: 0px; } @media (min-width: 768px), print { .ab-guide { padding: 3rem 2.5rem; } } .ab-newsletter { margin-top: 2rem; margin-bottom: 2rem; padding: 2rem 1.25rem; background-color: rgb(247, 247, 247); font-weight: 300; font-size: 1rem; line-height: 1.25rem; letter-spacing: 0.04rem; } .ab-newsletter p:empty { display: none; } .ab-newsletter .headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin: 0px 0px 1.5rem; } .ab-newsletter .g-recaptcha { order: 1; } .ab-newsletter .sib-default-btn { grid-row-start: 1; grid-column: 2 / 3; } .ab-newsletter .hint { font-weight: 300; font-size: 0.75rem; line-height: 1.25rem; letter-spacing: 0.06rem; padding-top: 1.5rem; } .ab-newsletter .hint.hidden { display: none; } .ab-newsletter-small { max-width: 700px; } .sib_signup_form > p { display: none; } .sendinblue-form .brevo_check, .sib-email-area .brevo_check { margin-top: 1rem; margin-bottom: 0px; grid-column-end: span 2; font-weight: 300; font-size: 0.75rem; line-height: 100%; letter-spacing: 0.06rem; } .sendinblue-form .brevo_check.hidden, .sib-email-area .brevo_check.hidden { display: none; } .sendinblue-form .brevo_check input[type="checkbox"], .sib-email-area .brevo_check input[type="checkbox"] { width: auto; margin-right: 0.5rem; } @media (min-width: 768px), print { .sendinblue-form .brevo_check, .sib-email-area .brevo_check { font-weight: 300; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } } @media (min-width: 768px), print { .ab-newsletter { padding: 3rem 2.5rem; } .ab-newsletter .headline { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .ab-newsletter .sib-email-area { display: grid; grid-template-columns: 1fr 1fr; } .ab-newsletter .sib-email-area p { margin-bottom: 0px; } .ab-newsletter .sib-default-btn { width: 100%; } .ab-newsletter #sib_captcha { grid-column-start: span 3; margin-top: 1rem; padding-top: 0px; } .ab-newsletter .sib-email-area { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ab-newsletter .sib-default-btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } } .ab-faq .ab-accordion [data-toggle]:first-child { padding-top: 0px; } .ab-accordion div:last-child { margin-bottom: 0px; } .ab-accordion-headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } [data-toggle] .ab-accordion-headline, [data-toggle] .product-box-headline-min { position: relative; padding-right: 3rem; margin-bottom: 1rem; } [data-toggle] .ab-accordion-headline::before, [data-toggle] .product-box-headline-min::before { display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); position: absolute; top: -0.6rem; right: -0.5rem; width: 2.5rem; height: 2.5rem; content: ""; transition: transform 0.3s ease 0s; transform: rotate(180deg); will-change: transform; background-color: rgb(255, 255, 255); z-index: 1; border-radius: 50%; border: 0px solid transparent; } [data-toggle] .product-box-headline-min + [data-toggle-element] { padding-bottom: 1rem; } [data-toggle].toggled .ab-accordion-headline::before, [data-toggle].toggled .product-box-headline-min::before { transform: rotate(0deg); } [data-toggle].toogle-bordered { padding-top: 1rem; border-bottom: 1px solid rgb(170, 170, 170); } [data-toggle].toogle-bordered:nth-last-child(-n+1) { border-bottom: none; } .toggle-smaller .ab-accordion-headline, .toggle-smaller .product-box-headline-min { border-bottom: 1px solid rgb(170, 170, 170); padding-bottom: 0.75rem; } .toc-headline + .toggle-smaller .ab-accordion-headline, .toc-headline + .toggle-smaller .product-box-headline-min { border-top: none; margin-top: 0px; } @media (min-width: 768px), print { .toggle-smaller .ab-accordion-headline, .toggle-smaller .product-box-headline-min { border-bottom-width: 0px; padding-bottom: 0px; overflow: hidden; } .toggle-smaller .ab-accordion-headline::after, .toggle-smaller .product-box-headline-min::after { top: 0px; bottom: 0px; position: absolute; width: 100%; height: 1px; margin: auto auto auto 1rem; content: ""; background-color: rgb(170, 170, 170); } .toggle-smaller .ab-accordion-headline::before, .toggle-smaller .product-box-headline-min::before { top: -0.75rem; right: -0.75rem; width: 3.5rem; height: 3.5rem; } } p a[href*="/link/"]:not(.button)::after, li a[href*="/link/"]:not(.button)::after, p a[href*="www.amazon.de"]:not(.button)::after, li a[href*="www.amazon.de"]:not(.button)::after, .ab-comparison-header__offer > .link > a::after { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,"); content: ""; width: 1rem; height: 1rem; display: inline-block; background-size: 1rem; margin-left: 0.25rem; margin-right: 0.25rem; } .ab-comparison-header__offer > .link > a::after { background-size: 0.875rem; } .s24widget { background: rgb(255, 255, 255); padding: 0px; color: rgb(2, 2, 3); font-family: SuisseI; font-weight: normal; font-size: 1rem; margin: 2.5rem 0px; } .s24widget .s24_widget_472.s24_widget_border { border: 0px none; } .s24widget .s24_widget_472 .s24_headline { background: rgb(17, 10, 53); color: rgb(255, 255, 255); font-size: 1rem; font-weight: 600; letter-spacing: 0.2px; line-height: 1.25rem; padding: 0.5rem 0.75rem; margin: 0px 0px 1rem; } .s24widget .s24_widget_472 .s24_promotion { position: absolute; right: 28px; top: 6px; color: rgb(255, 255, 255); padding-top: 0.5rem; padding-bottom: 0.5rem; } .s24widget .s24_widget_472 .s24_promotion::after { content: "Anzeige"; } .s24widget .s24_widget_472 .s24_privacy_button { background: rgb(242, 242, 242); color: rgb(85, 85, 85); top: 10px; right: 7px; line-height: 15px; border-radius: 100%; } .s24widget .s24_widget_472 .s24_products_direct_wrapper { margin: 0px auto; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .s24widget .s24_widget_472 .s24_products .s24_product_border, .s24widget .s24_widget_472 .s24_products .s24_product_border:hover { border: 2px solid rgb(233, 236, 238); } .s24widget .s24_widget_472 .s24_products .s24_product:last-child { margin-right: 0px; } .s24widget .s24_widget_472 .s24_products .s24_product { min-width: 160px; width: 160px; height: auto; text-align: center; margin: 0px 8px 0px 0px; padding: 10px 10px 74px; box-sizing: content-box; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_product_image { padding: 0px; margin: 0px auto; height: 100px; width: auto; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_product_data { margin: 0px; padding: 5px 0px 0px; height: auto; background-color: rgb(255, 255, 255); text-align: center; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_title { color: rgb(2, 2, 3); font-size: 13px; line-height: 16px; height: 33px; overflow: hidden; text-overflow: inherit; white-space: normal; display: block; font-weight: 300; } .s24widget .s24_widget_472 .s24_prices { float: none; height: auto; width: 100%; margin: 1px 0px 0px; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_price { font-weight: 600; font-size: 16px; line-height: 20px; float: none; display: inline-block; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_price.s24_sale_red { color: rgb(17, 10, 53); float: none; display: inline-block; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_old_price { margin: 2px 0px 0px 5px; float: none; display: inline-block; color: rgb(119, 119, 119); text-decoration: line-through; } .s24widget .s24_widget_472 .s24_shipping_and_shop { float: none; width: 100%; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_shipping { float: none; line-height: 14px; width: 100%; color: rgb(44, 44, 44); text-align: center; } .s24widget .s24_widget_472 .s24_shipping::before { content: "Versand: "; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_sale { display: block; border-radius: 3px; width: auto; height: 20px; line-height: 20px; padding: 0px 5px; text-align: center; background: rgb(17, 10, 53); color: rgb(255, 255, 255); font-size: 11px; font-weight: 600; right: 5px; top: 5px; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_reference_price, .s24widget .s24_widget_472 .s24_products .s24_product .s24_shipping_and_shop .s24_shipping, .s24widget .s24_widget_472 .s24_products .s24_product .s24_shipping_and_shop { display: inline-block; width: auto; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_reference_price::after { content: " |"; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_calltoaction { background: rgb(17, 10, 53); color: rgb(255, 255, 255); border-radius: 2px; font-size: 14px; width: calc(100% - 20px); top: auto; bottom: 10px; height: 48px; line-height: 48px; display: block; font-weight: 700; letter-spacing: 0.2px; } .s24widget .s24_widget_472 .s24_products .s24_product .s24_calltoaction:hover { background-color: rgb(65, 59, 93); } .s24widget .s24_widget_472 .s24_products .s24_product .s24_calltoaction::before, .s24widget .s24_widget_472 .s24_shipping img, .s24widget .s24_widget_472 .s24_products .s24_product .s24_calltoaction div, .s24widget .s24_widget_472 .s24_products .s24_product .s24_shop { display: none; } .s24widget .s24_widget_472 .s24_pagination_left_arrow.s24_floating_arrow, .s24widget .s24_widget_472 .s24_pagination_right_arrow.s24_floating_arrow { top: 38%; } .s24widget .s24_widget_472 .s24_pagination_left_arrow, .s24widget .s24_widget_472 .s24_pagination_right_arrow { background-image: none; background-color: rgb(2, 2, 3); width: 40px; height: 40px; opacity: 1; right: 0px; border-radius: 50%; text-align: center; border: 0px none; } .s24widget .s24_widget_472 .s24_pagination_left_arrow { transform: scaleX(-1); } .s24widget .s24_widget_472 .s24_pagination_left_arrow.s24_floating_arrow { left: 0px; top: 38%; } .s24widget .s24_disabled { display: none; } .s24widget .s24_widget_472 .s24_disabled.s24_pagination_left_arrow, .s24widget .s24_widget_472 .s24_disabled.s24_pagination_right_arrow { background-color: rgb(2, 2, 3); background-image: none; opacity: 1; } .s24widget .s24_widget.s24_modern_browser .s24_enabled.s24_pagination_right_arrow:hover, .s24widget .s24_widget.s24_modern_browser .s24_enabled.s24_pagination_left_arrow:hover { background-color: rgb(65, 59, 93); opacity: 1; } .s24widget .s24_widget_472 .s24_pagination_left_arrow::after, .s24widget .s24_widget_472 .s24_pagination_right_arrow::after { content: ""; background-color: transparent; background-image: url(""); background-position: center center; background-repeat: no-repeat; background-size: 35%; width: 40px; height: 40px; line-height: 40px; display: block; opacity: 1; border-radius: 0px; margin: 0px 0px 0px 2px; } .s24widget .s24_widget_472 .s24_pagination_left_arrow:hover::after, .s24widget .s24_widget_472 .s24_pagination_right_arrow:hover::after { opacity: 1; } .s24widget .s24_widget_472 .s24_disabled.s24_pagination_left_arrow::after, .s24widget .s24_widget_472 .s24_disabled.s24_pagination_right_arrow::after { background-color: transparent; } .s24widget .s24_widget_472 .s24_disabled.s24_pagination_left_arrow, .s24widget .s24_widget_472 .s24_disabled.s24_pagination_right_arrow { opacity: 0.8; } .cp-load-after-post + .taboola-widget { margin-top: 3rem; } p + .cp-load-after-post + .taboola-widget { margin-top: 0px; } .taboola-widget .taboola-desktop { display: none; } @media (min-width: 768px), print { .taboola-widget .taboola-desktop { display: block; } .taboola-widget .taboola-mobile { display: none; } } .entry-content .iframe-container { position: relative; height: 0px; margin-top: 3rem; margin-bottom: 3rem; padding-bottom: 56.25%; overflow: hidden; } .entry-content .iframe-container.iframe-fullheight { height: 1400px; padding-bottom: 0px; overflow-y: scroll; } .entry-content .iframe-container.iframe-fullheight iframe { position: static; } .entry-content .iframe-container iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .entry-content .cmplazypreviewiframe { max-width: 100%; margin-bottom: 1.5rem; background-color: rgb(247, 247, 247) !important; height: auto !important; } .entry-content .cmplazypreviewiframe .cmplazypreviewmsg { width: auto; position: static; transform: none; padding: 2rem 0px 1rem; background-color: rgb(247, 247, 247) !important; } .entry-content .cmplazypreviewiframe .cmplazyhl { font-family: SangBleuKingdom; font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; margin-bottom: 2rem; } .entry-content .cmplazypreviewiframe + .iframe-container { display: none; } .entry-content .cmplazypreviewiframe[style*="none;"] + .iframe-container { display: block; } .ab-modal { display: none; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; position: fixed; z-index: 2; inset: 0px; } .ab-modal.open { display: flex; } .ab-modal .ab-infobox { width: 400px; max-width: 80vw; text-align: center; hyphens: none; transform: none; } .ab-modal .ab-infobox .headline { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; } .ab-modal .ab-infobox * { hyphens: inherit; } .ab-modal .ab-infobox::before, .ab-modal .ab-infobox::after { display: none; } .ab-modal .ab-infobox .button { width: auto; margin: auto 4rem auto auto; text-align: center; } .ab-modal-open { height: 100vh; overflow: hidden; } .ab-modal-open .ab-toc, .ab-modal-open .faz-site-header { display: none; } @media (min-width: 768px), print { .ab-modal .ab-infobox .headline { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } } .faz-banner { width: 100%; margin-top: 1.5rem; margin-bottom: 3rem; } .faz-banner .desktop { display: none; } .faz-banner > .row, .faz-banner .mobile, .faz-banner .desktop { width: inherit; } .faz-banner .img-label { display: block; text-align: right; } .faz-banner img { width: 100% !important; height: auto !important; } @media (min-width: 768px), print { .faz-banner .mobile { display: none; } .faz-banner .desktop { display: block; } } [data-wpr-lazyrender] { content-visibility: visible !important; } :root { --faz-post-grid: 1fr; } @media (min-width: 768px), print { :root { --faz-post-grid: 2.5fr 9.5fr; } } @media (min-width: 1024px) { :root { --faz-post-grid: 2.5fr 7fr 2.5fr; } } @media (min-width: 1540px) { :root { --faz-post-grid: 2.5fr 7fr 2.5fr; } } [data-type="ab_deals"] .faz-post .faz-pill, [data-type="ab_deals"] .faz-post .version { display: none; } .faz-advertorial { padding: 0px 1.25rem 1rem; } .faz-post__image { position: relative; } .faz-post__photocredit, .photocredit { color: rgb(2, 2, 3); font-weight: 300; font-size: 0.625rem; line-height: 1.25rem; letter-spacing: 0.06rem; display: block; position: absolute; bottom: 0px; width: 100%; padding-right: 0.25rem; text-align: right; transform: translateY(1.25rem); } .faz-post .photocredit { position: initial; transform: initial; } .faz-post .photocredit + figcaption { padding-top: 0px; } .faz-post__headline { margin-bottom: 2rem; font-weight: 700; font-size: 2.25rem; line-height: 2.75rem; letter-spacing: 0px; padding: 2.5rem 1.25rem 1rem; hyphens: manual; overflow-wrap: break-word; } .faz-post__teaser { padding: 0px 1.25rem; hyphens: auto; } .faz-post__status { color: rgb(2, 2, 3); font-weight: 500; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; padding: 0px 1.25rem; } .faz-post__author { margin-top: 2rem; margin-bottom: 2rem; padding: 0px 1.25rem; } .faz-post__update { padding: 2rem 1.25rem; background-color: rgb(247, 247, 247); } .faz-author { display: grid; margin-bottom: 1rem; grid-template-columns: auto 1fr; } .faz-author .faz-icon { width: 1rem; min-width: 1rem; height: 1rem; min-height: 1rem; transition: all 0.3s ease 0s; transform: rotate(180deg); } .faz-author__image > img, .ab-team-wrapper .team-member-pic a > img { width: 4rem; height: 4rem; border-radius: 50%; } .faz-author__content { padding-left: 1rem; } .faz-author__content.toggled .faz-icon { transform: rotate(0deg); } .faz-author__name, .ab-team-wrapper .team-member-name a { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 4rem; font-size: 1.125rem; letter-spacing: 0px; } .faz-author__name, .ab-team-wrapper .team-member-name a, .faz-author__name a { color: rgb(2, 2, 3); font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; align-self: center; text-decoration: none; text-transform: uppercase; } .faz-author__teaser { margin-bottom: 2rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .entry-content { font-weight: 300; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; padding: 2rem 1.25rem; } .entry-content p, .entry-content table, .entry-content ul, .entry-content ol { hyphens: auto; } .entry-content .exclude-from-osp-feed { display: inline; } .entry-content > .exclude-from-osp-feed { margin-bottom: 1rem; display: block; } .entry-content p:empty { display: none; } .entry-content table { border-collapse: collapse; } .entry-content table, .entry-content table td, .entry-content table tr { border: 1px solid rgb(170, 170, 170); } .entry-content table td { padding: 0.5rem; } .entry-content table.aligncenter { clear: none; } .entry-content > p { margin-bottom: 1.5rem; } .entry-content > p:last-child { margin-bottom: 0px; } .entry-content ul, .entry-content ol { margin-bottom: 0.5rem; } .entry-content li { margin-top: 0.5rem; } .entry-content > ul, .entry-content > ol { margin-bottom: 1.5rem; padding-left: 2.5rem; } .entry-content > h2:not(.headline--section) { margin-top: 3rem; font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .entry-content > h3:not(.headline--section) { font-weight: 700; font-size: 1.5rem; line-height: 125%; letter-spacing: 0px; } .entry-content > h4:not(.headline--section) { font-weight: 700; font-size: 1.125rem; line-height: 1.3rem; letter-spacing: 0px; } .entry-content .js-section-image { margin-top: 3rem; } @media (min-width: 768px), print { .faz-advertorial { padding: 0px; position: absolute; margin-bottom: 0px; width: 100%; transform: translateY(0.5rem); } .faz-post { display: grid; align-items: start; max-width: 800px; margin: auto; padding: 0px 2.5rem; grid-template-columns: var(--faz-post-grid); grid-template-rows: auto; gap: 4rem 2rem; } .faz-post p + .product-box.product-box--normal, .faz-post p + .product-box.product-box--medium, .faz-post p + .product-box.product-box--multi, .faz-post p + .product-box.product-box--ad { margin-top: 4rem; } .faz-post__status { align-self: end; margin-top: 4rem; margin-bottom: -2.5rem; padding: 0px; grid-column-end: span 2; grid-row-start: 1; font-weight: 500; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; } .faz-post__headline { margin-bottom: -0.5rem; padding: 0px; grid-column-end: span 2; grid-row-start: 2; font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0px; } .faz-post__image { grid-column-start: span 2; grid-row-start: 3; } .faz-post__photocredit, .photocredit { padding: 0px; } .faz-post__teaser { font-weight: 300; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.06rem; padding: 0px 1.5rem 0px 0px; grid-column: 2 / 3; grid-row-start: 4; } .faz-post__teaser p:nth-last-child(-n+1) { margin-bottom: 0px; } .faz-post__author { margin-top: 0px; margin-bottom: 0px; padding: 0px; grid-area: 4 / 1 / 7 / 2; } .faz-post__update { padding: 2.5rem 3rem; margin: 0px 1.5rem 0px 0px; grid-column: 2 / 3; grid-row-start: 5; } .faz-post__author + .faz-post__content { grid-row: 5 / 7; } .faz-post__status + .faz-post__content { grid-row: 5 / 7; } .faz-post__content { display: grid; z-index: 2; align-items: start; grid-area: 6 / 2 / 7 / 3; grid-template-columns: var(--faz-post-grid); gap: 2rem; max-width: 100% !important; } .faz-post__content > .entry-content { min-width: 0px; padding: 0px; overflow: visible; gap: 0px 2rem; grid-column: 1 / 4; grid-template-columns: var(--faz-post-grid); } .faz-post__content > .entry-content > * { grid-column: 2 / 3; width: auto !important; } .faz-post__content > .entry-content > h2:not(.headline--section) { margin-top: 4rem; font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: 0px; } .faz-post__content > .entry-content > h3:not(.headline--section) { font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0px; } .faz-post__content > .entry-content > h4:not(.headline--section) { font-weight: 700; font-size: 1.75rem; line-height: 125%; letter-spacing: 0px; } .faz-post__content > .entry-content > ul, .faz-post__content > .entry-content > ol { padding-left: 4.5rem; } .faz-post__content > .entry-content .js-section-image { margin-top: 4rem; } .faz-post__content--wide { margin-left: calc(-20.8% - 2rem); padding: 0px !important; grid-column: 1 / 3 !important; } .faz-post__content .headline--section { margin-top: 4rem; margin-left: calc(-20.8% - 4.75rem); padding-left: 0px; grid-column: 1 / 3; } .faz-post__content .iframe-container { padding-right: 0px !important; padding-left: 0px !important; } .faz-post__content .product-box--normal { transform: translateX(calc(-20% - 2rem)); grid-column: 1 / 3; width: 130% !important; padding: 0px !important; } .faz-post__content .product-box--ad { transform: translateX(calc(-20% - 2rem)); grid-column: 1 / 3; width: 130% !important; padding: 0px !important; } .faz-post__content .ab-comparison { left: 0px; width: auto; margin-right: calc(25% + 21.75rem - 50vw); margin-left: calc(-20.8% - 4.75rem); padding: 0px; background-color: rgb(255, 255, 255); transform: none; grid-column: 1 / 4; } .faz-post__content .ab-comparison[data-size="1"], .faz-post__content .ab-comparison[data-size="2"], .faz-post__content .ab-comparison[data-size="3"] { margin-right: 0px; margin-left: 0px; align-items: center; display: grid; } .faz-post__content .ab-infobox { float: left; height: fit-content; margin-left: calc(-20.8% - 4.75rem); grid-column: 1 / 2; grid-row-start: span 2; width: calc(20.8% + 2.75rem) !important; } .faz-post__content .ab-pullquote { float: left; height: fit-content; margin-left: calc(-20.8% - 4.75rem); grid-column: 1 / 2; grid-row-start: span 2; width: calc(20.8% + 2.75rem) !important; } .faz-post__content .table-oversize { margin-left: calc(-20.8% - 2rem); grid-column: 1 / 3; width: 126.3% !important; margin-right: 0px !important; } .faz-post__content .js-section-image { margin-left: calc(-20.8% - 2rem); padding: 0px !important; grid-column: 1 / 3 !important; } .faz-post__content figure.alignleft { float: left; padding-right: 3rem !important; } .faz-post__content figure.alignright { float: right; padding-left: 3rem !important; } .faz-post__content figure.aligncenter { float: none; margin-right: auto; margin-left: auto; text-align: left; } .faz-post__content figure.size-ab_content_half { width: calc(50% + 1.5rem) !important; } .faz-post__content figure.size-ab_content_full { padding-right: 3rem !important; padding-left: 3rem !important; } .faz-post__content figure.size-ab_content_full img { width: 100%; } .faz-post__content .ab-guide figure.alignleft { float: left; padding-left: 0px !important; } .faz-post__content .ab-guide figure.alignright { padding-right: 0px !important; } .faz-post__content .ab-guide figure.aligncenter { padding: 0px !important; } .faz-post__content .ab-guide, .faz-post__content .ab-newsletter { padding-left: 3rem !important; padding-right: 3rem !important; } .faz-post__sidebar { opacity: 1; grid-column: 1 / 3; } .faz-post__affbox { z-index: 1; grid-column: 1 / 3; } .faz-post .faz-breadcrumb { margin-top: 0px; } .entry-content { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-author { grid-template-columns: 1fr; } .faz-author + .faz-author { margin-top: 4rem; } .faz-author .faz-icon { display: none; } .faz-author__image > img, .ab-team-wrapper .team-member-pic a > img { width: 7.5rem; height: 7.5rem; border-radius: 50%; } .faz-author__content { padding-left: 0px; } .faz-author__content.toggled .faz-icon { transform: rotate(0deg); } .faz-author__name, .ab-team-wrapper .team-member-name a { height: initial; margin-top: 1.5rem; } .faz-author__name, .ab-team-wrapper .team-member-name a, .faz-author__name a { font-weight: 400; font-size: 1.25rem; line-height: 2rem; letter-spacing: 0px; } .faz-author__teaser { margin-bottom: 0px; line-height: 1.5rem; display: block !important; } } @media (min-width: 1024px) { .faz-post { max-width: 1200px; } .faz-post__headline { font-weight: 700; font-size: 3.5rem; line-height: 4rem; letter-spacing: 0px; } .faz-post__content > .entry-content > * { padding-right: 1.5rem; } .faz-post__content > .entry-content > h2:not(.headline--section) { margin-top: 4rem; } .faz-post__content > .entry-content .js-section-image { margin-top: 4rem; } .faz-post__content--wide { margin-left: calc(-26% - 6rem); margin-right: 1.5rem; } .faz-post__content .headline--section { margin-top: 4rem; margin-left: calc(-26% - 6rem); margin-right: 1.5rem; } .faz-post__content .product-box--normal { width: calc(126.5% + 4rem) !important; transform: translateX(calc(-25.5% - 2rem)); } .faz-post__content .product-box--ad { width: calc(126.5% + 4rem) !important; transform: translateX(calc(-25.5% - 2rem)); } .faz-post__content .ab-comparison { margin-right: calc(25% + 12rem - 50vw); margin-left: calc(-26% - 6rem); } .faz-post__content .ab-infobox { width: calc(26% + 4rem) !important; margin-left: calc(-26.3% - 6rem); } .faz-post__content .ab-pullquote { width: calc(26% + 4rem) !important; margin-left: calc(-26.3% - 6rem); } .faz-post__content .table-oversize { width: calc(126% + 6rem) !important; margin-left: calc(-26% - 6rem); } .faz-post__content .js-section-image { margin-left: calc(-26% - 6rem); margin-right: 1.5rem; } .faz-post__content .ab-guide, .faz-post__content .ab-newsletter { margin-right: 1.5rem; } .faz-post__sidebar { position: sticky; top: 4rem; height: auto; padding-top: 2rem; min-height: calc(-4rem + 100vh); max-height: calc(-4rem + 100vh); overflow: hidden scroll; scroll-behavior: smooth; scrollbar-width: none; background-color: white; transition: all 0.3s ease 0s; will-change: opacity, z-index; grid-area: 4 / 3 / 7 / 4; } .faz-post__sidebar::-webkit-scrollbar { display: none !important; appearance: none !important; width: 0px !important; height: 0px !important; } .faz-post__sidebar.faz-comparison--hide { opacity: 0; transition: all 0.3s ease 0s; } .faz-post__sidebar.faz-comparison--hidden { z-index: -1; } .faz-post__sidebar::after { display: block; z-index: -1; position: fixed; top: 0px; width: 3rem; height: 100vh; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 35%); transform: translateX(-2rem); } .faz-post__affbox { z-index: 1; grid-column: 3 / 4; grid-row-start: 3; } .faz-post .faz-breadcrumb { margin-top: 0px; } .entry-content { font-weight: 300; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.05rem; } .faz-author { grid-template-columns: 1fr; } .faz-author + .faz-author { margin-top: 4rem; } .faz-author .faz-icon { display: none; } .faz-author__image > img, .ab-team-wrapper .team-member-pic a > img { width: 7.5rem; height: 7.5rem; border-radius: 50%; } .faz-author__content { padding-left: 0px; } .faz-author__content.toggled .faz-icon { transform: rotate(0deg); } .faz-author__name, .ab-team-wrapper .team-member-name a { height: initial; margin-top: 1.5rem; } .faz-author__name, .ab-team-wrapper .team-member-name a, .faz-author__name a { font-weight: 400; font-size: 1.25rem; line-height: 2rem; letter-spacing: 0px; } .faz-author__teaser { margin-bottom: 0px; line-height: 1.5rem; display: block !important; } } @media (min-width: 1540px) { .faz-post { max-width: 1200px; } .faz-post__headline { font-weight: 700; font-size: 4rem; line-height: 4.5rem; letter-spacing: 0px; } .faz-post__teaser { padding: 0px 1.5rem; } .faz-post__update { margin: 0px 1.5rem; } .faz-post__content > .entry-content > * { padding-right: 1.5rem; padding-left: 1.5rem; } .faz-post__content > .entry-content > h2:not(.headline--section) { margin-top: 4rem; } .faz-post__content > .entry-content .js-section-image { margin-top: 4rem; } .faz-post__content--wide { margin-right: 1.5rem; margin-left: calc(-26% - 6.5rem); } .faz-post__content .headline--section { margin-top: 4rem; margin-left: calc(-26% - 6.5rem); padding: 0px; } .faz-post__content .product-box--normal { padding: 0px; transform: translateX(calc(-26.1% - 1.65rem)); width: calc(125% + 7rem) !important; } .faz-post__content .product-box--ad { padding: 0px; transform: translateX(calc(-26.1% - 1.65rem)); width: calc(125% + 7rem) !important; } .faz-post__content .ab-comparison { margin-right: calc(25% + 13.75rem - 50vw); margin-left: calc(-26% - 6.5rem); padding: 0px; } .faz-post__content .ab-comparison[data-size="1"], .faz-post__content .ab-comparison[data-size="2"], .faz-post__content .ab-comparison[data-size="3"] { padding: 1.25rem; } .faz-post__content .ab-infobox { width: calc(26% + 4.5rem) !important; margin-left: calc(-26% - 6.5rem); } .faz-post__content .ab-pullquote { width: calc(26% + 4.5rem) !important; margin-left: calc(-26% - 6.5rem); } .faz-post__content .table-oversize { width: calc(126% + 9rem) !important; margin-left: calc(-26% - 9rem); } .faz-post__content .js-section-image { margin-right: 1.5rem; margin-left: calc(-26% - 6.5rem); } .faz-post__content figure.alignleft { padding-left: 1.5rem !important; } .faz-post__content figure.alignright { padding-right: 1.5rem !important; } .faz-post__content figure.size-ab_content_full { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .faz-post__content .ab-guide, .faz-post__content .ab-newsletter { margin-right: 0px; } } @media (min-width: 1540px) { .faz-post { max-width: 1200px; } .faz-post__content > .entry-content > h2:not(.headline--section) { margin-top: 4rem; } .faz-post__content > .entry-content .js-section-image { margin-top: 4rem; } .faz-post__content .headline--section { margin-top: 4rem; } .faz-post__content .table-oversize { width: calc(126% + 11.5rem) !important; margin-left: calc(-26% - 11.5rem); } } @media (min-width: 2000px) { .faz-post { max-width: 1584px; } .faz-post__headline { font-weight: 700; font-size: 4rem; line-height: 4.5rem; letter-spacing: 0px; } .faz-post__teaser { padding: 0px 3rem; } .faz-post__update { margin: 0px 3rem; } .faz-post__content > .entry-content > * { padding-right: 3rem; padding-left: 3rem; } .faz-post__content > .entry-content > h2:not(.headline--section) { margin-top: 6rem; } .faz-post__content > .entry-content .js-section-image { margin-top: 6rem; } .faz-post__content--wide { margin-right: 3rem; margin-left: calc(-26% - 7rem); } .faz-post__content .headline--section { margin-top: 6rem; margin-right: 3rem; margin-left: calc(-26% - 7rem); padding: 0px; } .faz-post__content .product-box--normal { padding: 0px; transform: translateX(calc(-26% - 1.65rem)); width: calc(126.5% + 7rem) !important; } .faz-post__content .product-box--ad { padding: 0px; transform: translateX(calc(-26% - 1.65rem)); width: calc(126.5% + 7rem) !important; } .faz-post__content .ab-comparison { margin-right: calc(25% + 13.75rem - 50vw); margin-left: calc(-26% - 7rem); padding: 0px; } .faz-post__content .ab-comparison[data-size="1"], .faz-post__content .ab-comparison[data-size="2"], .faz-post__content .ab-comparison[data-size="3"] { padding: 2.5rem; } .faz-post__content .ab-infobox { width: calc(26% + 5rem) !important; margin-left: calc(-26% - 7rem); } .faz-post__content .ab-pullquote { width: calc(26% + 5rem) !important; margin-left: calc(-26% - 7rem); } .faz-post__content .js-section-image { margin-right: 3rem; margin-left: calc(-26% - 7rem); } .faz-post__content figure.alignleft { padding-left: 3rem !important; } .faz-post__content figure.alignright { padding-right: 3rem !important; } .faz-post__content figure.size-ab_content_full { padding-right: 3rem !important; padding-left: 3rem !important; } .faz-author__name, .ab-team-wrapper .team-member-name a, .faz-author__name a { font-weight: 400; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0px; } } .wpcf7-form { max-width: 100%; background-color: rgb(247, 247, 247); padding: 2rem 2rem 0px; } .wpcf7-submit { width: 100%; } .wpcf7-quiz { display: inline-block; max-width: 100px; margin-bottom: 2rem; } .wpcf7-quiz-label { display: inline-block; width: auto; margin-right: 1rem; } @media (min-width: 768px), print { .wpcf7-form { max-width: 50%; } } img.alignright { float: right; margin: 0px 0px 1em 1em; } img.alignleft { float: left; margin: 0px 1em 1em 0px; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } p + h1, p + h2, p + h3, p + h4 { margin-top: 3rem; } .ab-team-wrapper { display: grid; align-content: start; height: fit-content; } .ab-team-wrapper .ab_team { display: grid; height: fit-content; margin-top: 3rem; grid-template-columns: 1fr 1fr; gap: 1rem; } .ab-team-wrapper .headline { margin-top: 0px; grid-column-end: span 2; } .ab-team-wrapper .team-member { display: grid; place-content: center; align-items: center; grid-template-columns: 1fr; } .ab-team-wrapper .team-member * { display: flex; justify-content: center; margin: 0px; } .ab-team-wrapper .team-member a { margin-top: 0px; } .ab-team-wrapper .team-member-pic a { padding: 0px; } .ab-team-wrapper .team-member-pic a img { width: 5rem; height: 5rem; } .ab-team-wrapper .team-member-name a { font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.04rem; font-family: SuisseI; text-align: center; hyphens: manual; } .faz-post.page { display: block; max-width: 912px; } .faz-post.page .faz-card__overline { margin-top: 6rem; padding-left: 1.25rem; margin-bottom: 0.5rem; } .faz-post.page .faz-post__content .entry-content .headline:first-child { margin-top: 0px; } .faz-post.page .faz-post__content > .entry-content { padding-top: 0px; } @media (min-width: 768px), print { .faz-post { margin-bottom: 3rem; } .ab-team-wrapper { gap: 2rem; } .ab-team-wrapper .ab_team { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2rem; } .ab-team-wrapper .team-member { display: grid; align-items: center; gap: 1.5rem; grid-template-columns: auto 1fr; } .ab-team-wrapper .team-member * { justify-content: start; } .ab-team-wrapper .headline { text-align: left; grid-column-end: span 4; } .ab-team-wrapper .team-member-name a { text-align: left; } .grid-2 { display: grid; grid-template-columns: 1fr 1fr; } .grid-2 > div:first-child { order: 1; transform: translateY(-6rem); } .faz-post.page .faz-card__overline { padding-left: 0px; } } @media (min-width: 1024px) { .faz-post.page .faz-card__overline { padding-left: 1.5rem; } .faz-post.page .faz-post__content > .entry-content > * { padding-left: 1.5rem; } } .ab-page-pricecompare { margin-bottom: 5rem; } .ab-page-pricecompare .header { margin-top: 6.5rem; } .ab-page-pricecompare .button.button--secondary { background: rgb(225, 0, 0); } .ab-page-pricecompare .button.button--secondary:hover { background: rgb(203, 0, 0); } .ab-page-pricecompare .headline { font-size: 2.5rem; margin-top: 0.5rem; } .ab-page-pricecompare .button:not(.button--ghost) { min-width: auto; width: 100%; font-family: Lato, sans-serif; white-space: nowrap; } .ab-page-pricecompare .button:not(.button--ghost):hover { text-decoration: none; } .ab-page-pricecompare .label { background-color: rgb(225, 0, 0); border-radius: 0.25rem 0.25rem 0px 0px; display: inline-block; padding: 0.25rem 0.5rem; text-transform: uppercase; font-weight: 900; color: rgb(255, 255, 255); letter-spacing: 0.4px; font-size: 0.75rem; line-height: 1.33; } .ab-page-pricecompare .label + .headline { margin-top: 0.75rem; margin-bottom: 1.5rem; } .ab-page-pricecompare .image { text-align: center; margin: auto; } .ab-page-pricecompare .cta { margin-top: 2rem; margin-bottom: 2.5rem; } .ab-page-pricecompare .ctas p { margin-bottom: 1rem; } .ab-page-pricecompare .pro-cons .headline { color: rgb(39, 62, 79); border-bottom: 2px solid rgb(233, 236, 238); display: block; padding-bottom: 0.5rem; font-size: 1.25rem; margin-bottom: 0.5rem; } .ab-page-pricecompare .pro-cons .ab-category { border-color: rgb(233, 236, 238); } .ab-page-pricecompare .pro-cons ul { font-size: 0.875rem; line-height: 1.42857; letter-spacing: 0.2px; } .ab-page-pricecompare .ab-test-pros, .ab-page-pricecompare .ab-test-cons { display: block; list-style: none; margin: 0px; padding: 0px; } .ab-page-pricecompare .ab-test-pros li::before, .ab-page-pricecompare .ab-test-pros li::after, .ab-page-pricecompare .ab-test-cons li::before, .ab-page-pricecompare .ab-test-cons li::after { content: none; } .ab-page-pricecompare .ab-test-pros ul, .ab-page-pricecompare .ab-test-cons ul { padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-top: 1.5rem; margin-bottom: 2rem; } .ab-page-pricecompare .ab-test-pros li, .ab-page-pricecompare .ab-test-cons li { background-image: url("data:image/svg+xml,%3Csvg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='8' cy='8' fill='%2300d764' r='8'/%3E%3Cg fill='%23fff' transform='translate(4 4)'%3E%3Crect height='2' rx='1' width='8' y='3'/%3E%3Crect height='2' rx='1' transform='matrix(0 1 -1 0 8 0)' width='8' y='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 2px; padding-left: 1.5rem; margin-bottom: 0.5rem; overflow-wrap: break-word; padding-bottom: 0.5rem; } .ab-page-pricecompare .ab-test-pros li::first-letter, .ab-page-pricecompare .ab-test-cons li::first-letter { text-transform: capitalize; } .ab-page-pricecompare .ab-test-cons li { background-image: url("data:image/svg+xml,%3Csvg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='8' cy='8' fill='%23e10000' r='8'/%3E%3Crect fill='%23fff' height='2' rx='1' width='8' x='4' y='7'/%3E%3C/g%3E%3C/svg%3E"); } .ab-page-pricecompare .ab-offers-all .headlines { display: none; } .ab-page-pricecompare .ab-offers-all .offer-row.hidden { display: none; } .ab-page-pricecompare .ab-offers-all .offer-row .text-link, .ab-page-pricecompare .ab-offers-all .offer-row .text-link:hover { color: rgb(39, 62, 79); text-decoration: none; } .ab-page-pricecompare .ab-offers-all .offer-row .price .text-link, .ab-page-pricecompare .ab-offers-all .offer-row .price .text-link:hover { color: rgb(51, 51, 51); } .ab-page-pricecompare .offers { margin-top: 4rem; } .ab-page-pricecompare .offer-row-parent { border-bottom: 2px solid rgb(233, 236, 238); padding-bottom: 2rem; margin-bottom: 2rem; display: flex; flex-direction: column; } .ab-page-pricecompare .offer-row-parent [data-toggle] { margin: auto; } .ab-page-pricecompare .offer-row-parent [data-toggle] + .low-priority { padding-top: 1.5rem; } .ab-page-pricecompare .offer-row { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 1rem; } .ab-page-pricecompare .offer-row.low-priority .variant { font-weight: 500; } .ab-page-pricecompare .offer-row.low-priority .price { font-size: 1.75rem; } .ab-page-pricecompare .offer-row:last-child { border-bottom: none; } .ab-page-pricecompare .offer-row .variant { font-size: 1rem; font-weight: 700; line-height: 1.5; color: rgb(39, 62, 79); width: 100%; } .ab-page-pricecompare .offer-row .price { width: 70%; order: 1; text-align: right; margin-bottom: 1.5rem; font-size: 2rem; font-weight: 900; } .ab-page-pricecompare .offer-row .price .shipping { display: block; font-size: 0.75rem; letter-spacing: 0.2px; font-weight: 400; } .ab-page-pricecompare .offer-row .time { margin-top: 1.5rem; letter-spacing: 0.2px; width: 100%; font-size: 0.75rem; font-weight: 400; } .ab-page-pricecompare .offer-row .shop { width: 30%; max-width: 120px; margin-bottom: 1.5rem; padding-top: 0.75rem; } .ab-page-pricecompare .offer-row .link { order: 2; width: 100%; } .ab-page-pricecompare .tech-line { border-bottom: 2px solid rgb(233, 236, 238); } .ab-page-pricecompare .tech-line .headline { font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 700; margin-bottom: 0px; line-height: 1.75; margin-top: 0.75rem; } .ab-page-pricecompare .tech-line .info { font-size: 0.875rem; margin-top: 0.25rem; margin-bottom: 1rem; } .ab-page-pricecompare .hint { font-size: 0.625rem; letter-spacing: 0.4px; font-weight: 700; color: rgb(83, 101, 115); text-align: center; margin-bottom: 5rem; } @media screen and (min-width: 768px) { .ab-page-pricecompare .offer-row-parent [data-toggle] { margin-right: 0px; } .ab-page-pricecompare .offer-row-parent [data-toggle] + .low-priority { padding-top: 0px; } .ab-page-pricecompare .offer-row { align-items: center; } .ab-page-pricecompare .offer-row.low-priority .variant { padding-top: 1rem; } .ab-page-pricecompare .offer-row.low-priority .variant, .ab-page-pricecompare .offer-row.low-priority .time { padding-left: 120px; text-align: right; } .ab-page-pricecompare .offer-row .price { width: 33.33%; margin-bottom: 0px; } .ab-page-pricecompare .offer-row .shop { margin-bottom: 0px; width: 33.33%; } .ab-page-pricecompare .offer-row .link { width: 33.33%; } } @media screen and (min-width: 1024px) { .ab-page-pricecompare { margin-bottom: 8rem; } .ab-page-pricecompare .button.button--secondary { width: auto; } .ab-page-pricecompare .label { font-size: 0.875rem; padding: 0.5rem 0.75rem; } .ab-page-pricecompare .cta { display: block; } .ab-page-pricecompare .header { max-width: calc(83.33% - 3rem); margin-left: calc(8.33333% + 1.5rem); margin-top: 0px; } .ab-page-pricecompare .header > * { float: right; width: calc(60% - 1rem); } .ab-page-pricecompare .header .image { width: calc(40% - 1rem); float: left; } .ab-page-pricecompare .header .pro-cons, .ab-page-pricecompare .header .ctas { display: flex; justify-content: space-between; } .ab-page-pricecompare .header .pro-cons > *, .ab-page-pricecompare .header .ctas > * { width: calc(50% - 1.5rem); } .ab-page-pricecompare .header .pro-cons p, .ab-page-pricecompare .header .ctas p { margin-bottom: 0px; } .ab-page-pricecompare .header .pro-cons ul { margin-bottom: 0.5rem; } .ab-page-pricecompare .header .headline { margin-top: 0px; margin-bottom: 1.5rem; } .ab-page-pricecompare .header .label + .headline { margin-top: 1rem; } .ab-page-pricecompare .header .cta { margin-top: 0px; margin-bottom: 3rem; } .ab-page-pricecompare .offer-row-parent { border-bottom: 2px solid rgb(233, 236, 238); padding-bottom: 0.5rem; margin-bottom: 0px; } .ab-page-pricecompare .offer-row-parent [data-toggle] { margin-bottom: 1rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) { margin-bottom: 5rem; max-width: calc(100% - 3rem); margin-left: 1.5rem; width: 100%; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row { display: flex; margin-bottom: 0px; align-items: center; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines.hidden, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row.hidden { display: none; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(1), .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(1) { width: calc(30% - 2rem); } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(2), .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(2) { width: calc(25% - 3rem); margin-left: 3rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(3), .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(3) { width: calc(14% - 2rem); margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(4), .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(4) { width: calc(12% - 2rem); max-width: none; margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(5), .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(5) { width: 19%; margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines > :nth-child(5) .button, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row > :nth-child(5) .button { width: 100%; max-width: 12rem; float: right; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines { border-bottom: 2px solid rgb(233, 236, 238); padding-top: 0.5rem; padding-bottom: 0.5rem; position: sticky; top: 5rem; z-index: 1; background: rgb(255, 255, 255); } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines * { font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 700; margin-bottom: 0px; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row { padding-top: 1.5rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row.low-priority .variant { padding-top: 0px; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row.low-priority .variant, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row.low-priority .time { padding-left: 0px; text-align: left; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .price { text-align: left; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .shop { margin-bottom: 0px; padding-top: 0.25rem; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .price, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .time { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; } .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .price, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .time, .ab-page-pricecompare .ab-offers-all:not(.ab-category) .offer-row .link { order: 0; } .ab-page-pricecompare .offer.offer-error { margin-top: 0.5rem; } .ab-page-pricecompare .hint { max-width: calc(66.66% - 3rem); margin-left: calc(16.6667% + 1.5rem); } .ab-page-pricecompare .ab-offers-all, .ab-page-pricecompare .tech-line-outer { margin-top: 3rem; } .ab-page-pricecompare .tech-line-outer:not(.ab-category) { display: flex; justify-content: space-between; max-width: calc(100% - 3rem); margin-left: 1.5rem; width: 100%; flex-wrap: wrap; } .ab-page-pricecompare .tech-line-outer:not(.ab-category) > * { width: calc(50% - 2rem); } .ab-page-pricecompare .tech-line-outer:not(.ab-category) .tech-line { display: flex; justify-content: space-between; } .ab-page-pricecompare .tech-line-outer:not(.ab-category) .headline { margin-top: 1.125rem; width: 35%; } .ab-page-pricecompare .tech-line-outer:not(.ab-category) .info { width: 65%; margin-top: 1rem; margin-bottom: 1rem; } .ab-page-pricecompare .tech-line:nth-child(1), .ab-page-pricecompare .tech-line:nth-child(2) { border-top: 2px solid rgb(233, 236, 238); } } @media screen and (min-width: 1280px) { .ab-page-pricecompare { padding-top: 3rem; } .ab-page-pricecompare .header { max-width: calc(75% - 3rem); margin-left: calc(16.6667% + 1.5rem); } .ab-page-pricecompare .ab-offers-all:not(.ab-category), .ab-page-pricecompare .tech-line-outer:not(.ab-category) { max-width: calc(83.33% - 3rem); margin-left: calc(8.33333% + 1.5rem); } .ab-page-pricecompare .hint { max-width: calc(50% - 3rem); margin-left: calc(25% + 1.5rem); } } .ab-page-pricecompare { max-width: 1200px; margin-bottom: 5rem; padding-right: 1.25rem; padding-left: 1.25rem; } .ab-page-pricecompare .container { margin-top: 3rem; } .ab-page-pricecompare .row { display: flow-root; } .ab-page-pricecompare .header { margin-top: 3rem; } .ab-page-pricecompare button.faz-button { text-align: right; padding-right: 4rem; } .ab-page-pricecompare button.faz-button--ghost-chevron-up, .ab-page-pricecompare button.faz-button--ghost-chevron-down { padding-right: 1.5rem; padding-left: 1.5rem; position: relative; text-align: left; width: auto; margin-top: 1rem !important; } .ab-page-pricecompare button.faz-button--ghost-chevron-up::before, .ab-page-pricecompare button.faz-button--ghost-chevron-down::before { position: absolute; right: 0px; transform: rotate(90deg) translateY(0px); margin-right: 0px; } .ab-page-pricecompare button.faz-button--ghost-chevron-up::before { transform: rotate(270deg) translateY(0px); } .ab-page-pricecompare .headline { margin-top: 0.5rem; color: rgb(2, 2, 3); font-family: SangBleuKingdom; } .ab-page-pricecompare .label { display: inline-block; padding: 0.25rem 0.5rem; border-radius: 0px; text-transform: uppercase; background-color: rgb(140, 116, 33); margin-bottom: 1rem; font-weight: 600; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .ab-page-pricecompare .label + .headline { margin-top: 0.75rem; margin-bottom: 1.5rem; } .ab-page-pricecompare .image { margin: auto; text-align: center; } .ab-page-pricecompare .cta { margin-top: 2rem; margin-bottom: 2.5rem; } .ab-page-pricecompare .ctas p { margin-bottom: 1rem; } .ab-page-pricecompare .pro-cons .headline { color: rgb(2, 2, 3); display: block; margin-bottom: 0.5rem; padding-bottom: 0.5rem; } .ab-page-pricecompare .pro-cons ul { line-height: 1.42857; letter-spacing: 0.2px; } .ab-page-pricecompare #productinfos .headline { font-weight: 700; font-size: 1.25rem; line-height: 125%; letter-spacing: 0px; } .ab-page-pricecompare .ab-test-pros, .ab-page-pricecompare .ab-test-cons { color: rgb(2, 2, 3); font-weight: 400; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-page-pricecompare .ab-test-pros li, .ab-page-pricecompare .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0.25rem; padding-left: 1.5rem; word-break: break-word; hyphens: auto; background-repeat: no-repeat; background-position: left top -1px; padding-bottom: 0.25rem; } .ab-page-pricecompare .ab-test-pros li::first-letter, .ab-page-pricecompare .ab-test-cons li::first-letter { text-transform: capitalize; } .ab-page-pricecompare .ab-test-cons li { background-image: url("data:image/svg+xml,"); background-size: 1rem; display: block; margin-bottom: 0.5rem; padding-bottom: 0.25rem; padding-left: 1.5rem; overflow-wrap: break-word; background-repeat: no-repeat; background-position: left top -1px; } .ab-page-pricecompare .ab-offers-all { margin-top: 2rem; } .ab-page-pricecompare .ab-offers-all .headlines { display: none; } .ab-page-pricecompare .ab-offers-all .offer-row.hidden { display: none; } .ab-page-pricecompare .ab-offers-all .offer-row .text-link, .ab-page-pricecompare .ab-offers-all .offer-row .text-link:hover { text-decoration: none; display: inline-block; } .ab-page-pricecompare .ab-offers-all .offer-row .price .text-link, .ab-page-pricecompare .ab-offers-all .offer-row .text-link { color: rgb(17, 10, 53); font-weight: 600; } @media (hover: hover) { .ab-page-pricecompare .ab-offers-all .offer-row .price .text-link:hover, .ab-page-pricecompare .ab-offers-all .offer-row .text-link:hover { color: rgb(65, 59, 93); } } .ab-page-pricecompare .offers { margin-top: 4rem; } .ab-page-pricecompare .offer-row-parent { display: flex; flex-direction: column; width: 100%; margin-bottom: 2rem; padding-bottom: 2rem; } .ab-page-pricecompare .offer-row-parent [data-toggle] { margin: auto; } .ab-page-pricecompare .offer-row-parent [data-toggle] + .low-priority { padding-top: 1.5rem; } .ab-page-pricecompare .offer-row { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding-bottom: 1rem; } .ab-page-pricecompare .offer-row:last-child { border-bottom: none; } .ab-page-pricecompare .offer-row .variant { width: 100%; line-height: 1.3; text-transform: uppercase; } .ab-page-pricecompare .offer-row .price { font-weight: 300; font-size: 1.75rem; line-height: 2.5rem; letter-spacing: 0.06rem; position: relative; order: 1; width: 70%; margin-bottom: 1.5rem; text-align: right; padding-top: 0.75rem; } .ab-page-pricecompare .offer-row .price .shipping { display: block; font-weight: 300; font-size: 0.75rem; letter-spacing: 0.06rem; line-height: 125% !important; } .ab-page-pricecompare .offer-row .time { width: 100%; margin-top: 1.5rem; font-weight: 300; font-size: 0.75rem; letter-spacing: 0.06rem; line-height: 125% !important; } .ab-page-pricecompare .offer-row .shop { width: 30%; max-width: 120px; margin-bottom: 1.5rem; padding-top: 0.75rem; } .ab-page-pricecompare .offer-row .shop a { font-weight: 300; font-size: 1rem; line-height: 130%; letter-spacing: 0.04rem; text-decoration: none; } .ab-page-pricecompare .offer-row .shop img { max-height: 3rem; } .ab-page-pricecompare .offer-row .link { order: 2; width: 100%; } .ab-page-pricecompare .offer-row .link .faz-button { width: 100%; } .ab-page-pricecompare .tech-line .headline { font-weight: 600; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: 0.06rem; font-family: SuisseI; margin-top: 0.75rem; text-transform: uppercase; margin-bottom: 0px !important; } .ab-page-pricecompare .tech-line .info { margin-top: 0.25rem; margin-bottom: 1rem; } .ab-page-pricecompare .hint { margin-bottom: 5rem; color: rgb(2, 2, 3); text-align: center; font-weight: 300; font-size: 0.875rem; line-height: 125%; letter-spacing: 0.06rem; } .ab-page-pricecompare .label--prime-deal { position: absolute; top: -1.35rem; left: 0px; } @media (min-width: 768px), print { .ab-page-pricecompare { padding-right: 2.5rem; padding-left: 2.5rem; } .ab-page-pricecompare .offer-row-parent [data-toggle] { margin-right: 0px; } .ab-page-pricecompare .offer-row-parent [data-toggle] + .low-priority { padding-top: 0px; } .ab-page-pricecompare .offer-row { align-items: center; } .ab-page-pricecompare .offer-row.low-priority .variant { padding-top: 1rem; } .ab-page-pricecompare .offer-row.low-priority .variant, .ab-page-pricecompare .offer-row.low-priority .time { padding-left: 120px; text-align: right; } .ab-page-pricecompare .offer-row .price { font-size: 2rem; padding-top: 0px; width: 33.33%; margin-bottom: 0px; } .ab-page-pricecompare .offer-row .price .shipping { font-weight: 300; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .ab-page-pricecompare .offer-row .time { font-weight: 300; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .ab-page-pricecompare .offer-row .shop { width: 33.33%; margin-bottom: 0px; } .ab-page-pricecompare .offer-row .link { width: 33.33%; } } @media (min-width: 1024px) { .ab-page-pricecompare .ab-offers-all:not(.ab-category) .headlines * { font-weight: 600; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; } .ab-page-pricecompare { margin-bottom: 8rem; } .ab-page-pricecompare .label { padding: 0.5rem 0.75rem 0.25rem; } .ab-page-pricecompare .cta { display: block; } .ab-page-pricecompare .header { margin-top: 0px; } .ab-page-pricecompare .header > * { float: right; width: calc(60% - 1rem); } .ab-page-pricecompare .header .image { float: left; width: calc(40% - 1rem); } .ab-page-pricecompare .header .pro-cons, .ab-page-pricecompare .header .ctas { display: flex; justify-content: space-between; } .ab-page-pricecompare .header .pro-cons > *, .ab-page-pricecompare .header .ctas > * { width: calc(50% - 1.5rem); } .ab-page-pricecompare .header .pro-cons p, .ab-page-pricecompare .header .ctas p { margin-bottom: 0px; } .ab-page-pricecompare .header .pro-cons ul { margin-bottom: 0.5rem; } .ab-page-pricecompare .header .headline { margin-top: 0px; margin-bottom: 1.5rem; } .ab-page-pricecompare .header .label + .headline { margin-top: 1rem; } .ab-page-pricecompare .header .cta { margin-top: 0px; margin-bottom: 3rem; } .ab-page-pricecompare .offer-row-parent { margin-bottom: 0px; padding-bottom: 0.5rem; } .ab-page-pricecompare .offer-row-parent [data-toggle] { margin-bottom: 1rem; } .ab-page-pricecompare .ab-offers-all { width: 100%; margin-bottom: 5rem; max-width: initial !important; margin-left: 0px !important; } .ab-page-pricecompare .ab-offers-all .headlines, .ab-page-pricecompare .ab-offers-all .offer-row { display: flex; align-items: center; width: 100%; margin-bottom: 0px; } .ab-page-pricecompare .ab-offers-all .headlines.hidden, .ab-page-pricecompare .ab-offers-all .offer-row.hidden { display: none; } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(1), .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(1) { width: calc(30% - 2rem); } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(2), .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(2) { width: calc(25% - 3rem); margin-left: 3rem; } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(3), .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(3) { width: calc(14% - 2rem); margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(4), .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(4) { width: calc(12% - 2rem); max-width: none; margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(5), .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(5) { width: 19%; margin-left: 2rem; } .ab-page-pricecompare .ab-offers-all .headlines > :nth-child(5) .faz-button, .ab-page-pricecompare .ab-offers-all .offer-row > :nth-child(5) .faz-button { float: right; width: 100%; max-width: 12rem; } .ab-page-pricecompare .ab-offers-all .headlines { z-index: 1; position: sticky; top: 5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; background: rgb(255, 255, 255); } .ab-page-pricecompare .ab-offers-all .headlines * { margin-bottom: 0px; text-transform: uppercase; letter-spacing: 0.4px; } .ab-page-pricecompare .ab-offers-all .offer-row { padding-top: 1.5rem; } .ab-page-pricecompare .ab-offers-all .offer-row.low-priority .variant { padding-top: 0px; } .ab-page-pricecompare .ab-offers-all .offer-row.low-priority .variant, .ab-page-pricecompare .ab-offers-all .offer-row.low-priority .time { padding-left: 0px; text-align: left; } .ab-page-pricecompare .ab-offers-all .offer-row .price { text-align: left; } .ab-page-pricecompare .ab-offers-all .offer-row .shop { margin-bottom: 0px; padding-top: 0.25rem; } .ab-page-pricecompare .ab-offers-all .offer-row .price, .ab-page-pricecompare .ab-offers-all .offer-row .time { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; } .ab-page-pricecompare .ab-offers-all .offer-row .price, .ab-page-pricecompare .ab-offers-all .offer-row .time, .ab-page-pricecompare .ab-offers-all .offer-row .link { order: 0; } .ab-page-pricecompare .offer.offer-error { margin-top: 0.5rem; } .ab-page-pricecompare .ab-offers-all, .ab-page-pricecompare .tech-line-outer { margin-top: 3rem; } .ab-page-pricecompare .tech-line-outer { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: initial !important; margin: 0px !important; } .ab-page-pricecompare .tech-line-outer > * { width: calc(50% - 2rem); } .ab-page-pricecompare .tech-line-outer .tech-line { display: flex; justify-content: space-between; } .ab-page-pricecompare .tech-line-outer .headline { font-weight: 600; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.06rem; font-family: SuisseI; } .ab-page-pricecompare .tech-line-outer .info { width: 65%; margin-top: 1rem; margin-bottom: 1rem; } } @media (min-width: 1540px) { .ab-page-pricecompare { padding-top: 3rem; } } .version { position: fixed; bottom: 1rem; right: 1rem; opacity: 0.5; z-index: 2; } :root { --ep-c-white: #fff; --ep-c-medium-white: #eee; --ep-c-white-gray: #ccc; --ep-c-white-red: #ffe8ed; --ep-c-white-yellow: #fdeeca; --ep-c-medium-gray: #626262; --ep-c-light-gray: #999; --ep-c-black: #000; --ep-c-medium-red: #d73c38; --ep-c-dark-red: #b93431; --ep-c-medium-dark-blue: #0073aa; --ep-status-ok: #6aa000; --ep-status-warning: #e3e600; --ep-status-error: red; } .ep-autosuggest-container { position: relative; } .ep-autosuggest-container .ep-autosuggest { background: var(--ep-c-white); border: 1px solid var(--ep-c-white-gray); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; display: none; position: absolute; width: 100%; z-index: 200; } .ep-autosuggest-container .ep-autosuggest > ul { list-style: none; margin: 0px !important; } .ep-autosuggest-container .ep-autosuggest > ul > li { font-family: sans-serif; } .ep-autosuggest-container .ep-autosuggest > ul > li > a.autosuggest-link { color: var(--ep-c-black); cursor: pointer; display: block; padding: 2px 10px; } .ep-autosuggest-container .ep-autosuggest > ul > li > a.autosuggest-link:active { background-color: var(--ep-c-medium-white); text-decoration: none; } .ep-autosuggest-container .ep-autosuggest > ul > li > a.autosuggest-link:hover { background-color: var(--ep-c-medium-white); text-decoration: none; } .ep-autosuggest-container .selected { background-color: var(--ep-c-medium-white); text-decoration: none; } #comments { max-width: 1100px; margin: 50px auto; color: rgb(51, 51, 51); font-style: normal; } #comments p, #respond p { float: none !important; } #wpdcom { max-width: 750px; padding: 0px; margin: 7px auto 15px; } #wpdcom * { box-sizing: border-box; line-height: initial; } #wpdcom i { margin: 0px; } #comments #wpdcom span, #respond #wpdcom span, #wpdcom span { display: inline; letter-spacing: inherit; text-transform: none; font-size: 1em; } #comments #wpdcom .wpdiscuz-embed-wrapper .fb_iframe_widget > span { display: inline-block; } #wpdcom form { margin: 0px; padding: 0px; border: none; background: none; } #wpdcom input:required { box-shadow: rgb(85, 85, 85) 0px 0px 1px; } #wpdcom button { min-width: auto; min-height: auto; display: inline-block; font-weight: normal; text-transform: none; } #wpdcom svg { display: inline; } #wpdcom .wpd-cursor-pointer { cursor: pointer; } #wpdcom .avatar { padding: 0px; margin: 0px auto; float: none; display: inline; height: auto; border: none; border-radius: 0%; box-shadow: none; } #wpdcom .page-numbers { padding: 2px 7px; font-size: 14px; margin: 20px 1px; line-height: 33px; background: rgb(255, 255, 255); } #wpdcom span.current { color: rgb(255, 255, 255); } #wpdcom .wc-label a:focus { outline: 0px; } #wpdcom .wpdiscuz-hidden { display: none; } #wpdcom .wpd-clear, #wpdcom .clearfix, .wpdiscuz_top_clearing, .wpdiscuz_clear { clear: both; } .wpdiscuz_clear_right { clear: right; } .wpdiscuz_clear_left { clear: left; } #wpdcom .wpd-space { flex-grow: 1; } #wpdcom .wpd-hidden { visibility: hidden; opacity: 0; transition: visibility 0s ease 0s, opacity 0.5s linear 0s; } #wpdcom .wpd-up { color: rgb(0, 145, 73) !important; } #wpdcom .wpd-up svg { fill: rgb(0, 145, 73) !important; } #wpdcom .wpd-down { color: rgb(252, 88, 68) !important; } #wpdcom .wpd-down svg { fill: rgb(252, 88, 68) !important; } #wpdcom .wpd-reply { margin-left: 25px; } #wpdcom .wpd-reply.wpd_comment_level-2 { margin-left: 70px; } #wpdcom.wpd-layout-2 .wpd-reply { margin-left: 40px; } #wpdcom.wpd-layout-2 .wpd-reply.wpd_comment_level-2 { margin-left: 28px; } #wpdcom.wpd-layout-3 .wpd-reply { margin-left: 45px; } #wpdcom.wpd-layout-3 .wpd-reply.wpd_comment_level-2 { margin-left: 62px; } #wpdcom .wpdlb { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; } .wpd-tooltip { position: relative; overflow: hidden; } .wpd-tooltip:hover { overflow: visible; } .wpd-tooltip:hover .wpd-tooltip-content { opacity: 1; } .wpd-tooltip .wpd-tooltip-content { background: rgb(85, 85, 85); border-radius: 5px; box-sizing: border-box; color: rgb(255, 255, 255); font-size: 14px; max-width: 200px; min-width: 145px; padding: 10px; position: absolute; opacity: 0; } .wpd-tooltip .wpd-tooltip-content a { color: rgb(255, 255, 255); text-decoration: none; } .wpd-tooltip .wpd-tooltip-content::after { background: rgb(85, 85, 85); content: ""; height: 10px; position: absolute; transform: rotate(45deg); width: 10px; } .wpd-tooltip.wpd-top .wpd-tooltip-content { bottom: calc(100% + 0.3em); left: 50%; transform: translateX(-50%); } .wpd-tooltip.wpd-top .wpd-tooltip-content::after { bottom: -5px; left: 50%; margin-left: -5px; } .wpd-tooltip.wpd-bottom .wpd-tooltip-content { bottom: calc(-100% - 1.8em); left: 50%; transform: translateX(-50%); } .wpd-tooltip.wpd-bottom .wpd-tooltip-content::after { top: -5px; } .wpd-tooltip.wpd-right .wpd-tooltip-content { left: calc(100% + 1.5em); top: 50%; transform: translateY(-50%); } .wpd-tooltip.wpd-right .wpd-tooltip-content::after { left: -5px; margin-top: -5px; top: 50%; } .wpd-tooltip.wpd-left .wpd-tooltip-content { right: calc(100% + 1.5em); top: 50%; transform: translateY(-50%); } .wpd-tooltip.wpd-left .wpd-tooltip-content::after { right: -5px; margin-top: -5px; top: 50%; } [wpd-tooltip] { position: relative; } [wpd-tooltip]::before { content: ""; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); border-width: 7px 7px 0px; border-style: solid; border-color: rgb(85, 85, 85) transparent transparent; z-index: 100; opacity: 0; } [wpd-tooltip]::after { content: attr(wpd-tooltip); position: absolute; left: 50%; top: -8px; transform: translateX(-50%) translateY(-100%); background: rgb(85, 85, 85); text-align: center; color: rgb(255, 255, 255); padding: 8px 10px; font-size: 11px; line-height: 1.5; min-width: 6vw; border-width: 0px; border-radius: 4px; pointer-events: none; z-index: 99; opacity: 0; text-transform: none; } [wpd-tooltip]:hover::after, [wpd-tooltip]:hover::before { opacity: 1; transition: all 0.4s ease-in-out 0s; } [wpd-tooltip-size="small"]::after { min-width: 5vw; } [wpd-tooltip-size="medium"]::after { min-width: 10vw; } [wpd-tooltip-size="long"]::after { min-width: 14vw; } [wpd-tooltip-position="left"]::before { left: 0%; top: 50%; margin-left: -11px; transform: translateY(-50%) rotate(-90deg); } [wpd-tooltip-position="top"]::before { left: 50%; } [wpd-tooltip-position="bottom"]::before { top: 100%; margin-top: 8px; transform: translateX(-50%) translateY(-100%) rotate(-180deg); } [wpd-tooltip-position="right"]::before { left: 100%; top: 50%; margin-left: 0px; transform: translateY(-50%) rotate(90deg); } [wpd-tooltip-position="left"]::after { left: 0%; top: 50%; margin-left: -8px; transform: translateX(-100%) translateY(-50%); } [wpd-tooltip-position="top"]::after { left: 50%; } [wpd-tooltip-position="bottom"]::after { top: 100%; margin-top: 8px; transform: translateX(-50%) translateY(0%); } [wpd-tooltip-position="right"]::after { left: 100%; top: 50%; margin-left: 9px; transform: translateX(0%) translateY(-50%); } #wpdcom div.wpd-field-desc { position: relative; display: inline; } #wpdcom div.wpd-field-desc span { position: absolute; width: 200px; color: rgb(255, 255, 255); background: rgb(85, 85, 85); height: auto; line-height: 17px; padding: 8px 10px; text-align: center; visibility: hidden; border-radius: 6px; left: -150px; font-size: 12px !important; } #wpdcom div.wpd-field-desc span::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -4px; width: 0px; height: 0px; border-top: 8px solid rgb(85, 85, 85); border-right: 8px solid transparent; border-left: 8px solid transparent; } #wpdcom div:hover.wpd-field-desc span { visibility: visible; opacity: 1; bottom: 34px; left: 50%; margin-left: -100px; z-index: 999999; } #wpdcom div:hover.wpd-tooltip { position: relative; } #wpdcom span.wpd-field-desc { position: relative; display: inline; } #wpdcom span.wpd-field-desc span { position: absolute; width: 200px; color: rgb(255, 255, 255); background: rgb(85, 85, 85); height: auto; line-height: 17px; padding: 8px 10px; font-size: 12px; text-align: center; visibility: hidden; border-radius: 6px; left: -150px; } #wpdcom span.wpd-field-desc span::after { content: ""; position: absolute; top: 100%; left: 50%; width: 0px; height: 0px; border-top: 8px solid rgb(85, 85, 85); border-right: 8px solid transparent; border-left: 8px solid transparent; } #wpdcom span:hover.wpd-field-desc span { visibility: visible; opacity: 1; bottom: 38px; left: 50%; margin-left: -105px; z-index: 999999; } @font-face { font-family: square721_cn_btroman; src: url("") format("woff2"), url("") format("woff"), url("") format("truetype"); font-display: swap; } #wpd-post-rating { display: flex; flex-flow: wrap; justify-content: center; align-items: center; width: 100%; margin-top: 20px; margin-bottom: 30px; } #wpd-post-rating .wpd-rating-wrap { width: 30%; display: flex; flex-flow: row; place-content: center; align-items: center; text-align: center; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-left { flex-grow: 1; height: 1px; border-bottom: 1px dashed rgb(153, 153, 153); margin-right: -10px; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-right { flex-grow: 1; height: 1px; border-bottom: 1px dashed rgb(153, 153, 153); margin-left: -10px; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-data { width: 125px; white-space: nowrap; text-align: center; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-title { width: 125px; white-space: break-spaces; word-break: break-all; font-size: 12px; letter-spacing: 0.5px; color: rgb(136, 136, 136); line-height: 16px; display: block; margin-top: 7px; margin-bottom: -3px; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-value { transition: all 0.2s ease 0s; background-color: rgb(255, 255, 255); border: 1px dashed rgb(119, 119, 119); height: 60px; width: 60px; text-align: center; border-radius: 50%; font-family: square721_cn_btroman, "Open Sans", san-serif; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-value span { color: rgb(102, 102, 102); cursor: default; display: block !important; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrv { font-size: 24px !important; line-height: 60px !important; padding-top: 0px !important; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrc { font-size: 18px !important; line-height: 16px !important; display: none !important; padding-top: 17px !important; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrt { font-style: normal; font-family: Arial, sans-serif; font-size: 10px !important; line-height: 16px !important; display: none !important; padding-top: 0px !important; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrv { display: none !important; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrc, #wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrt { color: rgb(255, 255, 255); transition: all 0.8s ease 0s; display: block !important; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover { background-color: rgb(85, 85, 85); transition: all 0.5s ease 0s; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-stars { margin-top: 7px; display: flex; flex-flow: row; justify-content: center; } #wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg { width: 26px; height: 26px; display: block; margin-right: -3px; } #wpd-post-rating.wpd-not-rated .wpd-rating-wrap .wpd-rating-data:hover .wpd-rating-stars { display: none; } #wpd-post-rating.wpd-not-rated .wpd-rating-wrap .wpd-rating-data:hover .wpd-rate-starts { display: flex; } #wpd-post-rating .wpd-rating-wrap .wpd-rate-starts { display: none; margin-top: 7px; flex-flow: row; justify-content: center; } #wpd-post-rating .wpd-rating-wrap .wpd-rate-starts svg { width: 26px; height: 26px; display: block; margin-right: -3px; } .wpd-rating { display: flex; flex-flow: wrap; justify-content: center; align-items: center; width: 100%; margin-top: 20px; margin-bottom: 30px; } .wpd-rating .wpd-rating-wrap { width: 30%; display: flex; flex-flow: row; place-content: center; align-items: center; text-align: center; } .wpd-rating .wpd-rating-wrap .wpd-rating-left { flex-grow: 1; height: 1px; border-bottom: 1px dashed rgb(153, 153, 153); margin-right: -10px; } .wpd-rating .wpd-rating-wrap .wpd-rating-right { flex-grow: 1; height: 1px; border-bottom: 1px dashed rgb(153, 153, 153); margin-left: -10px; } .wpd-rating .wpd-rating-wrap .wpd-rating-data { width: 125px; white-space: nowrap; text-align: center; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; } .wpd-rating .wpd-rating-wrap .wpd-rating-title { width: 125px; white-space: break-spaces; word-break: break-all; font-size: 12px; letter-spacing: 0.5px; color: rgb(136, 136, 136); line-height: 16px; display: block; margin-top: 7px; margin-bottom: -3px; } .wpd-rating .wpd-rating-wrap .wpd-rating-value { transition: all 0.2s ease 0s; background-color: rgb(255, 255, 255); border: 1px dashed rgb(119, 119, 119); height: 60px; width: 60px; text-align: center; border-radius: 50%; font-family: square721_cn_btroman, "Open Sans", san-serif; } .wpd-rating .wpd-rating-wrap .wpd-rating-value span { color: rgb(102, 102, 102); cursor: default; display: block !important; } .wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrv { font-size: 24px !important; line-height: 60px !important; padding-top: 0px !important; } .wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrc { font-size: 18px !important; line-height: 16px !important; display: none !important; padding-top: 17px !important; } .wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrt { font-style: normal; font-family: Arial, sans-serif; font-size: 10px !important; line-height: 16px !important; display: none !important; padding-top: 0px !important; } .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrv { display: none !important; } .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrc, .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrt { transition: all 0.8s ease 0s; display: block !important; color: rgb(255, 255, 255) !important; } .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover { background-color: rgb(85, 85, 85); transition: all 0.5s ease 0s; } .wpd-rating .wpd-rating-wrap .wpd-rating-stars { margin-top: 7px; display: flex; flex-flow: row; justify-content: center; } .wpd-rating .wpd-rating-wrap .wpd-rating-stars svg { width: 26px; height: 26px; display: block; margin-right: -3px; } .wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-star { fill: rgb(204, 204, 204); } .wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-active { fill: rgb(255, 198, 0); } .wpd-rating .wpd-rating-wrap .wpd-rating-name { font-size: 12px; padding-top: 5px; color: rgb(153, 153, 153); display: none; } #wpdcom .wpd-form-head { border-bottom: 1px solid rgb(204, 204, 204); padding: 7px 2px 9px; margin-top: 20px; margin-bottom: 5px; display: flex; flex-flow: wrap; justify-content: space-between; } #wpdcom .wpd-sbs-toggle { color: rgb(102, 102, 102); font-size: 14px; line-height: 20px; cursor: pointer; } #wpdcom .wpd-sbs-toggle i.fa-envelope { font-size: 15px; margin-right: 4px; } #wpdcom .wpd-sbs-toggle i.fa-caret-down { font-size: 16px; margin-left: 4px; color: rgb(102, 102, 102); } #wpdcom .wpd-sbs-toggle .wpd-sbs-title { font-size: 15px; } #wpdcom .wpd-auth { display: flex; flex-direction: row; justify-content: flex-end; } #wpdcom .wpd-social-login { text-align: right; } #wpdcom .wpd-social-login .wpd-connect-with { line-height: 20px; margin: 0px 9px; vertical-align: baseline; color: rgb(102, 102, 102); font-size: 14px !important; } #wpdcom .wpd-social-login i { opacity: 0.8; cursor: pointer; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; margin: 0px 2px; } #wpdcom .wpd-social-login i svg { fill: rgb(255, 255, 255); width: 15px; height: 15px; } #wpdcom .wpd-social-login i:hover { opacity: 1; } #wpdcom .wpd-social-login .wpdsn-fb i { background-color: rgb(66, 103, 178); } #wpdcom .wpd-social-login .wpdsn-tw i { background-color: rgb(0, 0, 0); } #wpdcom .wpd-social-login .wpdsn-gg i { background-color: rgb(213, 76, 63); } #wpdcom .wpd-social-login .wpdsn-telegram i { background-color: rgb(35, 156, 215); } #wpdcom .wpd-social-login .wpdsn-ds i { background-color: rgb(33, 150, 243); } #wpdcom .wpd-social-login .wpdsn-wp i { background-color: rgb(153, 153, 153); } #wpdcom .wpd-social-login .wpdsn-vk i { background-color: rgb(76, 117, 163); } #wpdcom .wpd-social-login .wpdsn-ok i { background-color: rgb(239, 120, 0); } #wpdcom .wpd-social-login .wpdsn-insta i { background-color: rgb(249, 113, 73); } #wpdcom .wpd-social-login .wpdsn-linked i { background-color: rgb(0, 123, 182); } #wpdcom .wpd-social-login .wpdsn-yandex i { background-color: rgb(255, 0, 0); } #wpdcom .wpd-social-login .wpdsn-mailru i { background-color: rgb(22, 141, 226); fill: rgb(255, 158, 0); } #wpdcom .wpd-social-login .wpdsn-mailru i svg { fill: rgb(255, 158, 0); } #wpdcom .wpd-social-login .wpdsn-weibo i { background-color: rgb(213, 42, 44); } #wpdcom .wpd-social-login .wpdsn-weixin i { background-color: rgb(32, 195, 0); } #wpdcom .wpd-social-login .wpdsn-qq i { background-color: rgb(20, 121, 215); } #wpdcom .wpd-social-login .wpdsn-baidu i { background-color: rgb(242, 63, 64); } #wpdcom .wpd-social-login .wpdsn-baidu i svg { fill: rgb(35, 25, 220); } #wpdcom .wpd-auth .wpd-sep { border-right: 1px solid rgb(204, 204, 204); margin: 0px 12px; display: inline; } #wpdcom .wpd-auth .wpd-login { font-size: 14px; line-height: 20px; } #wpdcom .wpd-auth .wpd-login i { margin-right: 2px; } #wpdcom .wpd-auth .wpd-login a { color: rgb(50, 114, 191); text-decoration: none; } #wpdcom .wpd-auth .wpd-login a:hover { color: rgb(13, 62, 129); } #wpdcom .wpdiscuz-social-login-spinner { display: none; } #wpdcom .wpd-social-login-agreement { width: 100%; margin-top: 15px; margin-bottom: 0px; font-size: 12px; padding: 20px 30px 10px; background-color: rgb(248, 248, 248); border: 1px dotted rgb(221, 221, 221); clear: both; line-height: normal; } #wpdcom .wpd-social-login-agreement .wpd-agreement-title { font-weight: bold; margin-bottom: 5px; font-size: 15px; } #wpdcom .wpd-social-login-agreement .wpd-agreement-button { text-transform: uppercase; padding: 3px 20px; margin: 5px 0px 0px 15px; cursor: pointer; font-size: 12px; line-height: 20px; color: rgb(0, 179, 143); display: inline-block; } #wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-agree { border: 1px dotted rgb(0, 179, 143); color: rgb(0, 179, 143); } #wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-agree:hover { color: rgb(255, 255, 255); background: rgb(0, 179, 143); } #wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-disagree { border: 1px dotted rgb(255, 49, 47); color: rgb(255, 49, 47); } #wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-disagree:hover { color: rgb(255, 255, 255); background: rgb(255, 49, 47); } #wpdcom .wpd-social-login-agreement .wpd-agreement-buttons { margin-top: 4px; } #wpdcom .wpd-social-login-agreement .wpd-agreement-buttons-left { float: left; } #wpdcom .wpd-social-login-agreement .wpd-agreement-buttons-right { float: right; } #wpdcom .wpd-secondary-forms-social-content .wpd-social-login-agreement { padding: 20px; } #wpdcom .wpdiscuz-subscribe-bar { width: 100%; box-sizing: border-box; padding: 15px 0px 5px; margin-bottom: 0px; } #wpdcom .wpdiscuz-subscribe-bar form { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: center; margin-bottom: 10px; } #wpdcom .wpdiscuz-subscribe-bar .wpdiscuz_subscribe_status { font-size: 14px; } #wpdcom .wpdiscuz-subscribe-form-intro { font-size: 14px; display: block; padding: 3px 10px 3px 1px; line-height: 20px; box-sizing: border-box; white-space: nowrap; } #wpdcom .wpdiscuz-subscribe-form-option { flex-grow: 1; font-size: 13px; display: block; padding-right: 5px; box-sizing: border-box; } #wpdcom .wpdiscuz-subscribe-form-email { font-size: 14px; display: block; padding: 0px 5px 0px 0px; box-sizing: border-box; width: 30%; } #wpdcom .wpdiscuz-subscribe-form-button { font-size: 14px; display: block; box-sizing: border-box; } #wpdcom .wpdiscuz-subscribe-form-email select { width: 100% !important; } #wpdcom .wpdiscuz-subscribe-form-email input[type="email"] { clear: both; float: none; margin: 0px; font-size: 13px !important; padding: 3px !important; width: 100% !important; height: auto !important; line-height: 20px !important; box-sizing: border-box !important; } #wpdcom .wpdiscuz-subscribe-form-button input[type="submit"] { min-width: 40px; border: 1px solid rgb(221, 221, 221); clear: both; float: none; margin: 0px; font-size: 16px !important; min-height: 29px !important; height: 29px !important; padding: 1px 3px 5px !important; line-height: 14px !important; box-sizing: border-box !important; } #wpdcom .wpdiscuz-subscribe-agreement { font-size: 12px; display: block; clear: left; padding-top: 10px; width: 92%; } #wpdcom .wpdiscuz-subscribe-agreement label { cursor: pointer; display: inline; font-size: 13px; margin: 0px 4px; } #wpdcom .wpdiscuz-subscribe-bar #wpdiscuz_subscription_button { box-shadow: none; font-weight: bold; letter-spacing: 0px; } #wpdcom .wpd-form-wrap { padding-bottom: 10px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap { display: flex; flex-flow: row; justify-content: space-between; padding: 20px 0px; align-items: center; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap [id^="wpd-editor-wraper"] { flex-grow: 1; position: relative; width: 100%; } #wpdcom .wpd-form .wpd-textarea-wrap { position: relative; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap [id^="wpd-editor-wraper"] textarea { width: 100%; } #wpdcom .wpd-form .wpd-avatar { margin-right: 15px; border-radius: 100%; text-align: left; flex-shrink: 0; align-self: flex-start; } #wpdcom .wpd-form .wpd-avatar img, #wpdcom .wpd-form .wpd-avatar img.avatar { width: 56px; height: 56px; max-width: 56px; border-radius: 100%; border: 1px solid rgb(204, 204, 204); padding: 2px; background-color: rgb(255, 255, 255); vertical-align: middle; text-align: center; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea { height: 54px; border-radius: 5px; border: 1px solid rgb(204, 204, 204); width: 100%; padding: 10px 15px; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 8px inset; font-family: inherit; outline: none; transition: all 0.18s ease-out 0s; resize: none; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:hover { box-shadow: rgba(0, 0, 0, 0.02) 1px 2px 8px inset; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea::-webkit-input-placeholder { line-height: 28px; color: rgb(102, 102, 102); font-size: 16px; } #wpdcom .wpdiscuz-edit-form-wrap { margin-bottom: 15px; margin-top: 10px; position: relative; } #wpdcom .wpdiscuz-edit-form-wrap table { border: none; margin: 15px 0px; } #wpdcom .wpdiscuz-edit-form-wrap table td { border-top: none; border-right: none; border-left: none; border-image: initial; padding: 1px 0px; border-bottom: 1px dashed rgb(204, 204, 204); } #wpdcom .wpdiscuz-edit-form-wrap table td label { font-size: 13px; color: rgb(102, 102, 102); display: inline; line-height: 22px; margin-right: 20px; vertical-align: text-bottom; } #wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap { text-align: right; margin-top: 10px; } #wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap .wc_cancel_edit { margin: 0px 10px; } #wpdcom .wpd-form.wpd-secondary-form-wrapper { margin-bottom: 25px; } #wpdcom .wpd-form.wpd-secondary-form-wrapper .wpdiscuz-textarea-wrap { padding-top: 10px; } #wpdcom .wpd-form-wrap .wpd-login-to-comment { text-align: center; font-size: 16px; padding: 15px 0px 0px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap { padding-bottom: 10px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt { flex-wrap: wrap; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-avatar { flex-basis: 69px; margin-right: 0px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap { flex-basis: calc(100% - 70px); } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap .quicktags-toolbar { width: 100%; margin-bottom: 1px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap textarea { width: 100%; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wmu-upload-wrap { flex-basis: 100%; text-align: right; margin-top: 3px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wmu-upload-wrap i { color: rgb(136, 136, 136); font-size: 18px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap .wpd-editor-buttons-right { float: right; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-editor-buttons-right { display: flex; align-items: center; margin-left: auto; } #comments #wpdcom .wpd-form .wpd_comm_form .wpdiscuz-textarea-wrap.wpd-txt .wpd-editor-buttons-right span { display: inline-block; margin: 3px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt [wpd-tooltip]::after { left: auto; margin-left: -35px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt [wpd-tooltip]::before { right: 25px; left: auto; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .quicktags-toolbar .ed_button { opacity: 0.8; box-shadow: none; background: rgb(238, 238, 238); color: rgb(102, 102, 102); font-size: 13px; padding: 1px 12px; margin: 2px 1px; display: inline-block; border-radius: 0px; line-height: 20px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .quicktags-toolbar .ed_button:hover { opacity: 1; } #wpdcom input[type="button"], #wpdcom input[type="reset"], #wpdcom input[type="submit"], #wpdcom button { margin: inherit; } #wpdcom .wpd-second-button, #wpdcom .wpd-prim-button { border: none; cursor: pointer; font-family: "Arial Hebrew", Arial, sans-serif; font-size: 14px; line-height: 24px; padding: 4px 20px; letter-spacing: 1px; box-shadow: rgb(187, 187, 187) 1px 1px 3px -1px; border-radius: 3px; max-width: none; } #wpdcom .wpd-second-button:hover, #wpdcom .wpd-prim-button:hover { opacity: 0.9; box-shadow: none; text-decoration: none; } #wpdcom .wpd-second-button { background-color: rgb(245, 245, 245); color: rgb(153, 153, 153); box-shadow: rgb(204, 204, 204) 1px 1px 2px -1px; } #wpdcom .wc-field-submit input[type="submit"] { margin-left: 2%; } #wpdcom .wpd_label, #wpdcom .wpd_label { margin: 1px 0px 5px; padding: 0px; display: inline-block; } #wpdcom .wpd_label, #wpdcom .wpd_label span { display: inline-block; } #wpdcom .wpd_label input[type="checkbox"].wpd_label__checkbox { display: none; } #wpdcom .wpd_label__checkbox { display: none; } #wpdcom .wpd_label__check { display: inline-block; border: 0px; border-radius: 0px; vertical-align: middle; cursor: pointer; text-align: center; margin: 0px 3px 0px 0px; } #wpdcom .wpd_label__check i.wpdicon { font-size: 15px; line-height: 20px; padding: 4px 5px; width: 32px; margin: 0px; } #wpdcom .wpd_label__check i.wpdicon-on { display: none; } #wpdcom .wpd_label__check i.wpdicon-off { display: inline-block; color: rgb(170, 170, 170); border: 1px solid rgb(221, 221, 221); } #wpdcom .wpd_label__checkbox:checked + .wpd_label__text .wpd_label__check .wpdicon-on { display: inline-block; } #wpdcom .wpd_label__checkbox:checked + .wpd_label__text .wpd_label__check .wpdicon-off { display: none; } #wpdcom .wpd_label__check i.wpdicon-off.fa-unlock-alt, #wpdcom .wpd_label__check i.wpdicon-on.fa-lock { font-size: 15px; } #wpdcom .wpd-form .ql-texteditor textarea { width: 100%; margin: 0px; box-sizing: border-box; outline: none; padding: 10px; line-height: 24px; position: absolute; top: 0px; bottom: 0px; border: none; } #wpdcom .ql-editor { min-height: 65px; border-bottom-color: rgb(255, 255, 255); word-break: break-word; } #wpdcom .ql-editor::before { font-size: 16px; color: rgb(170, 170, 170); letter-spacing: 1px; } #wpdcom .ql-editor > * { cursor: text; font-size: 15px; letter-spacing: 0.5px; font-family: Arial; font-weight: normal; color: rgb(102, 102, 102); } #wpdcom .ql-editor blockquote { margin-top: 0px !important; margin-bottom: 0px !important; } #wpdcom .ql-container { border-radius: 3px 3px 0px 0px; background: rgb(255, 255, 255); border-bottom: none rgb(221, 221, 221); border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); } #wpdcom .ql-toolbar { padding: 8px 8px 3px 5px; background-color: rgb(250, 250, 250); border-top: none rgb(221, 221, 221); border-radius: 0px 0px 3px 3px; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); } #wpdcom .ql-toolbar.wpd-toolbar-hidden { display: none; } #wpdcom .ql-toolbar .ql-stroke { stroke: rgb(153, 153, 153); } #wpdcom .ql-toolbar .ql-fill { fill: rgb(153, 153, 153); } #wpdcom .ql-toolbar button:hover .ql-stroke { color: rgb(2, 116, 190); stroke: rgb(2, 116, 190); } #wpdcom .ql-toolbar button:hover .ql-fill { color: rgb(2, 116, 190); fill: rgb(2, 116, 190); } #wpdcom .ql-toolbar button.ql-active .ql-stroke { color: rgb(2, 116, 190); stroke: rgb(2, 116, 190); } #wpdcom .ql-toolbar button.ql-active .ql-fill { color: rgb(2, 116, 190); fill: rgb(2, 116, 190); } #wpdcom .ql-toolbar button.ql-spoiler, #wpdcom .ql-toolbar button.ql-sourcecode { color: rgb(153, 153, 153); width: auto; font-size: 13px; letter-spacing: 2px; line-height: 15px; font-weight: bold; font-family: arial; display: flex; align-items: flex-start; justify-content: center; } #wpdcom .ql-toolbar button:hover { text-decoration: none; } #wpdcom .ql-toolbar .wmu-upload-wrap .wmu-add i { font-size: 18px; color: rgb(153, 153, 153); } #wpdcom .ql-toolbar button.ql-spoiler:hover, #wpdcom .ql-toolbar button.ql-sourcecode:hover, #wpdcom .ql-toolbar .wmu-upload-wrap .wmu-add i:hover { color: rgb(2, 116, 190); } #wpdcom .wpd-editor-char-counter { font-size: 9px; padding: 3px 5px 2px; position: absolute; right: 0px; z-index: 10; color: rgb(136, 136, 136); } #wpdcom .wpd-editor-char-counter.error { color: red; } #wpdcom.wpdiscuz_unauth .wc-field-submit { padding-top: 15px; } #wpdcom .wpd-form-foot { margin-left: 70px; } #wpdcom .wpd-form-row .wpdiscuz-item { clear: both; } #wpdcom .wpd-form-row .wpd-form-col-full { width: 100%; float: none; margin: 0px; text-align: left; padding: 0px; } #wpdcom .wpd-form-row .wpd-form-col-left { width: 49%; float: left; margin: 0px; text-align: left; padding: 0px; } #wpdcom .wpd-form-row .wpd-form-col-right { width: 49%; float: right; margin: 0px; text-align: right; padding: 0px; } #wpdcom .wpd-form-row .wpd-form-col-full .wpdiscuz-item { text-align: left; } #wpdcom .wpd-form-row .wpd-form-col-left .wpdiscuz-item { text-align: left; } #wpdcom .wpd-form-row .wpd-form-col-right .wpdiscuz-item { text-align: right; } #wpdcom .wpdiscuz-item label.wpd-field-label { float: none; } #wpdcom .wpd-form-row .wpdiscuz-item { width: 100%; vertical-align: baseline; padding: 1px 0px 7px; position: relative; } #wpdcom .wpd-form-row .wpd-field { width: 100%; line-height: 20px; color: rgb(119, 119, 119); display: inline-block; float: none; clear: both; margin: 0px; box-sizing: border-box; padding-top: 2%; padding-bottom: 2%; font-size: 14px; border-radius: 3px; vertical-align: baseline; } #wpdcom .wpd-form-row .wpd-has-icon .wpd-field { padding-left: 30px; } #wpdcom .wpd-form-row .wpd-has-desc .wpd-field { padding-right: 30px; } #wpdcom .wpd-form-row .wpdiscuz-item .wpd-field-icon { display: inline-block; font-size: 16px; line-height: 16px; opacity: 0.3; padding: 0px; margin: 0px; position: absolute; top: 9px; left: 8px; width: 20px; text-align: left; } #wpdcom .wpd-form-row .wpdiscuz-item .wpd-field-desc { display: inline-block; font-size: 16px; line-height: 16px; opacity: 1; margin: 0px; position: absolute; top: 8px; right: 8px; width: 20px; text-align: right; border-left: 1px solid rgb(204, 204, 204); color: rgb(170, 170, 170); padding: 0px 5px; cursor: pointer; } #wpdcom .wpd-form-row .wpdiscuz-item.wpd-field-select .wpd-field-desc { border-left: none; } #wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"] { height: 32px; } #wpdcom .wpd-form-row .wpdiscuz-item textarea { height: 72px; padding-left: 10px; } .wpdiscuz_select { border-radius: 0px; text-indent: 0.01px; clear: both; background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC") right center no-repeat scroll rgb(254, 254, 254) !important; border: 1px solid lightgray !important; box-shadow: none !important; height: 28px !important; padding: 3px 22px 3px 8px !important; font-size: 13px !important; appearance: none !important; outline: none 0px !important; width: 100% !important; box-sizing: border-box !important; line-height: 20px !important; float: none !important; margin: 0px !important; } #wpdcom .wc-field-submit { text-align: right; padding: 1px 2px 0px 0px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; } #wpdcom .wc-field-submit input[type="button"] { margin: 1px; border: 1px solid rgb(221, 221, 221); font-size: 13px; line-height: 16px; padding: 6px 15px; clear: both; float: none; } #wpdcom .wpd-item-wrap { text-align: left; } #wpdcom .wpd-item { text-align: left; } #wpdcom .wpd-form-col-left .wpd-field-group .wpd-field-group-title, #wpdcom .wpd-form-col-right .wpd-field-group .wpd-field-group-title, #wpdcom .wpd-form-col-full .wpd-field-group .wpd-field-group-title { font-size: 13px; text-align: left; line-height: 20px; padding: 5px 0px; } #wpdcom .wpd-form-col-left .wpd-has-desc .wpd-field-group-title, #wpdcom .wpd-form-col-right .wpd-has-desc .wpd-field-group-title, #wpdcom .wpd-form-col-full .wpd-has-desc .wpd-field-group-title { padding-right: 35px; } #wpdcom .wpd-comment-right .wpd-top-custom-fields { padding: 5px 10px 10px 0px; } #wpdcom .wpd-comment-right .wpd-bottom-custom-fields { padding: 5px 0px; margin-bottom: 5px; margin-top: 10px; } #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label { float: right; display: block; width: 111px; text-align: right; padding: 0px; line-height: 30px; } #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label .wc_captcha_img { border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; padding: 0px; margin: 0px; vertical-align: middle; box-sizing: content-box; width: 80px; height: 26px; border-bottom-style: solid; border-bottom-color: rgb(230, 230, 230); display: inline !important; } #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label a { margin: 0px; display: inline; padding: 0px; text-decoration: none; height: auto; width: auto; } #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-input { float: left; display: block; min-width: 30px; width: calc(100% - 112px); line-height: 30px; } #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-input input[type="text"] { width: 100%; padding: 3px 5px; height: 28px; } #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label .wc_captcha_refresh_img { cursor: pointer; } #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label .wc_captcha_refresh_img img { box-sizing: content-box; margin: 0px; background-color: rgb(230, 230, 230); padding: 5px; border-width: 1px; border-style: solid; border-color: rgb(228, 228, 228) rgb(228, 228, 228) rgb(228, 228, 228) rgb(217, 217, 217); border-image: initial; vertical-align: middle; max-width: 16px !important; max-height: 16px !important; display: inline !important; } #wpdcom .wpd-form-row .wpdiscuz-item .wc-bin-captcha { background: rgb(245, 245, 245); padding: 2px 15px; font-size: 11px; color: rgb(170, 170, 170); line-height: 28px; text-align: center; } #wpdcom .wpd-form-row .wpdiscuz-item .wc-bin-captcha i { margin-right: 5px; } #wpdcom .wpd-form-row .wpdiscuz-item.wpd-field-captcha { margin-bottom: -5px; padding-bottom: 2px; } #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single { border-bottom: none; text-align: right; } #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single .wpd-item { margin: 0px; padding: 0px; } #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single .wpd-field { height: 20px; vertical-align: top; outline: none; } #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single .wpd-field-label { height: 20px; vertical-align: top; } #wpdcom .wpdiscuz-item .wpd-field-label a { display: inline; vertical-align: baseline; line-height: inherit; } #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single { border-bottom: none; } #wpdcom .wpd-form-col-left .wpd-field-group.wpd-field-single .wpd-field-group-title, #wpdcom .wpd-form-col-right .wpd-field-group.wpd-field-single .wpd-field-group-title { font-size: inherit; text-align: right; line-height: inherit; height: 25px; } #wpdcom .wpdiscuz-item.wpd-field-radio, #wpdcom .wpdiscuz-item.wpd-field-checkbox { padding-bottom: 12px; } #wpdcom .wpdiscuz-item.wpd-field-radio input, #wpdcom .wpdiscuz-item.wpd-field-checkbox input { box-shadow: none; border: 1px solid; display: inline-block; padding: initial !important; } #wpdcom .wpd-form-col-left div:last-of-type, #wpdcom .wpd-form-col-right div:last-of-type { border-bottom: none; } #wpdcom .wpd-field-radio .wpd-item, #wpdcom .wpd-field-checkbox .wpd-item { display: inline-block; padding: 1px; margin: 1px 0px; min-width: 60px; } #wpdcom .wpd-field-radio .wpd-field, #wpdcom .wpd-field-checkbox .wpd-field { width: 18px; height: 18px; display: inline-block; float: left; padding: 0px; line-height: 20px; vertical-align: baseline; margin: 0px 6px 0px 0px; box-sizing: border-box; } #wpdcom .wpd-field-radio .wpd-field-label, #wpdcom .wpd-field-checkbox .wpd-field-label { width: auto; height: 22px; display: inline; float: none; padding: 0px; line-height: 20px; font-size: 12px; margin: 0px; } #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-agreement, #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-cookies-consent { padding-top: 0px; } #wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-group.wpd-field-radio .wpd-item-wrap, #wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-group.wpd-field-checkbox .wpd-item-wrap { float: none; } #wpdcom .wpdiscuz-item.wpd-field-single .wpd-field, #wpdcom .wpdiscuz-item.wpd-field-single .wpd-field-label { line-height: 20px; } #wpdcom .wpdiscuz-item.wpd-field-group.wpd-field-single { padding-bottom: 0px; } #wpdcom .wpdiscuz-item.wpd-field-single .wpd-field-desc { top: 5px; } #wpdcom .wpd-form-row .wpd-form-col-right .wpdiscuz-item.wpd-field-select { text-align: left; } #wpdcom .wpdiscuz-item.wpd-field-select select.wpdiscuz_select { height: 32px !important; max-width: 400px !important; } #wpdcom .wpdiscuz-item.wpd-field-select.wpd-has-desc select.wpdiscuz_select { width: calc(100% - 40px) !important; } #wpdcom .wpdiscuz-item.wpd-field-select .wpd-field-group-title { padding-top: 12px; } #wpdcom .wpdiscuz-item.wpd-field-select.wpd-has-desc .wpd-field-desc { top: 9px; } .wpd-custom-field { display: table; width: 100%; padding: 1px 0px; line-height: 20px; } .wpd-custom-field .fa-star { font-size: 1.2em; } .wpd-cf-label { background: rgb(249, 249, 249); display: table-cell; font-size: 13px; opacity: 1; padding: 5px 10px; vertical-align: top; width: 29%; border-bottom: 1px solid rgb(240, 240, 240); box-sizing: border-box !important; } .wpd-cf-value { display: table-cell; border-bottom: 1px solid rgb(240, 240, 240); width: 69%; font-size: 13px; vertical-align: top; opacity: 0.7; padding: 5px 10px; box-sizing: border-box !important; } #wpdcom .wpd-top-custom-fields .wpd-custom-field.wpd-cf-rating .wpd-cf-label { background: transparent; border: none; padding: 2px 10px 2px 2px; } #wpdcom .wpd-top-custom-fields .wpd-custom-field.wpd-cf-rating .wpd-cf-value { font-size: 14px; border-bottom: none; padding: 1px 10px; } #wpdcom .wpd-top-custom-fields .wpd-custom-field.wpd-cf-rating .wpd-cf-value i { min-width: 20px; align-self: center; text-align: center; } #wpdcom .wpdiscuz-item .wpdiscuz-rating, #wpdcom .wpd-item-wrap fieldset { display: inline-block; } #wpdcom .wpdiscuz-item.wpd-field-group.wpd-field-rating { border-bottom: 1px dotted rgb(221, 221, 221); height: 77px; margin-bottom: 0px; } #wpdcom .wpdiscuz-item .wpdiscuz-rating { border: none; float: left; margin: 0px 0px 0px -5px; padding: 5px 0px 5px 1px; } #wpdcom .wpdiscuz-item .wpdiscuz-rating > input { visibility: visible; opacity: 0; position: absolute; z-index: -1; } #wpdcom .wpdiscuz-item .wpdiscuz-rating > label::before { margin: 1px 3px; line-height: 18px; font-size: 1.1em; cursor: pointer; } #wpdcom .wpdiscuz-item .wpdiscuz-rating > .half::before { position: absolute; cursor: pointer; } #wpdcom .wpdiscuz-item .wpdiscuz-rating > label { float: right; font-size: 1.1em; } #wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-rating.wpd-has-desc .wpd-field-desc { right: 0px; top: 0px; position: relative; font-size: 14px; margin-left: 5px; padding: 0px 7px; } #wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-rating.wpd-has-desc .wpd-field-desc i.fa { font-size: 17px; } #wpdcom .wpd-form-col-full .wpd-field-group .wpd-field-group-title { display: inline-block; vertical-align: baseline; padding: 0px 35px 2px 0px; margin-top: -2px; } #wpdcom .wpd-form-col-full .wpdiscuz-item .wpdiscuz-rating { padding: 0px 6px 0px 0px; vertical-align: middle; line-height: 14px; } #wpdcom .wpd-form-col-full .wpd-item-wrap { display: inline-block; float: left; vertical-align: baseline; padding: 0px 1px 1px; } #wpdcom .wpdiscuz-edit-form-wrap .wpdiscuz-item.wpd-field-group.wpd-field-rating { height: auto; border-bottom: none; } #wpdcom .wpdiscuz-edit-form-wrap .editcomment td { vertical-align: middle; padding-right: 10px; } #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-radio td, #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-checkbox td { vertical-align: top; } #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-radio td input, #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-checkbox td input { width: auto; vertical-align: baseline; margin-right: 1px; display: inline; line-height: 22px; } #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-rating td label { margin-right: 1px; } #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpdiscuz-item { padding: 7px 0px; } .wpdiscuz-stars-label { line-height: 20px; padding: 10px 0px 2px 3px; font-size: 14px; } .wpdiscuz-stars-wrapper { display: block; } .wpdiscuz-stars-wrapper-inner { position: absolute; } .wpdiscuz-activ-stars { position: absolute; display: flex; font-size: 22px; top: 0px; left: 0px; } .wpdiscuz-pasiv-stars { font-size: 22px; display: flex; } .wpdiscuz-activ-stars { overflow: hidden; } .wpdiscuz-pasiv-stars i.wpdiscuz-pasiv-star, .wpdiscuz-activ-stars i.wpdiscuz-activ-star { padding: 0px 2px; font-size: 20px; } #wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-group.wpd-field-rating { height: auto; border-bottom: none; padding-bottom: 10px; } #wpdcom .wpd-form-row .wpd-field-date { height: 77px; } #wpdcom .wpd-form-row .wpd-field-date .wpd-field-title { font-size: 13px; line-height: 20px; padding: 5px 0px 8px; text-align: left; } #wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field { padding-left: 5px; } #wpdcom .wpd-form-row .wpd-field-date.wpd-has-desc .wpd-field { padding-right: 5px; } #wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field-icon { left: 2px; top: 10px; } #wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field-desc { top: 10px; } #wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field-title { padding-left: 26px; } #wpdcom .wpd-form-row .wpd-field-date.wpd-has-desc .wpd-field-title { padding-left: 26px; } #wpdcom .wpd-form-row .wpd-field-color { height: 77px; } #wpdcom .wpd-form-row .wpd-field-color .wpd-field-title { font-size: 13px; line-height: 20px; padding: 5px 0px 8px; text-align: left; } #wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field { padding-left: 5px; } #wpdcom .wpd-form-row .wpd-field-color.wpd-has-desc .wpd-field { padding-right: 5px; } #wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field-icon { left: 2px; top: 10px; } #wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field-desc { top: 10px; } #wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field-title { padding-left: 26px; } #wpdcom .wpd-form-row .wpd-field-color.wpd-has-desc .wpd-field-title { padding-left: 26px; } #wpdcom .wpdiscuz-spoiler-wrap { background-color: rgb(238, 238, 238); border: 1px dashed rgb(85, 85, 85); margin: 5px 0px; } #wpdcom .wpdiscuz-spoiler-wrap .wpdiscuz-spoiler { padding: 5px; cursor: pointer; } #wpdcom .wpdiscuz-spoiler-wrap .wpdiscuz-spoiler .fas { margin: 0px 5px; } #wpdcom .wpdiscuz-spoiler-wrap .wpdiscuz-spoiler-content { display: none; font-style: italic; padding: 5px; } @media screen and (min-width: 655px) { #wpdcom .wpd-field-captcha { display: block; border-bottom: none; text-align: right !important; margin-top: 3px !important; } #wpdcom .wpd-field-captcha .wpdiscuz-recaptcha { display: inline-block; margin: 0px 0px 0px auto; } #wpdcom .wpd-field-captcha .wpdiscuz-recaptcha iframe { margin-bottom: 0px; } #wpdcom .wpd_main_comm_form .wpd-field-captcha .wpdiscuz-recaptcha { transform: scale(0.8); transform-origin: right 0px; margin: 0px 0px 0px auto; } #wpdcom .wpd-secondary-form-wrapper .wpd-field-captcha .wpdiscuz-recaptcha { transform: scale(0.8); transform-origin: right 0px; margin: 0px 0px 0px auto; } #wpdcom .wpd_comment_level-5 .wpd-secondary-form-wrapper .wpdiscuz-recaptcha { transform-origin: center 0px; } } @media screen and (max-width: 730px) { #wpdcom .wpd_main_comm_form .wpd-field-captcha .wpdiscuz-recaptcha { transform-origin: right 0px; } } @media screen and (max-width: 655px) { #wpdcom .wpd-field-captcha { float: none; width: 100%; display: block; border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } #wpdcom .wpd-field-captcha input { height: 1px; padding: 0px; margin: 0px; clear: both; } } #wpdcom .wpdiscuz-subscribe-bar .wpd-field-captcha { border-bottom: none; clear: both; float: none; position: relative; transform: scale(0.8); padding: 20px 0px; margin-bottom: -40px; text-align: left !important; display: inline-block !important; transform-origin: left 0px 0px !important; } #wpdcom #wpd-threads { margin-top: 20px; } #wpdcom .wpd-thread-head { width: 100%; border-bottom: 2px solid rgb(204, 204, 204); display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-end; } #wpdcom .wpd-thread-head .wpd-thread-info { color: rgb(85, 85, 85); padding: 5px 15px 3px 5px; font-weight: 600; margin-bottom: -2px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; text-align: left; line-height: 24px; } #wpdcom .wpd-thread-head .wpd-thread-info.wpd-reviews-tab { padding: 5px 15px 0px 14px; } #wpdcom .wpd-thread-head .wpd-thread-info .wpdtc { font-size: 15px; } #wpdcom .wpd-thread-head .wpdiscuz-user-settings { font-size: 15px; color: rgb(119, 119, 119); cursor: pointer; padding: 5px 10px 6px 12px; margin: 0px 2px -2px; width: 40px; text-align: center; } #wpdcom .wpd-thread-head .wpd-thread-filter { display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-end; } #wpdcom .wpd-thread-filter .wpd-filter { font-size: 16px; color: rgb(153, 153, 153); border-bottom: 2px solid rgb(153, 153, 153); cursor: pointer; text-align: center; padding: 5px 10px; margin: 0px 1px -2px; line-height: 18px; } #wpdcom .wpd-thread-filter .wpdf-reacted { color: rgb(255, 166, 0); border-bottom-color: rgb(255, 166, 0); width: 34px; } #wpdcom .wpd-thread-filter .wpdf-hottest { color: rgb(252, 88, 68); border-bottom-color: rgb(252, 88, 68); width: 34px; } #wpdcom .wpd-thread-filter .wpdf-sorting { font-size: 14px; color: rgb(119, 119, 119); line-height: 18px; text-transform: capitalize; min-width: 100px; font-family: "Arial Hebrew", Arial, sans-serif; } #wpdcom .wpd-thread-filter .wpdf-sorting i { font-size: 15px; margin-left: 6px; vertical-align: top; line-height: 14px; } #wpdcom .wpd-thread-list .wpd-load-more-submit-wrap { display: flex; flex-direction: row; justify-content: center; padding: 10px; } #wpdcom .wpd-comment .wpd-comment-wrap .wpd-comment-author span.wpd-user-nicename { color: rgb(170, 170, 170); font-size: 13px; font-family: "Courier New", Courier, monospace; } #wpdcom .wpd-thread-list { padding: 30px 0px; } #wpdcom .wpd-comment .wpd-comment-wrap { display: flex; flex-flow: row; place-content: flex-start space-between; align-items: stretch; padding-bottom: 5px; } #wpdcom .wpd-comment .wpd-comment-left { width: 60px; text-align: center; margin-right: 20px; } #wpdcom .wpd-comment .wpd-comment-right { padding-bottom: 15px; flex-grow: 1; width: calc(100% - 80px); } #wpdcom .wpd-comment .wpd-avatar { position: relative; } #wpdcom .wpd-comment .wpd-avatar img, #wpdcom .wpd-comment .wpd-avatar img.avatar { width: 56px; height: 56px; max-width: 56px; border-radius: 100%; border: 1px solid rgb(204, 204, 204); padding: 2px; background-color: rgb(255, 255, 255); vertical-align: middle; text-align: center; float: none; } #wpdcom .wpd-comment .wpd-avatar i { position: absolute; bottom: 1px; right: 5px; border-radius: 50%; padding: 3px; border: 2px solid rgb(255, 255, 255); width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; } #wpdcom .wpd-comment .wpd-avatar i svg { width: 12px; height: 12px; fill: rgb(255, 255, 255); } #wpdcom .wpd-comment .wpd-comment-label { margin: 9px auto 2px; border-radius: 3px; font-size: 11px; line-height: 14px; text-align: center; width: 100%; padding: 1px 5px; cursor: default; display: flex; align-items: center; justify-content: center; flex-flow: row; } #wpdcom .wpd-comment .wpd-comment-label span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; padding: 0px; } #wpdcom .wpd-comment .wpd-follow-link { color: rgb(153, 153, 153); font-size: 13px; cursor: pointer; padding-left: 5px; } #wpdcom .wpd-comment-header { font-size: 13px; color: rgb(153, 153, 153); } #wpdcom .wpd-comment .wpd-comment-header { padding: 5px 0px; display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; } #wpdcom .wpd-comment-header .wpd-comment-author { font-size: 15px; font-weight: 600; text-decoration: none; letter-spacing: 0.7px; margin-right: 5px; } #wpdcom .wpd-comment .wpd-comment-header i { line-height: 1.75; } #wpdcom .wpd-comment-date { padding: 0px 5px; font-size: 11px; } #wpdcom .wpd-comment-date i { font-size: 11px; margin-right: 4px; } #wpdcom .wpd-comment-status { padding: 0px 5px; } #wpdcom .wpd-comment-status div { display: inline-block; cursor: default; } #wpdcom .wpd-comment-status i { margin: 0px 3px; } #wpdcom .wpd-comment-status .wpd-sticky { vertical-align: top; } #wpdcom .wpd-comment-status .wpd-closed { color: rgb(153, 153, 153); font-size: 12px; } #wpdcom .wpd-comment-header .wpd-comment-share { padding: 0px 6px; cursor: default; } #wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content { text-align: center; } #wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content i svg { fill: rgb(255, 255, 255); height: 12px; padding: 0px 6px; cursor: pointer; } #wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content i svg:hover { fill: rgb(255, 238, 70); } #wpdcom .wpd-comment-header .wpd-comment-link { padding: 9px 0px 0px; cursor: pointer; font-size: 12px; color: rgb(170, 170, 170); align-self: flex-start; } #wpdcom .wpd-comment-header .wpd-comment-link span { margin-left: 12px; } #wpdcom .wpd-comment-text { font-size: 15px; padding: 0px 0px 8px; word-break: break-word; } #wpdcom .wpd-comment-text * { line-height: 1.6; } #wpdcom .wpd-comment-text p { margin-bottom: 10px; } #wpdcom .wpd-comment-text p:last-child { margin-bottom: 0px; } #wpdcom .wpd-comment-text ol, #wpdcom .wpd-comment-text ul { margin: 0px 0px 1rem 1rem; } #wpdcom .wpd-comment-text img, #wpdcom .wpd-comment-text iframe, #wpdcom .wpd-comment-text video, #wpdcom .wpd-comment-text audio { max-width: 100% !important; } #wpdcom .wpd-comment-text iframe { width: 480px; height: 280px; } #wpdcom .wpd-comment-text blockquote { margin: 5px auto 5px 15px; padding: 2px 10px; font-size: 14px; } #wpdcom .wpd-comment-text blockquote p { margin-bottom: 5px; } #wpdcom .wpd-comment-text .wpd-inline-feedback-wrapper { font-style: italic; font-size: 15px; padding: 15px; background: rgb(255, 252, 225); margin-bottom: 10px; color: rgb(119, 119, 119); } #wpdcom .wpd-comment-text .wpd-inline-feedback-wrapper .wpd-inline-feedback-info { font-style: normal; font-weight: 600; } #wpdcom .wpd-comment-text .wpd-inline-feedback-wrapper i.fa-quote-left { margin-right: 8px; font-size: 17px; color: rgb(153, 151, 151); } #wpdcom .wpd-comment-footer { display: flex; flex-flow: row; justify-content: space-between; align-items: center; padding-top: 0px; } #wpdcom .wpd-comment-footer .wpd-vote { display: flex; flex-flow: row; justify-content: flex-start; align-items: center; padding-right: 20px; font-size: 0px; } #wpdcom .wpd-comment-footer .wpd-vote-up, #wpdcom .wpd-comment-footer .wpd-vote-down { width: 16px; height: 16px; opacity: 0.7; cursor: pointer; } #wpdcom .wpd-comment-footer .wpd-vote-down.wpd-dislike-hidden { display: none !important; } #wpdcom .wpd-comment-footer .wpd-vote-up svg, #wpdcom .wpd-comment-footer .wpd-vote-down svg { fill: rgb(136, 136, 136); cursor: pointer; } #wpdcom .wpd-comment-footer .wpd-vote-result { padding: 0px 8px; font-size: 14px; text-align: center; color: rgb(153, 153, 153); } #wpdcom .wpd-comment-footer .wpd-reply-button { cursor: pointer; font-size: 14px; color: rgb(153, 153, 153); white-space: nowrap; } #wpdcom .wpd-comment-footer .wpd-reply-button i { margin-right: 6px; opacity: 0.7; } #wpdcom .wpd-comment-footer .wpd-reply-button svg { vertical-align: middle; transform: rotate(180deg); width: 22px; height: 22px; opacity: 0.7; fill: rgb(153, 153, 153); margin-right: 2px; } #wpdcom .wpd-comment-footer .wpd-reply-button span { line-height: 21px; font-size: 1em; } #wpdcom .wpd-comment-footer .wpd-vote-up:hover, #wpdcom .wpd-comment-footer .wpd-vote-down:hover { opacity: 1; } #wpdcom .wpd-comment-footer .wpd-reply-button:hover { color: rgb(119, 119, 119); } #wpdcom .wpd-comment-footer .wpd-reply-button:hover svg { opacity: 1; } #wpdcom .wpd-comment-footer .wpd-tools i { color: rgb(170, 170, 170); font-size: 14px; cursor: pointer; } #wpdcom .wpd-comment-footer .wpd-toggle i { color: rgb(170, 170, 170); font-size: 15px; cursor: pointer; } #wpdcom .wpd-comment-footer .wpd-toggle .wpd-view-replies { color: rgb(136, 136, 136); margin-right: 7px; font-size: 13px !important; } #wpdcom .wpd-hidden-replies .wpd-toggle.wpd-hidden:last-child { visibility: visible; opacity: 1; } #wpdcom .wpd-comment-footer .wpd-sep { border-right: 1px solid rgb(204, 204, 204); margin: 0px 7px; width: 1px; height: 15px; } #wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-tool-wrap, #wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-sep, #wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-tools, #wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-toggle, #wpdcom .wpd-comment-right:hover .wpd-comment-header .wpd-comment-share, #wpdcom .wpd-comment-right:hover .wpd-comment-header .wpd-comment-link { visibility: visible; opacity: 1; } #wpdcom .wpd-comment-right .wpd-comment-last-edited { margin: 10px 0px 20px; font-size: 12px; color: rgb(153, 153, 153); font-style: italic; } #wpdcom .wpd-comment-right .wpd-comment-last-edited i { padding-right: 5px; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-left { width: 50px; } #wpdcom .wpd-comment.wpd-reply .wpd-avatar img, #wpdcom .wpd-comment.wpd-reply .wpd-avatar img.avatar { width: 48px; height: 48px; max-width: 48px; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-label { font-size: 10px; line-height: 13px; margin: 10px auto 7px; display: flex; align-items: center; justify-content: center; flex-flow: row; } #wpdcom .wpd-comment.wpd-reply .wpd-follow-link { font-size: 11px; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author, #wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author a { font-size: 14px; margin-right: 5px; } #wpdcom .wpd-comment .wpd-reply-to { font-size: 13px; color: rgb(153, 153, 153); font-style: italic; } #wpdcom .wpd-comment .wpd-reply-to i { margin-right: 6px; } #wpdcom .wpd-comment .wpd-reply-to a { text-decoration: none; opacity: 0.8; color: rgb(2, 116, 190); } #wpdcom .wpd-comment .wpd-reply-to a:hover { opacity: 1; color: rgb(0, 0, 0); } #wpdcom .wpd-comment.wpd-reply .wpd-comment-text { font-size: 14px; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up, #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down { width: 15px; height: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-result { font-size: 13px; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button { font-size: 13px; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button svg { width: 20px; height: 20px; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button span { line-height: 19px; font-size: 1em; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-tools i { font-size: 13px; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-toggle i { font-size: 14px; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-sep { height: 14px; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-reply-to { margin-bottom: 6px; border-left: 1px solid rgb(204, 204, 204); padding: 0px 10px; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar i { bottom: 0px; right: 0px; } #wpdcom.wpd-layout-1 .wpd-new-loaded-comment > .wpd-comment-wrap > .wpd-comment-right { padding-right: 15px; padding-left: 15px; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-follow-link { margin-top: 5px; } #wpdcom.wpd-layout-3 .wpd-comment-footer .wpd-toggle .wpd-view-replies { background: rgb(255, 255, 255); padding: 5px 10px; border-radius: 12px; margin-right: 1px; margin-left: -6px; } #wpdcom.wpd-layout-2 .wpd-form .wpd-form-foot { margin-left: 65px; } #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar { width: 54px; margin-right: 11px; } #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img.avatar { width: 48px; height: 48px; max-width: 48px; border-radius: 0px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 2px solid rgb(204, 204, 204); padding: 1px; background-color: rgb(255, 255, 255); vertical-align: middle; text-align: center; } #wpdcom.wpd-layout-2 .wpd-form .wpdiscuz-textarea-wrap textarea::placeholder { line-height: 27px; font-size: 15px; } #wpdcom.wpd-layout-2 .wpd-form .wpdiscuz-textarea-wrap textarea { height: 48px; } #wpdcom.wpd-layout-2 .wpd-comment { margin-bottom: 20px; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header, #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info .wpd-uinfo-top, #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info .wpd-uinfo-bottom { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-end; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info { display: block; flex-grow: 1; margin-bottom: -3px; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info .wpd-uinfo-top { flex-wrap: nowrap; align-items: center; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-comment-label { width: auto; padding: 1px 15px; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-label { margin: 0px; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar { padding-right: 15px; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar img.avatar { width: 48px; height: 48px; max-width: 48px; border-radius: 0px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 2px solid rgb(204, 204, 204); padding: 1px; background-color: rgb(255, 255, 255); vertical-align: middle; text-align: center; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar i { bottom: -2px; right: 7px; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-follow-link { font-size: 12px; padding-left: 2px; padding-right: 12px; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-text { margin: 8px 0px 5px; } #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-date { padding: 0px 10px 0px 0px; font-size: 12px; } #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-status { padding: 0px 10px; } #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-link { margin-bottom: 0px; padding-top: 1px; } #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-reply-to { font-size: 12px; padding-top: 2px; margin-left: 0px; font-style: normal; } #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-reply-to i { margin-right: 3px; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply { margin-bottom: 0px; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-header .wpd-user-info .wpd-uinfo-top { margin-bottom: 3px; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-date { padding: 0px 10px; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-label { font-size: 10px; line-height: 13px; margin: 0px 10px 0px 0px; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-follow-link { margin-right: 12px; border-right: 1px solid rgb(204, 204, 204); padding-right: 12px; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap { margin: 0px 0px 5px; background-color: rgb(250, 250, 250); border-left: 3px solid rgb(222, 222, 222); padding: 10px 15px 0px 17px; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-avatar img.avatar { border-bottom: none; } #wpdcom.wpd-layout-2 .wpd-new-loaded-comment > .wpd-comment-wrap > .wpd-comment-right { padding-right: 15px; padding-left: 15px; } #wpdcom.wpd-layout-2 .wpd-new-loaded-comment.wpd-comment.wpd-reply > .wpd-comment-wrap > .wpd-comment-right { padding-left: 0px; padding-right: 0px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-tools-actions { top: 25px; } #wpdcom.wpd-layout-3 .wpd-thread-list { padding: 35px 0px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-wrap { padding-bottom: 0px; } #wpdcom.wpd-layout-3 .wpdiscuz-edit-form-wrap { margin-left: 36px; } #wpdcom.wpd-layout-3 .wpd-form .wpd-form-foot { margin-left: 84px; } #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar { width: 67px; } #wpdcom.wpd-layout-3 .wpd-form .wpdiscuz-textarea-wrap textarea { height: 60px; padding: 14px 15px; } #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img.avatar, #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img.avatar { width: 64px; height: 64px; max-width: 64px; border-radius: 100%; padding: 3px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img { border-color: rgb(209, 209, 209); } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-wrap { margin-bottom: 35px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left { width: 70px; margin-right: -34px; position: relative; z-index: 2; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left .wpd-avatar { margin-top: -6px; } #wpdcom.wpd-layout-3 .wpd-comment-status { display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-start; font-size: 12px; line-height: 1.75; padding-top: 8px; } #wpdcom.wpd-layout-3 .wpd-comment-status .wpd-closed { font-size: 11px; } #wpdcom.wpd-layout-3 .wpd-comment-status div { margin-left: 4px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-right { padding-bottom: 0px; border-left: 1px solid rgb(209, 209, 209); border-bottom: 1px solid rgb(209, 209, 209); width: calc(100% - 35px); } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header { background-color: rgb(247, 247, 247); margin-left: -1px; padding: 10px 0px 7px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-sticky-comment .wpd-comment-header { background-color: rgb(246, 255, 244); } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author { padding-left: 42px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader { margin-left: 42px; margin-top: 0px; display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader .wpd-comment-date { flex-grow: 1; font-size: 11px; line-height: 22px; color: rgb(153, 153, 153); padding-top: 1px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader .wpd-comment-date i { font-size: 10px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-label { margin: -1px 10px 0px 0px; border-radius: 0px 0px 5px 5px; font-size: 13px; line-height: 16px; text-align: center; width: auto; padding: 3px 15px; cursor: default; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author, #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author a { font-size: 14px; font-weight: normal; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-follow-link { font-size: 12px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-share { font-size: 12px; padding: 0px 12px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-link { font-size: 11px; padding: 1px 8px 0px 0px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-text { padding-left: 30px; padding-top: 15px; padding-bottom: 17px; font-size: 16px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer { margin-bottom: -14px; margin-left: 40px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote { padding-left: 18px; margin-left: -20px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up, #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down { border: 1px solid rgb(170, 170, 170); border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5px; width: 28px; height: 28px; background-color: rgb(255, 255, 255); } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up svg.fa-chevron-up, #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down svg.fa-chevron-down { width: 15px; padding: 1px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up svg.fa-plus, #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down svg.fa-minus { width: 15px; padding: 2px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up.wpd-up { border: 1px solid rgb(0, 145, 73) !important; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down.wpd-down { border: 1px solid rgb(252, 88, 68) !important; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-result { padding: 0px 10px; font-size: 16px; background-color: rgb(255, 255, 255); border-radius: 50%; line-height: 26px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button { background-color: rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-radius: 15px; padding: 1px 20px 1px 16px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button svg { vertical-align: bottom; width: 20px; height: 20px; margin-right: 3px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-wpanel { width: 20px; height: 20px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap { padding-left: 20px; display: flex; flex-flow: row; justify-content: flex-end; align-items: center; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap i { background: rgb(255, 255, 255); border-radius: 50%; padding: 5px; height: 25px; width: 25px; line-height: 14px; border: 1px solid rgb(170, 170, 170); } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-sep { margin: 0px 3px; border: none; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img.avatar { width: 48px; height: 48px; max-width: 48px; border: none; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-wrap { margin-bottom: 0px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-status { padding-top: 0px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-reply-to { font-size: 13px; display: flex; flex-direction: row; justify-content: flex-start; margin-left: 36px; margin-top: 1px; align-items: center; background-color: rgb(247, 247, 247); padding: 5px 10px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-reply-to .wpd-comment-date { margin-left: auto; font-style: normal; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left { width: 70px; margin-right: -34px; position: relative; z-index: 2; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left .wpd-avatar { margin-top: 0px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-right { border-bottom: none; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header { background-color: transparent; margin-left: 0px; padding: 6px 0px 5px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author { padding-left: 36px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-label { margin: 0px 8px 0px 6px; border-radius: 3px; font-size: 11px; line-height: 14px; text-align: center; width: auto; padding: 1px 12px; cursor: default; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author, #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author a { font-size: 14px; font-weight: normal; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-text { padding-left: 36px; padding-top: 10px; padding-bottom: 15px; font-size: 14px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer { margin-bottom: 20px; margin-left: 36px; padding-bottom: 10px; border-bottom: 1px dashed rgb(204, 204, 204); } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote { background: transparent; padding-left: 0px; margin-left: 0px; font-size: 0px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up, #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down { border: none; padding: 0px; width: 15px; height: 15px; display: inline; background: transparent; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up.wpd-up { border: none !important; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down.wpd-down { border: none !important; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-result { padding: 0px 8px; font-size: 14px; background: transparent; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button { background: transparent; border: none; padding: 0px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button svg { vertical-align: bottom; width: 20px; height: 20px; margin-right: 3px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-tool-wrap i { background: transparent; border: none; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment.wpd-reply:last-child { margin-bottom: 30px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment.wpd-reply:last-child .wpd-comment-footer { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment.wpd-reply:last-child .wpd-comment.wpd-reply { margin-top: 20px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-new-loaded-comment > .wpd-comment-wrap > .wpd-comment-right > .wpd-comment-text { padding-right: 10px; } #wpdcom.wpd-layout-3 .wpd-comment-right .wpd-comment-last-edited { margin-left: 40px; } #wpd-bubble-wrapper { display: none; position: fixed; z-index: 99; text-align: center; opacity: 0.9; bottom: 80px; } #wpd-bubble-wrapper.wpd-bubble-hover { opacity: 1; } #wpd-bubble-wrapper #wpd-bubble-all-comments-count { font-size: 15px; font-weight: 600; font-family: sans-serif; } #wpd-bubble-wrapper > div { display: none; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(170, 170, 170) 0px 0px 15px; width: 64px; height: 64px; border-radius: 50%; color: rgb(255, 255, 255); align-items: center; justify-content: center; position: relative; } #wpd-bubble-wrapper svg { width: 60%; height: 60%; } #wpd-bubble-wrapper #wpd-bubble-count svg, #wpd-bubble-wrapper #wpd-bubble-notification svg { margin-left: 3px; margin-top: 3px; } #wpd-bubble-wrapper #wpd-bubble svg { margin-left: 2px; } #wpd-bubble-wrapper path.wpd-bubble-count-first { fill: rgb(255, 255, 255); } #wpd-bubble-wrapper path.wpd-bubble-count-second { fill: transparent; } #wpd-bubble-wrapper path.wpd-bubble-plus-first { fill: rgb(255, 255, 255); } #wpd-bubble-wrapper path.wpd-bubble-plus-second { fill: transparent; } #wpd-bubble-wrapper > #wpd-bubble-count { display: flex; cursor: pointer; } #wpd-bubble-wrapper > #wpd-bubble { cursor: pointer; } #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message { width: 400px; height: 46px; position: absolute; top: 50%; left: 75px; border-radius: 5px; padding: 7px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; font-size: 16px; } #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message { left: -412px; } #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message::before { content: ""; border-top: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid transparent; border-image: initial; position: absolute; top: 50%; left: -9px; transform: translateY(-50%); border-left: none; } #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message::before { left: 400px; border-left: 9px solid; border-right: none; } #wpd-bubble-wrapper > #wpd-bubble-count .wpd-new-comments-count { display: none; } #wpd-bubble-wrapper > #wpd-bubble-count.wpd-new-comments .wpd-new-comments-count { display: flex; border-radius: 50%; width: 25px; height: 25px; background-color: rgb(255, 132, 42); position: absolute; top: 38px; left: 38px; font-size: 15px; align-items: center; justify-content: center; border: 1px solid rgb(255, 255, 255); } #wpd-bubble-wrapper.wpd-bubble-hover > #wpd-bubble-count:not(.wpd-new-comments) + #wpd-bubble { display: flex; } #wpd-bubble-wrapper.wpd-bubble-hover > #wpd-bubble-count:not(.wpd-new-comments) { display: none; } #wpd-bubble-wrapper > #wpd-bubble-notification { background-color: rgb(254, 118, 23); } #wpd-bubble-wrapper > #wpd-bubble-notification path.wpd-bubble-notification-first { fill: rgb(255, 255, 255); } #wpd-bubble-wrapper > #wpd-bubble-notification path.wpd-bubble-notification-second { fill: transparent; } #wpd-bubble-wrapper.wpd-new-comment-added { opacity: 1; } #wpd-bubble-wrapper.wpd-new-comment-added #wpd-bubble-count { display: none; } #wpd-bubble-wrapper.wpd-new-comment-added #wpd-bubble-notification { display: flex; } #wpd-bubble-wrapper.wpd-new-comment-added #wpd-bubble-all-comments-count { color: rgb(185, 80, 29); } #wpd-bubble-wrapper #wpd-bubble-notification-message { display: none; width: 430px; height: 100%; position: absolute; background-color: rgb(251, 251, 251); top: 0px; left: 75px; border: 1px solid rgb(178, 178, 178); box-shadow: rgb(187, 187, 187) 0px 0px 10px; border-radius: 5px; padding: 7px; } #wpd-bubble-wrapper.wpd-right-corner #wpd-bubble-notification-message { left: -446px; } #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author, #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment { display: flex; align-items: center; height: 50%; } #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author { justify-content: space-between; } #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author > div { display: flex; align-items: center; } #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment { font-size: 12px; } #wpd-bubble-wrapper #wpd-bubble-notification-message span:not(.wpd-bubble-spans) { display: inline-block; margin: 5px; } #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author-avatar { width: 20px; height: 20px; line-height: 16px; } #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author-avatar img { border-radius: 50%; width: 100%; } #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author-name { color: rgb(78, 159, 147); font-size: 14px; font-weight: 600; } #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-date { color: rgb(254, 118, 23); font-size: 10px; } #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment, #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-reply-link a { color: rgb(51, 51, 51); } #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-reply-link a { color: rgb(119, 119, 119); } #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-text { font-size: 12px; margin-left: 7px; } #wpd-bubble-wrapper #wpd-bubble-notification-message::before { content: ""; border-top: 9px solid transparent; border-right: 9px solid rgb(178, 178, 178); border-bottom: 9px solid transparent; border-image: initial; position: absolute; top: 20px; left: -10px; border-left: none; padding: 0px; } #wpd-bubble-wrapper #wpd-bubble-notification-message::after { content: ""; border-top: 9px solid transparent; border-right: 9px solid rgb(251, 251, 251); border-bottom: 9px solid transparent; border-image: initial; position: absolute; top: 20px; left: -9px; border-left: none; } #wpd-bubble-wrapper.wpd-right-corner #wpd-bubble-notification-message::before { left: 429px; border-right: none; border-left: 9px solid rgb(178, 178, 178); } #wpd-bubble-wrapper.wpd-right-corner #wpd-bubble-notification-message::after { left: 428px; border-right: none; border-left: 9px solid rgb(251, 251, 251); } #wpd-bubble-wrapper #wpd-bubble-comment-close a { color: rgb(51, 51, 51); text-decoration: none; } #wpd-bubble-wrapper #wpd-bubble-add-message-close { display: inline-block; top: 0px; right: 10px; position: absolute; } #wpd-bubble-wrapper #wpd-bubble-add-message-close a { color: rgb(255, 255, 255); text-decoration: none; display: inline-block; } .wpd-inline-shortcode { display: inline; } .wpd-inline-shortcode.wpd-active { background-color: rgb(233, 247, 244); padding: 5px 0px; } .wpd-inline-shortcode .wpd-inline-form-close { display: inline-block; top: 0px; right: 10px; position: absolute; } .wpd-inline-shortcode .wpd-inline-form-close a { color: rgb(255, 255, 255); text-decoration: none; display: inline-block; box-shadow: none; border-bottom: none; } .wpd-inline-shortcode .wpd-inline-form-close a:hover { color: rgb(255, 255, 255); text-decoration: none; box-shadow: none; border-bottom: none; } .wpd-inline-icon-wrapper { display: inline-block; position: relative; height: 24px; vertical-align: middle; padding: 0px 7px; } .wpd-inline-icon-wrapper svg.wpd-inline-icon { cursor: pointer; display: inline-block; background: transparent; } .wpd-inline-icon-wrapper path.wpd-inline-icon-second { fill: transparent; } .wpd-inline-icon-count { position: relative; height: 20px; border-radius: 2px; padding: 0px 11px; cursor: pointer; margin-left: 7px; vertical-align: top; color: rgb(255, 255, 255); font-family: Arial; font-size: 13px; line-height: 20px; display: none; } .wpd-inline-icon-count.wpd-has-comments { display: inline-flex; } .wpd-inline-icon-count::before { content: ""; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-image: initial; position: absolute; top: 6px; left: -5px; border-left: none; padding: 0px; } .wpd-inline-form-wrapper { display: none; text-shadow: none; position: absolute; top: 35px; left: -191px; width: 400px; background-color: transparent; z-index: 9; } .wpd-inline-form-wrapper::before { content: ""; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-image: initial; position: absolute; top: -10px; left: 50%; border-top: none; padding: 0px; } .wpd-inline-form-question { border-radius: 4px; padding: 10px 20px; color: rgb(255, 255, 255); font-size: 16px; } .wpd-inline-form { border-radius: 4px; padding: 12px; margin-top: 5px; } .wpd-inline-form form { margin: 0px; padding: 0px; } .wpd-inline-form input, .wpd-inline-form button { border-radius: 4px; padding: 5px 10px; font-size: 12px; } .wpd-inline-form button.wpd-inline-submit span { color: rgb(255, 255, 255); } .wpd-inline-form .wpd-inline-notification { color: rgb(255, 255, 255); font-size: 12px; line-height: 17px; display: flex; align-items: center; padding: 5px 0px 8px; cursor: pointer; } .wpd-inline-form .wpd-inline-comment-input { width: 100%; border: none; height: 30px; border-radius: 4px; } .wpd-inline-form .wpd-inline-comment-content { resize: vertical; margin-bottom: 5px; width: 100%; border-radius: 4px; border: none; box-shadow: rgb(221, 221, 221) 2px 2px 2px 0px inset; font-size: 13px; background-color: rgb(249, 249, 249); min-height: auto; height: 76px; max-width: 100% !important; line-height: 20px !important; } .wpd-inline-form .wpd-inline-comment-content:focus { background-color: rgb(255, 255, 255); } .wpd-inline-form-second-row { display: flex; justify-content: space-between; height: 30px; } .wpd-inline-form input.wpd-inline-name-input { width: 32%; margin-right: 5px; border: none; box-shadow: rgb(221, 221, 221) 2px 2px 2px 0px inset; } .wpd-inline-form button.wpd-inline-submit { flex-grow: 1; justify-content: space-around; align-items: center; flex-direction: row; max-width: 40% !important; border: 1px solid rgb(255, 255, 255) !important; background-color: transparent !important; display: flex !important; } .wpd-inline-form button.wpd-inline-submit span { padding: 0px; margin: 0px; line-height: 20px; font-size: 13px; text-transform: uppercase; } .wpd-inline-form button.wpd-inline-submit:hover { opacity: 0.8; text-decoration: none; } .wpd-inline-submit-icon { vertical-align: top; width: 20px; height: 18px; } .wpd-inline-icon-wrapper path.wpd-inline-submit-icon-first { fill: rgb(255, 255, 255); } .wpd-inline-icon-wrapper path.wpd-inline-submit-icon-second { fill: transparent; } .wpd-last-inline-comments-wrapper { position: absolute; text-align: center; width: 220px; background-color: rgb(251, 251, 251); border: 1px solid; border-radius: 5px; top: 35px; left: -60%; z-index: 2; box-shadow: rgb(238, 238, 238) -7px 0px 15px 3px inset; } .wpd-last-inline-comments-wrapper::before { content: ""; border-right: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid transparent; border-image: initial; position: absolute; top: -9px; left: 40%; border-top: none; padding: 0px; } .wpd-last-inline-comments-wrapper::after { content: ""; border-right: 9px solid transparent; border-bottom: 9px solid rgb(248, 248, 248); border-left: 9px solid transparent; border-image: initial; position: absolute; top: -8px; left: 40%; border-top: none; } .wpd-last-inline-comments { padding: 10px; text-align: left; } .wpd-last-inline-comment:not(:last-child) { border-bottom: 1px dashed rgb(187, 187, 187); margin-bottom: 3px; } .wpd-last-inline-comment > div { color: rgb(102, 102, 102); } .wpd-last-inline-comment .wpd-last-inline-comment-author-name { margin-left: 5px; margin-top: 0px; font-size: 16px; line-height: 24px; } .wpd-last-inline-comment .wpd-last-inline-comment-date { font-size: 10px; display: block; margin: -6px 0px 0px 37px; padding: 0px; line-height: 12px; } .wpd-last-inline-comment .wpd-last-inline-comment-text { line-height: 18px; font-size: 12px; padding: 4px 0px 6px; color: rgb(119, 119, 119); } .wpd-last-inline-comment span { display: inline-block; margin: 2px; } .wpd-last-inline-comment-author-avatar { } .wpd-last-inline-comment-author-avatar img { border-radius: 50%; width: 30px; height: 30px; vertical-align: middle; display: inline-block !important; } .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments { display: inline-block; color: rgb(255, 255, 255); border-radius: 15px; padding: 3px 15px; font-size: 11px; margin: 0px 0px 15px; opacity: 0.9; text-decoration: none !important; box-shadow: none !important; } .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:hover, .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:active, .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:focus { color: rgb(255, 255, 255); opacity: 1; text-decoration: none !important; box-shadow: none !important; } .wpd-inline-icon.wpd-ignored path.wpd-inline-icon-first { animation: 30s ease 0s infinite normal none running wpd_wiggle, 7s ease-out 0s infinite normal none running wpd_blink; } @keyframes wpd_wiggle { 0% { transform: rotate(-3deg); } 2% { transform: rotate(20deg); } 4% { transform: rotate(-15deg); } 6% { transform: rotate(5deg); } 8% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } } @keyframes wpd_blink { 0% { opacity: 1; } 60% { opacity: 1; } 80% { opacity: 0.6; } 100% { opacity: 1; } } #wpdcom .wpd-tools { position: relative; } #wpdcom .wpd-tools-actions { display: none; font-family: "Arial Hebrew", Arial, sans-serif; font-size: 14px; position: absolute; left: -50%; min-width: 100px; flex-direction: column; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); padding: 5px 8px; border-radius: 3px; z-index: 9; color: rgb(153, 153, 153); top: 26px; } #wpdcom .wpd-tools-actions .wpd-cta-button { cursor: pointer; line-height: 18px; padding: 2px 5px; } #wpdcom .wpd-tools-actions .wpd-cta-button a { color: rgb(153, 153, 153); } #wpdcom .wpd-tools-actions .wpd-cta-button:hover { background-color: rgb(245, 245, 245); } #wpdcom .wpdf-sorting { position: relative; } #wpdcom .wpdiscuz-sort-buttons { display: none; position: absolute; flex-direction: column; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); padding: 5px; border-radius: 3px; width: 100%; left: 0px; top: 32px; z-index: 9; } #wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button { padding: 5px 0px; } #wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button:hover { background-color: rgb(245, 245, 245); } #wpdcom .wpd-comment .wpd-comment-status .wpd-unapproved { color: rgb(252, 144, 7); } #wpdiscuz-comment-message { position: fixed; top: 38px; right: 5px; width: 400px; z-index: 99999; font-size: 14px; line-height: 20px; } #wpdiscuz-comment-message.wpdiscuz-comment-message-auth { top: 60px; } #wpdiscuz-comment-message div { color: rgb(255, 255, 255); padding: 5px 10px; margin-top: 5px; } #wpdiscuz-comment-message .wpdiscuz-message-error { background-color: rgb(211, 47, 47); box-shadow: rgb(102, 102, 102) 0px 0px 8px; padding: 10px 20px; } #wpdiscuz-comment-message .wpdiscuz-message-success { background-color: rgb(76, 175, 80); box-shadow: rgb(102, 102, 102) 0px 0px 8px; padding: 10px 20px; } #wpdiscuz-comment-message .wpdiscuz-message-warning { background-color: rgb(255, 167, 38); box-shadow: rgb(102, 102, 102) 0px 0px 8px; padding: 10px 20px; } #wpd-editor-source-code-wrapper-bg { display: none; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.6); width: 100%; z-index: 9999999; height: 100%; } #wpd-editor-source-code-wrapper { display: none; width: 50%; height: 350px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); z-index: 99999991; justify-content: center; align-items: center; padding: 5px; border-radius: 5px; text-align: right; } #wpd-editor-source-code { height: 300px; width: 100%; resize: none; } #wpd-insert-source-code { padding: 3px 40px; margin-top: 5px; } .wpd-vote-result-sep { height: 11px; align-self: center; width: 1px; background-color: rgb(204, 204, 204); } #wpdiscuz-loading-bar { position: fixed; top: 6px; right: 12px; width: 32px; height: 25px; border: 0px; background-image: url(""); z-index: 999999; display: none; } #wpdiscuz-loading-bar.wpdiscuz-loading-bar-auth { top: 38px; } #wpdcom .wpd-comment-info-bar { display: none; padding: 10px; margin: 20px auto 0px; flex-direction: row; justify-content: space-between; font-size: 14px; } #wpdcom .wpd-current-view { padding: 3px; color: rgb(85, 85, 85); } #wpdcom .wpd-comment-info-bar .wpd-current-view i { margin-right: 6px; font-size: 18px; } #wpdcom .wpd-filter-view-all { color: rgb(255, 255, 255); background: rgb(153, 153, 153); padding: 5px 20px; font-size: 13px; cursor: pointer; border-radius: 3px; } #wpdcom #bywpdiscuz { display: none; } #wpdcom .by-wpdiscuz { text-align: right; border-top: 1px solid rgb(221, 221, 221); padding: 1px; } #wpdcom .by-wpdiscuz a { font-size: 11px; font-weight: bold; text-align: right; color: rgb(204, 204, 204); padding: 1px; margin: 0px; line-height: 12px; border: 0px; text-decoration: none; } #wpdcom .wpdimg { border: 0px; padding: 0px; margin: 0px; height: 12px; cursor: pointer; display: inline; clear: both; } #wpdcom .wc-copyright { margin: 0px 0px 0px auto; text-align: right; display: block; padding-top: 2px; } #wpdcom .wc-copyright a { font-size: 9px; color: rgb(170, 170, 170); cursor: help; text-decoration: none; margin: 0px; padding: 0px; border: 0px; } #wpdcom.wpdiscuz_no_avatar .wpd-comment .wpd-comment-right { flex-basis: 100%; } #wpdcom.wpdiscuz_no_avatar .wpd-form .wpdiscuz-textarea-wrap.wpd-txt textarea { flex-basis: 100%; } #wpdcom.wpdiscuz_no_avatar.wpd-layout-1 .wpd-form .wpd-form-foot, #wpdcom.wpdiscuz_no_avatar.wpd-layout-2 .wpd-form .wpd-form-foot, #wpdcom.wpdiscuz_no_avatar.wpd-layout-3 .wpd-form .wpd-form-foot { margin-left: 0px; } #wpdcom.wpdiscuz_no_avatar.wpd-layout-1 .wpd-comment .wpd-comment-wrap { display: block; } #wpdcom.wpdiscuz_no_avatar.wpd-layout-1 .wpd-comment .wpd-follow-link { text-align: left; } .wc_comment_edit_not_possible, .wc_comment_not_edited, .wc_comment_not_updated, .wc_deny_voting_from_same_ip, .wc_error_email_text, .wc_error_url_text, .wc_follow_email_confirm_fail, .wc_follow_impossible, .wc_follow_login_to_follow, .wc_follow_not_added, .wc_invalid_captcha, .wc_invalid_field, .wc_login_to_vote, .wc_msg_input_max_length, .wc_msg_input_min_length, .wc_msg_required_fields, .wc_self_vote, .wc_vote_only_one_time, .wc_voting_error, .wpdiscuz-sendmail-error { font-size: 14px; text-align: center; color: rgb(206, 74, 102); border: 1px solid rgb(242, 211, 210); padding: 5px 10px; width: 100%; box-sizing: border-box; margin: 5px 0px; border-radius: 3px; background-color: rgb(252, 232, 232) !important; } .wpd-ajax-error { font-size: 14px; text-align: center; color: rgb(206, 74, 102); border: 1px solid rgb(242, 211, 210); padding: 5px 10px; width: 100%; box-sizing: border-box; margin: 5px 0px; border-radius: 3px; background-color: rgb(252, 232, 232) !important; } #wpdcom .wpd-avatar img { border-color: rgb(153, 153, 153); } #wpdcom .wpd-comment-label { color: rgb(102, 102, 102); border: 1px solid rgb(153, 153, 153); } #wpdcom .wpd-comment-author, #wpdcom .wpd-comment-author a { color: rgb(102, 102, 102); text-decoration: none; } #wpdcom .wpd-blog-user .wpd-comment-label { color: rgb(255, 255, 255); background-color: rgb(49, 131, 158); border: none; } #wpdcom .wpd-blog-user .wpd-comment-author, #wpdcom .wpd-blog-user .wpd-comment-author a { color: rgb(49, 131, 158); } #wpdcom.wpd-layout-3 .wpd-blog-user .wpd-comment-subheader { border-top: 1px dashed rgb(49, 131, 158); } #wpdcom .wpd-soc-user-google .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(191, 48, 28) !important; } #wpdcom .wpd-soc-user-google .wpd-comment-author, #wpdcom .wpd-soc-user-google .wpd-comment-author a { color: rgb(191, 48, 28) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-google { border-left: 3px solid rgb(191, 48, 28) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-google .wpd-avatar img { border-bottom-color: rgb(191, 48, 28) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-google .wpd-comment-subheader { border-top: 1px dashed rgb(191, 48, 28) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-google .wpd-comment-right { border-left: 1px solid rgb(191, 48, 28) !important; } #wpdcom .wpd-soc-user-google .wpd-avatar i { background: rgb(191, 48, 28) !important; } #wpdcom .wpd-soc-user-telegram .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(35, 156, 215) !important; } #wpdcom .wpd-soc-user-telegram .wpd-comment-author, #wpdcom .wpd-soc-user-telegram .wpd-comment-author a { color: rgb(35, 156, 215) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-telegram { border-left: 3px solid rgb(35, 156, 215) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-telegram .wpd-avatar img { border-bottom-color: rgb(35, 156, 215) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-telegram .wpd-comment-subheader { border-top: 1px dashed rgb(35, 156, 215) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-telegram .wpd-comment-right { border-left: 1px solid rgb(35, 156, 215) !important; } #wpdcom .wpd-soc-user-telegram .wpd-avatar i { background: rgb(35, 156, 215) !important; } #wpdcom .wpd-soc-user-facebook .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(66, 103, 178) !important; } #wpdcom .wpd-soc-user-facebook .wpd-comment-author, #wpdcom .wpd-soc-user-facebook .wpd-comment-author a { color: rgb(66, 103, 178) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-facebook { border-left: 3px solid rgb(66, 103, 178) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-facebook .wpd-avatar img { border-bottom-color: rgb(66, 103, 178) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-facebook .wpd-comment-subheader { border-top: 1px dashed rgb(66, 103, 178) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-facebook .wpd-comment-right { border-left: 1px solid rgb(66, 103, 178) !important; } #wpdcom .wpd-soc-user-facebook .wpd-avatar i { background: rgb(66, 103, 178) !important; } #wpdcom .wpd-soc-user-twitter .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(0, 0, 0) !important; } #wpdcom .wpd-soc-user-twitter .wpd-comment-author, #wpdcom .wpd-soc-user-twitter .wpd-comment-author a { color: rgb(0, 0, 0) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-twitter { border-left: 3px solid rgb(0, 0, 0) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-twitter .wpd-avatar img { border-bottom-color: rgb(0, 0, 0) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-twitter .wpd-comment-subheader { border-top: 1px dashed rgb(0, 0, 0) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-twitter .wpd-comment-right { border-left: 1px solid rgb(0, 0, 0) !important; } #wpdcom .wpd-soc-user-twitter .wpd-avatar i { background: rgb(0, 0, 0) !important; } #wpdcom .wpd-soc-user-vk .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(74, 118, 168) !important; } #wpdcom .wpd-soc-user-vk .wpd-comment-author, #wpdcom .wpd-soc-user-vk .wpd-comment-author a { color: rgb(74, 118, 168) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-vk { border-left: 3px solid rgb(74, 118, 168) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-vk .wpd-avatar img { border-bottom-color: rgb(74, 118, 168) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-vk .wpd-comment-subheader { border-top: 1px dashed rgb(74, 118, 168) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-vk .wpd-comment-right { border-left: 1px solid rgb(74, 118, 168) !important; } #wpdcom .wpd-soc-user-vk .wpd-avatar i { background: rgb(74, 118, 168) !important; } #wpdcom .wpd-soc-user-ok .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(238, 130, 8) !important; } #wpdcom .wpd-soc-user-ok .wpd-comment-author, #wpdcom .wpd-soc-user-ok .wpd-comment-author a { color: rgb(238, 130, 8) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-ok { border-left: 3px solid rgb(238, 130, 8) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-ok .wpd-avatar img { border-bottom-color: rgb(238, 130, 8) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-ok .wpd-comment-subheader { border-top: 1px dashed rgb(238, 130, 8) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-ok .wpd-comment-right { border-left: 1px solid rgb(238, 130, 8) !important; } #wpdcom .wpd-soc-user-ok .wpd-avatar i { background: rgb(238, 130, 8) !important; } #wpdcom .wpd-soc-user-disqus .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(33, 150, 243) !important; } #wpdcom .wpd-soc-user-disqus .wpd-comment-author, #wpdcom .wpd-soc-user-disqus .wpd-comment-author a { color: rgb(33, 150, 243) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-disqus { border-left: 3px solid rgb(33, 150, 243) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-disqus .wpd-avatar img { border-bottom-color: rgb(33, 150, 243) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-disqus .wpd-comment-subheader { border-top: 1px dashed rgb(33, 150, 243) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-disqus .wpd-comment-right { border-left: 1px solid rgb(33, 150, 243) !important; } #wpdcom .wpd-soc-user-disqus .wpd-avatar i { background: rgb(33, 150, 243) !important; } #wpdcom .wpd-soc-user-wordpress .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(0, 0, 0) !important; } #wpdcom .wpd-soc-user-wordpress .wpd-comment-author, #wpdcom .wpd-soc-user-wordpress .wpd-comment-author a { color: rgb(0, 0, 0) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-wordpress { border-left: 3px solid rgb(85, 85, 85) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-wordpress .wpd-avatar img { border-bottom-color: rgb(0, 0, 0) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-wordpress .wpd-comment-subheader { border-top: 1px dashed rgb(0, 0, 0) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-wordpress .wpd-comment-right { border-left: 1px solid rgb(0, 0, 0) !important; } #wpdcom .wpd-soc-user-wordpress .wpd-avatar i { background: rgb(0, 0, 0) !important; } #wpdcom .wpd-soc-user-instagram .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(249, 113, 73) !important; } #wpdcom .wpd-soc-user-instagram .wpd-comment-author, #wpdcom .wpd-soc-user-instagram .wpd-comment-author a { color: rgb(249, 113, 73) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-instagram { border-left: 3px solid rgb(249, 113, 73) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-instagram .wpd-avatar img { border-bottom-color: rgb(249, 113, 73) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-instagram .wpd-comment-subheader { border-top: 1px dashed rgb(249, 113, 73) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-instagram .wpd-comment-right { border-left: 1px solid rgb(249, 113, 73) !important; } #wpdcom .wpd-soc-user-instagram .wpd-avatar i { background: rgb(249, 113, 73) !important; } #wpdcom .wpd-soc-user-linkedin .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(0, 123, 182) !important; } #wpdcom .wpd-soc-user-linkedin .wpd-comment-author, #wpdcom .wpd-soc-user-linkedin .wpd-comment-author a { color: rgb(0, 123, 182) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-linkedin { border-left: 3px solid rgb(0, 123, 182) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-linkedin .wpd-avatar img { border-bottom-color: rgb(0, 123, 182) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-linkedin .wpd-comment-subheader { border-top: 1px dashed rgb(0, 123, 182) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-linkedin .wpd-comment-right { border-left: 1px solid rgb(0, 123, 182) !important; } #wpdcom .wpd-soc-user-linkedin .wpd-avatar i { background: rgb(0, 123, 182) !important; } #wpdcom .wpd-soc-user-yandex .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(255, 0, 0) !important; } #wpdcom .wpd-soc-user-yandex .wpd-comment-author, #wpdcom .wpd-soc-user-yandex .wpd-comment-author a { color: rgb(255, 0, 0) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-yandex { border-left: 3px solid rgb(255, 0, 0) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-yandex .wpd-avatar img { border-bottom-color: rgb(255, 0, 0) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-yandex .wpd-comment-subheader { border-top: 1px dashed rgb(255, 0, 0) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-yandex .wpd-comment-right { border-left: 1px solid rgb(255, 0, 0) !important; } #wpdcom .wpd-soc-user-yandex .wpd-avatar i { background: rgb(255, 0, 0) !important; } #wpdcom .wpd-soc-user-mailru .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(22, 141, 226) !important; } #wpdcom .wpd-soc-user-mailru .wpd-comment-author, #wpdcom .wpd-soc-user-mailru .wpd-comment-author a { color: rgb(22, 141, 226) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-mailru { border-left: 3px solid rgb(22, 141, 226) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-mailru .wpd-avatar img { border-bottom-color: rgb(22, 141, 226) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-mailru .wpd-comment-subheader { border-top: 1px dashed rgb(22, 141, 226) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-mailru .wpd-comment-right { border-left: 1px solid rgb(22, 141, 226) !important; } #wpdcom .wpd-soc-user-mailru .wpd-avatar i { background: rgb(22, 141, 226) !important; } #wpdcom .wpd-soc-user-mailru .wpd-avatar i svg { fill: rgb(255, 158, 0); } #wpdcom .wpd-soc-user-weibo .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(213, 42, 44) !important; } #wpdcom .wpd-soc-user-weibo .wpd-comment-author, #wpdcom .wpd-soc-user-weibo .wpd-comment-author a { color: rgb(213, 42, 44) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-weibo { border-left: 3px solid rgb(213, 42, 44) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-weibo .wpd-avatar img { border-bottom-color: rgb(213, 42, 44) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-weibo .wpd-comment-subheader { border-top: 1px dashed rgb(213, 42, 44) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-weibo .wpd-comment-right { border-left: 1px solid rgb(213, 42, 44) !important; } #wpdcom .wpd-soc-user-weibo .wpd-avatar i { background: rgb(213, 42, 44) !important; } #wpdcom .wpd-soc-user-weixin .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(32, 195, 0) !important; } #wpdcom .wpd-soc-user-weixin .wpd-comment-author, #wpdcom .wpd-soc-user-weixin .wpd-comment-author a { color: rgb(32, 195, 0) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-weixin { border-left: 3px solid rgb(32, 195, 0) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-weixin .wpd-avatar img { border-bottom-color: rgb(32, 195, 0) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-weixin .wpd-comment-subheader { border-top: 1px dashed rgb(32, 195, 0) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-weixin .wpd-comment-right { border-left: 1px solid rgb(32, 195, 0) !important; } #wpdcom .wpd-soc-user-weixin .wpd-avatar i { background: rgb(32, 195, 0) !important; } #wpdcom .wpd-soc-user-qq .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(20, 121, 215) !important; } #wpdcom .wpd-soc-user-qq .wpd-comment-author, #wpdcom .wpd-soc-user-qq .wpd-comment-author a { color: rgb(20, 121, 215) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-qq { border-left: 3px solid rgb(20, 121, 215) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-qq .wpd-avatar img { border-bottom-color: rgb(20, 121, 215) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-qq .wpd-comment-subheader { border-top: 1px dashed rgb(20, 121, 215) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-qq .wpd-comment-right { border-left: 1px solid rgb(20, 121, 215) !important; } #wpdcom .wpd-soc-user-qq .wpd-avatar i { background: rgb(20, 121, 215) !important; } #wpdcom .wpd-soc-user-baidu .wpd-comment-label { color: rgb(255, 255, 255); border: none; background-color: rgb(242, 63, 64) !important; } #wpdcom .wpd-soc-user-baidu .wpd-comment-author, #wpdcom .wpd-soc-user-baidu .wpd-comment-author a { color: rgb(242, 63, 64) !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-baidu { border-left: 3px solid rgb(242, 63, 64) !important; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-baidu .wpd-avatar img { border-bottom-color: rgb(242, 63, 64) !important; } #wpdcom.wpd-layout-3 .wpd-soc-user-baidu .wpd-comment-subheader { border-top: 1px dashed rgb(242, 63, 64) !important; } #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-baidu .wpd-comment-right { border-left: 1px solid rgb(242, 63, 64) !important; } #wpdcom .wpd-soc-user-baidu .wpd-avatar i { background: rgb(242, 63, 64) !important; } #wpdcom .wpd-soc-user-baidu .wpd-avatar i svg { fill: rgb(35, 25, 220); } .wpd-comment-text pre { overflow: auto; display: block; max-width: 100%; } .wpd-inline-icon.wpd-blink { animation: 1s ease 0s 1 normal none running wpdBlink; } @keyframes wpdBlink { 50% { transform: scale(1.5); } } #wpdcom.wpd-dark .wpd-cf-label { background: rgb(85, 85, 85); color: rgb(204, 204, 204); border-bottom: 1px solid rgb(119, 119, 119); } #wpdcom.wpd-dark .wpd-cf-value { border-bottom: 1px solid rgb(119, 119, 119); } #wpdcom.wpd-dark .wpd-comment .wpd-avatar img, #wpdcom.wpd-dark .wpd-comment .wpd-avatar img.avatar { background-color: rgb(153, 153, 153); } #wpdcom.wpd-dark .wpd-comment .wpd-avatar i { border: 2px solid rgb(204, 204, 204); } #wpdcom.wpd-dark .wpd-field-group-title { color: rgb(204, 204, 204); } #wpdcom.wpd-dark .wpd-sbs-toggle { color: rgb(170, 170, 170); } #wpdcom.wpd-dark .wpd-thread-head .wpd-thread-info { color: rgb(170, 170, 170); } #wpdcom.wpd-dark .wpd-thread-filter .wpdf-sorting { color: rgb(153, 153, 153); } #wpdcom.wpd-dark .ql-toolbar { background-color: rgb(51, 51, 51); } #wpdcom.wpd-dark .wpd-editor-char-counter { color: rgb(221, 221, 221); } #wpdcom.wpd-dark .wpd-form-row .wpdiscuz-item .wpd-field-desc { color: rgb(102, 102, 102); border-left: 1px solid rgb(102, 102, 102); } #wpdcom.wpd-dark .wpd-form-row .wpdiscuz-item .wpd-field-icon { opacity: 1; color: rgb(85, 85, 85); } #wpdcom.wpd-dark .wpdem-sticker-container.wpdem-sticker-open { box-shadow: none; } #wpdcom.wpd-dark .wpdem-sticker-container { background-color: rgb(153, 153, 153); } #wpdcom.wpd-dark.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap { background-color: rgb(41, 41, 41); } #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment.wpd-sticky-comment .wpd-comment-header { background-color: rgb(41, 41, 41); } #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up, #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down { background-color: rgb(34, 34, 34); } #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-right { border-left: 1px solid rgb(102, 102, 102); border-bottom: 1px solid rgb(102, 102, 102); } #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-right { border-bottom: none; } #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-result { background-color: rgb(34, 34, 34); } #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button { background-color: rgb(34, 34, 34); } #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .trns-moderate-comments { background-color: rgb(34, 34, 34); } #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap { background: rgb(34, 34, 34); } #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap i { background: rgb(34, 34, 34); } #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-reply-to { background-color: transparent; border-bottom: 1px solid rgb(102, 102, 102); } #wpdcom.wpd-dark #wpdiscuz-search-form .wpdiscuz-search-box { background-color: rgb(17, 17, 17); border: 1px solid rgb(85, 85, 85); } #wpdcom.wpd-dark .wpd-comment-text .wpd-inline-feedback-wrapper { background-color: rgb(102, 102, 102); color: rgb(204, 204, 204); } #wpdcom.wpd-dark .wpd-soc-user-wordpress .wpd-comment-label { background-color: rgb(102, 102, 102); } #wpdcom.wpd-dark .wpd-soc-user-wordpress .wpd-comment-author, #wpdcom .wpd-soc-user-wordpress .wpd-comment-author a { color: rgb(102, 102, 102); } #wpdcom.wpd-dark.wpd-layout-1 .wpd-comment .wpd-soc-user-wordpress .wpd-avatar img { border-color: rgb(102, 102, 102); } #wpdcom.wpd-dark.wpd-layout-2 .wpd-comment .wpd-soc-user-wordpress .wpd-avatar img { border-bottom-color: rgb(102, 102, 102); } #wpdcom.wpd-dark.wpd-layout-3 .wpd-soc-user-wordpress .wpd-comment-subheader { border-top: 1px dashed rgb(102, 102, 102); } #wpdcom.wpd-dark.wpd-layout-3 .wpd-reply .wpd-soc-user-wordpress .wpd-comment-right { border-left: 1px solid rgb(102, 102, 102); } @media screen and (max-width: 1024px) { #wpd-bubble-wrapper > div { width: 40px; height: 40px; } #wpd-bubble-wrapper #wpd-bubble-all-comments-count { font-size: 13px; } #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message { height: auto; padding: 7px 14px; justify-content: flex-start; font-size: 14px; } #wpd-bubble-wrapper.wpd-left-corner, #wpd-bubble-wrapper.wpd-left-content { left: 10px !important; } #wpd-bubble-wrapper.wpd-right-corner { } #wpd-bubble-wrapper.wpd-left-corner > #wpd-bubble #wpd-bubble-add-message, #wpd-bubble-wrapper.wpd-left-content > #wpd-bubble #wpd-bubble-add-message { left: 53px; } #wpd-bubble-wrapper.wpd-left-corner > #wpd-bubble #wpd-bubble-add-message::before, #wpd-bubble-wrapper.wpd-left-content > #wpd-bubble #wpd-bubble-add-message::before { left: -9px; } #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message { left: auto; right: 55px; } #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message::before { left: auto; right: -9px; } } @media screen and (max-width: 600px) { #comments, #respond { padding-left: 0px !important; padding-right: 0px !important; } #wpdcom { padding: 5px 3%; overflow-x: hidden; } #wpdcom .wpd-form-row div:hover.wpd-field-desc span { margin-left: -187px; } #wpdcom .wpd-form-row div.wpd-field-desc span::after { margin-left: 80px; } .wpd-inline-form-wrapper { left: 0px; width: 320px; position: relative; top: 7px; bottom: 15px; } .wpd-inline-form-wrapper::before { display: none; } .wpd-inline-form-question { padding: 5px 20px; color: rgb(255, 255, 255); font-size: 16px; line-height: 1.7; } .wpd-inline-form-wrapper .wpd-inline-submit-icon { display: none; } .wpd-last-inline-comments-wrapper { position: relative; width: 300px; top: 0px; left: 0px; } .wpd-last-inline-comments-wrapper::after, .wpd-last-inline-comments-wrapper::before { display: none; } .wpd-inline-form .wpd-inline-comment-content { font-size: 16px; padding: 5px; } .wpd-inline-form-second-row { height: auto; flex-direction: column; } .wpd-inline-form input.wpd-inline-name-input { width: 100%; margin-bottom: 10px; font-size: 16px; padding: 2px 5px; } #wpd-bubble-wrapper { bottom: 20px; } #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message { width: 270px; } #wpdcom .wpd-auth { margin: 0px 0px 2px -3px; } #wpdcom .wpd-social-login .wpd-connect-with { display: none !important; } #wpdcom .wpd-form .wpd-avatar { display: none; } #wpdcom .wpd-form.wpd-form-wrapper { padding-right: 5px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt textarea { flex-basis: 100%; width: 100%; } #wpdcom .wpdiscuz_select { font-size: 16px !important; } #wpdcom .wpdiscuz-subscribe-form-email { font-size: 16px; display: block; padding: 10px 0px 0px; width: 98%; margin: 0px auto; } #wpdcom .wpdiscuz-subscribe-form-email input[type="email"] { font-size: 16px !important; } #wpdcom .wpd-form .wpd-form-foot, #wpdcom.wpd-layout-2 .wpd-form .wpd-form-foot, #wpdcom.wpd-layout-3 .wpd-form .wpd-form-foot { margin-left: 0px; } #wpdcom .wpd-form-row .wpd-form-col-left, #wpdcom .wpd-form-row .wpd-form-col-right { width: 100%; float: none; } #wpdcom .wpdiscuz-item.wpd-field-group.wpd-field-rating { border-bottom: none; height: auto; } #wpdcom .wpdiscuz-item .wpdiscuz-rating > label { font-size: 1.4em; } #wpdcom .ql-toolbar { padding: 5px 8px 3px 5px; } #wpdcom .ql-snow.ql-toolbar button, #wpdcom .ql-snow .ql-toolbar button { height: 24px !important; padding: 4px 5px !important; width: 24px !important; } #wpdcom .ql-toolbar .wpd-editor-buttons-right .wmu-upload-wrap { font-size: 1.3em !important; } #wpdcom .wpd-field-captcha .wpdiscuz-recaptcha { transform: scale(0.9); margin-top: 3px; } #wpdcom .wpd-field-captcha .wpdiscuz-recaptcha div { width: auto !important; } #wpdcom .wpd-field-radio .wpd-item, #wpdcom .wpd-field-checkbox .wpd-item { display: block; } #wpdcom .wpd-field-radio .wpd-field, #wpdcom .wpd-field-checkbox .wpd-field { height: auto; float: none; vertical-align: middle; } #wpdcom .wpd-field-radio .wpd-field-label, #wpdcom .wpd-field-checkbox .wpd-field-label { font-size: 14px; } #wpdcom .wpd-form-col-left .wpd-field-group .wpd-field-group-title, #wpdcom .wpd-form-col-right .wpd-field-group .wpd-field-group-title, #wpdcom .wpd-form-col-full .wpd-field-group .wpd-field-group-title { font-size: 14px; } #wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="password"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="week"], #wpdcom textarea, #wpdcom select, #wpdcom .wpd-form-row .wpd-field { font-size: 16px !important; height: auto; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap { flex-basis: 100%; width: 100%; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .quicktags-toolbar { margin-bottom: 2px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .quicktags-toolbar .ed_button { font-size: 14px; width: 19%; } #wpdiscuz-comment-message { width: 97%; } #wpdcom .wpd-hidden { visibility: visible; opacity: 1; } #wpdcom .wpd-tools-actions { left: auto; right: 0px; } #wpdcom .wpd-thread-head .wpd-thread-info { flex-basis: 100%; border-bottom: 2px solid rgb(204, 204, 204); } #wpdcom .wpd-thread-head .wpd-thread-filter { margin-top: 5px; } #wpdcom .wpdiscuz-subscribe-form-button { width: 99%; margin-top: 8px; } #wpdcom .wpdiscuz-subscribe-bar #wpdiscuz_subscription_button { width: 100%; min-height: 20px !important; height: 26px !important; } #wpdcom .wpd-comment-footer .wpd-toggle .wpd-view-replies { display: inline-block; width: 78px; white-space: nowrap; overflow: hidden; font-size: 10px !important; } #wpdcom .wpd-comment .wpd-comment-wrap { display: block; } #wpdcom .wpd-comment-footer { flex-wrap: wrap; } #wpdcom .wpd-comment .wpd-comment-left { width: 100%; } #wpdcom .wpd-comment .wpd-comment-right { width: 100%; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-comment-left { text-align: left; } #wpdcom.wpd-layout-1 .wpd-comment.wpd-reply .wpd-comment-left { width: 100%; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar { display: inline-block; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-form .wpd-avatar { display: none; } #wpdcom.wpd-layout-1 .wpd-comment-label { display: inline-block; } #wpdcom.wpd-layout-1 .wpd-comment-header .wpd-comment-link { padding-top: 0px; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-comment-label { width: auto; padding: 1px 10px; } #wpdcom.wpd-layout-1 .wpd-comment.wpd-reply .wpd-comment-label { display: inline-block; margin: 10px auto 5px; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-follow-link { display: inline-block; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar { margin-right: 5px; vertical-align: bottom; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar img, #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar img.avatar { width: 36px; height: 36px; padding: 1px; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar i { padding: 2px; font-size: 9px; border: 1px solid rgb(255, 255, 255); width: 16px; } #wpdcom.wpd-layout-1 .wpd-reply.wpd_comment_level-2 { margin-left: 25px; } #wpdcom.wpd-layout-1 .wpd-reply { margin-left: 0px; } #wpdcom.wpd-layout-2 .wpd-reply { margin-left: 0px; } #wpdcom.wpd-layout-2 .wpd-reply.wpd_comment_level-2 { margin-left: 15px; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info { width: 100%; display: flex; flex-flow: wrap; justify-content: flex-start; flex-grow: 0; margin-bottom: -3px; float: right; margin-left: 61px; margin-top: -44px; } #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info .wpd-uinfo-top { flex-wrap: wrap !important; } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-date { padding-left: 0px; } #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-link { margin-bottom: 0px; padding-top: 1px; align-items: normal; flex-basis: 100%; text-align: right; margin-top: -20px; } #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-reply-to { margin-right: 10px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left .wpd-avatar { margin-bottom: -41px; margin-top: 0px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left { width: 45px; } #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img.avatar, #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img.avatar { width: 40px; height: 40px; max-width: none; padding: 2px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author { padding-left: 55px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header, #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader { justify-content: flex-start; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-right { border-left: none; border-bottom: none; width: 100%; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-text { padding-left: 7px; padding-top: 15px; padding-bottom: 17px; font-size: 100%; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer { margin-bottom: -10px; margin-left: 7px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote { padding-left: 0px; margin-left: 0px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up, #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down { border: none; padding: 0px; width: 16px; height: 16px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button { background-color: transparent; border: none; border-radius: 15px; padding: 0px 10px 0px 0px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-result { padding: 0px 8px; font-size: 14px; background-color: transparent; line-height: 24px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap { padding-left: 10px; flex-grow: 1; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap i { background: none; padding: 5px 3px; width: auto; line-height: 14px; border: none; height: auto; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar i { padding: 2px; font-size: 9px; width: 18px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-wpanel { display: none; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-reply-to { margin-left: 0px; } #wpdcom.wpd-layout-3 .wpd-reply.wpd_comment_level-2 { margin-left: 20px; } #wpdcom.wpd-layout-3 .wpd-reply { margin-left: 0px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img.avatar { width: 34px; height: 34px; max-width: 40px; border: none; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left .wpd-avatar { margin-top: 0px; margin-bottom: -28px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left { width: 54px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-right { border-left: 1px solid rgb(209, 209, 209); } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author { padding-left: 55px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-label { margin: 0px 8px 0px 0px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-text { padding-left: 10px; } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer { margin-left: 10px; } #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up.wpd-up, #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down.wpd-down { border: none; } [wpd-tooltip-size="small"]::after { min-width: 60px; } [wpd-tooltip-size="medium"]::after { min-width: 90px; } [wpd-tooltip-size="long"]::after { min-width: 200px; } } .wp-block-comments-wpdiscuz .wpdiscuz-edit-bloc-notice { margin: 50px auto; max-width: 750px; background-color: rgb(246, 246, 246); font-size: 11px; } #wpdcom .wpd-blog-administrator .wpd-comment-label { color: rgb(255, 255, 255); background-color: rgb(150, 125, 40); border: none; } #wpdcom .wpd-blog-administrator .wpd-comment-author, #wpdcom .wpd-blog-administrator .wpd-comment-author a { color: rgb(150, 125, 40); } #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-administrator .wpd-avatar img { border-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap.wpd-blog-administrator { border-left: 3px solid rgb(150, 125, 40); } #wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-administrator .wpd-avatar img { border-bottom-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-blog-administrator .wpd-comment-subheader { border-top: 1px dashed rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-reply .wpd-blog-administrator .wpd-comment-right { border-left: 1px solid rgb(150, 125, 40); } #wpdcom .wpd-blog-author .wpd-comment-label { color: rgb(255, 255, 255); background-color: rgb(150, 125, 40); border: none; } #wpdcom .wpd-blog-author .wpd-comment-author, #wpdcom .wpd-blog-author .wpd-comment-author a { color: rgb(150, 125, 40); } #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-author .wpd-avatar img { border-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-author .wpd-avatar img { border-bottom-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-blog-author .wpd-comment-subheader { border-top: 1px dashed rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-reply .wpd-blog-author .wpd-comment-right { border-left: 1px solid rgb(150, 125, 40); } #wpdcom .wpd-blog-author-former .wpd-comment-label { color: rgb(255, 255, 255); background-color: rgb(150, 125, 40); border: none; } #wpdcom .wpd-blog-author-former .wpd-comment-author, #wpdcom .wpd-blog-author-former .wpd-comment-author a { color: rgb(150, 125, 40); } #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-author-former .wpd-avatar img { border-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-author-former .wpd-avatar img { border-bottom-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-blog-author-former .wpd-comment-subheader { border-top: 1px dashed rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-reply .wpd-blog-author-former .wpd-comment-right { border-left: 1px solid rgb(150, 125, 40); } #wpdcom .wpd-blog-contributor .wpd-comment-label { color: rgb(255, 255, 255); background-color: rgb(150, 125, 40); border: none; } #wpdcom .wpd-blog-contributor .wpd-comment-author, #wpdcom .wpd-blog-contributor .wpd-comment-author a { color: rgb(150, 125, 40); } #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-contributor .wpd-avatar img { border-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-contributor .wpd-avatar img { border-bottom-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-blog-contributor .wpd-comment-subheader { border-top: 1px dashed rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-reply .wpd-blog-contributor .wpd-comment-right { border-left: 1px solid rgb(150, 125, 40); } #wpdcom .wpd-blog-editor .wpd-comment-label { color: rgb(255, 255, 255); background-color: rgb(150, 125, 40); border: none; } #wpdcom .wpd-blog-editor .wpd-comment-author, #wpdcom .wpd-blog-editor .wpd-comment-author a { color: rgb(150, 125, 40); } #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-editor .wpd-avatar img { border-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap.wpd-blog-editor { border-left: 3px solid rgb(150, 125, 40); } #wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-editor .wpd-avatar img { border-bottom-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-blog-editor .wpd-comment-subheader { border-top: 1px dashed rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-reply .wpd-blog-editor .wpd-comment-right { border-left: 1px solid rgb(150, 125, 40); } #wpdcom .wpd-blog-subscriber .wpd-comment-label { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); border: none; } #wpdcom .wpd-blog-subscriber .wpd-comment-author, #wpdcom .wpd-blog-subscriber .wpd-comment-author a { color: rgb(17, 10, 53); } #wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-subscriber .wpd-avatar img { border-bottom-color: rgb(17, 10, 53); } #wpdcom.wpd-layout-3 .wpd-blog-subscriber .wpd-comment-subheader { border-top: 1px dashed rgb(17, 10, 53); } #wpdcom .wpd-blog-translator .wpd-comment-label { color: rgb(255, 255, 255); background-color: rgb(150, 125, 40); border: none; } #wpdcom .wpd-blog-translator .wpd-comment-author, #wpdcom .wpd-blog-translator .wpd-comment-author a { color: rgb(150, 125, 40); } #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-translator .wpd-avatar img { border-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-translator .wpd-avatar img { border-bottom-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-blog-translator .wpd-comment-subheader { border-top: 1px dashed rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-reply .wpd-blog-translator .wpd-comment-right { border-left: 1px solid rgb(150, 125, 40); } #wpdcom .wpd-blog-post_author .wpd-comment-label { color: rgb(255, 255, 255); background-color: rgb(150, 125, 40); border: none; } #wpdcom .wpd-blog-post_author .wpd-comment-author, #wpdcom .wpd-blog-post_author .wpd-comment-author a { color: rgb(150, 125, 40); } #wpdcom .wpd-blog-post_author .wpd-avatar img { border-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-post_author .wpd-avatar img { border-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap.wpd-blog-post_author { border-left: 3px solid rgb(150, 125, 40); } #wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-post_author .wpd-avatar img { border-bottom-color: rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-blog-post_author .wpd-comment-subheader { border-top: 1px dashed rgb(150, 125, 40); } #wpdcom.wpd-layout-3 .wpd-reply .wpd-blog-post_author .wpd-comment-right { border-left: 1px solid rgb(150, 125, 40); } #wpdcom .wpd-blog-guest .wpd-comment-label { color: rgb(255, 255, 255); background-color: rgb(17, 10, 53); border: none; } #wpdcom .wpd-blog-guest .wpd-comment-author, #wpdcom .wpd-blog-guest .wpd-comment-author a { color: rgb(17, 10, 53); } #wpdcom.wpd-layout-3 .wpd-blog-guest .wpd-comment-subheader { border-top: 1px dashed rgb(17, 10, 53); } #comments, #respond, .comments-area, #wpdcom { } #wpdcom .ql-editor > * { color: rgb(119, 119, 119); } #wpdcom .ql-editor::before { } #wpdcom .ql-toolbar { border-right: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); border-image: initial; border-top: none; } #wpdcom .ql-container { border-top: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); border-image: initial; border-bottom: none; } #wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"], #wpdcom textarea, #wpdcom select { border: 1px solid rgb(221, 221, 221); color: rgb(51, 51, 51); } #wpdcom .wpd-form-row .wpdiscuz-item textarea { border: 1px solid rgb(221, 221, 221); } #wpdcom .wpd-comment-text { color: rgb(51, 51, 51); } #wpdcom .wpd-thread-head .wpd-thread-info { border-bottom: 2px solid rgb(17, 10, 53); } #wpdcom .wpd-thread-head .wpd-thread-info.wpd-reviews-tab svg { fill: rgb(17, 10, 53); } #wpdcom .wpd-thread-head .wpdiscuz-user-settings { border-bottom: 2px solid rgb(17, 10, 53); } #wpdcom .wpd-thread-head .wpdiscuz-user-settings:hover { color: rgb(17, 10, 53); } #wpdcom .wpd-comment .wpd-follow-link:hover { color: rgb(17, 10, 53); } #wpdcom .wpd-comment-status .wpd-sticky { color: rgb(17, 10, 53); } #wpdcom .wpd-thread-filter .wpdf-active { color: rgb(17, 10, 53); border-bottom-color: rgb(17, 10, 53); } #wpdcom .wpd-comment-info-bar { border: 1px dashed rgb(65, 59, 94); background: rgb(232, 231, 235); } #wpdcom .wpd-comment-info-bar .wpd-current-view i { color: rgb(17, 10, 53); } #wpdcom .wpd-filter-view-all:hover { background: rgb(17, 10, 53); } #wpdcom .wpdiscuz-item .wpdiscuz-rating > label { color: rgb(221, 221, 221); } #wpdcom .wpdiscuz-item .wpdiscuz-rating:not(:checked) > label:hover, .wpdiscuz-rating:not(:checked) > label:hover ~ label { } #wpdcom .wpdiscuz-item .wpdiscuz-rating > input ~ label:hover, #wpdcom .wpdiscuz-item .wpdiscuz-rating > input:not(:checked) ~ label:hover ~ label, #wpdcom .wpdiscuz-item .wpdiscuz-rating > input:not(:checked) ~ label:hover ~ label { color: rgb(255, 237, 133); } #wpdcom .wpdiscuz-item .wpdiscuz-rating > input:checked ~ label:hover, #wpdcom .wpdiscuz-item .wpdiscuz-rating > input:checked ~ label:hover, #wpdcom .wpdiscuz-item .wpdiscuz-rating > label:hover ~ input:checked ~ label, #wpdcom .wpdiscuz-item .wpdiscuz-rating > input:checked + label:hover ~ label, #wpdcom .wpdiscuz-item .wpdiscuz-rating > input:checked ~ label:hover ~ label, .wpd-custom-field .wcf-active-star, #wpdcom .wpdiscuz-item .wpdiscuz-rating > input:checked ~ label { color: rgb(255, 215, 0); } #wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-star { fill: rgb(221, 221, 221); } #wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-active { fill: rgb(255, 215, 0); } #wpd-post-rating .wpd-rating-wrap .wpd-rate-starts svg .wpd-star { fill: rgb(221, 221, 221); } #wpd-post-rating .wpd-rating-wrap .wpd-rate-starts:hover svg .wpd-star { fill: rgb(255, 237, 133); } #wpd-post-rating.wpd-not-rated .wpd-rating-wrap .wpd-rate-starts svg:hover ~ svg .wpd-star { fill: rgb(221, 221, 221); } .wpdiscuz-post-rating-wrap .wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-star { fill: rgb(221, 221, 221); } .wpdiscuz-post-rating-wrap .wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-active { fill: rgb(255, 215, 0); } #wpdcom .wpd-comment .wpd-follow-active { color: rgb(255, 122, 0); } #wpdcom .page-numbers { color: rgb(85, 85, 85); border: 1px solid rgb(85, 85, 85); } #wpdcom span.current { background: rgb(85, 85, 85); } #wpdcom.wpd-layout-1 .wpd-new-loaded-comment > .wpd-comment-wrap > .wpd-comment-right { background: rgb(255, 250, 214); } #wpdcom.wpd-layout-2 .wpd-new-loaded-comment.wpd-comment > .wpd-comment-wrap > .wpd-comment-right { background: rgb(255, 250, 214); } #wpdcom.wpd-layout-2 .wpd-new-loaded-comment.wpd-comment.wpd-reply > .wpd-comment-wrap > .wpd-comment-right { background: transparent; } #wpdcom.wpd-layout-2 .wpd-new-loaded-comment.wpd-comment.wpd-reply > .wpd-comment-wrap { background: rgb(255, 250, 214); } #wpdcom.wpd-layout-3 .wpd-new-loaded-comment.wpd-comment > .wpd-comment-wrap > .wpd-comment-right { background: rgb(255, 250, 214); } #wpdcom .wpd-follow:hover i, #wpdcom .wpd-unfollow:hover i, #wpdcom .wpd-comment .wpd-follow-active:hover i { color: rgb(17, 10, 53); } #wpdcom .wpdiscuz-readmore { cursor: pointer; color: rgb(17, 10, 53); } .wpd-custom-field .wcf-pasiv-star, #wpcomm .wpdiscuz-item .wpdiscuz-rating > label { color: rgb(221, 221, 221); } .wpd-wrapper .wpd-list-item.wpd-active { border-top: 3px solid rgb(17, 10, 53); } #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply.wpd-unapproved-comment .wpd-comment-wrap { border-left: 3px solid rgb(255, 250, 214); } #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply.wpd-unapproved-comment .wpd-comment-right { border-left: 1px solid rgb(255, 250, 214); } #wpdcom .wpd-prim-button { background-color: rgb(17, 10, 53); color: rgb(255, 255, 255); } #wpdcom .wpd_label__check i.wpdicon-on { color: rgb(17, 10, 53); border: 1px solid rgb(136, 133, 154); } #wpd-bubble-wrapper #wpd-bubble-all-comments-count { color: rgb(17, 10, 53); } #wpd-bubble-wrapper > div { background-color: rgb(17, 10, 53); } #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message { background-color: rgb(17, 10, 53); } #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message::before { border-left-color: rgb(17, 10, 53); border-right-color: rgb(17, 10, 53); } #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message::before { border-left-color: rgb(17, 10, 53); border-right-color: rgb(17, 10, 53); } .wpd-inline-icon-wrapper path.wpd-inline-icon-first { fill: rgb(17, 10, 53); } .wpd-inline-icon-count { background-color: rgb(17, 10, 53); } .wpd-inline-icon-count::before { border-right-color: rgb(17, 10, 53); } .wpd-inline-form-wrapper::before { border-bottom-color: rgb(17, 10, 53); } .wpd-inline-form-question { background-color: rgb(17, 10, 53); } .wpd-inline-form { background-color: rgb(17, 10, 53); } .wpd-last-inline-comments-wrapper { border-color: rgb(17, 10, 53); } .wpd-last-inline-comments-wrapper::before { border-bottom-color: rgb(17, 10, 53); } .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments { background: rgb(17, 10, 53); } .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:hover, .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:active, .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:focus { background-color: rgb(17, 10, 53); } #wpdcom .ql-snow .ql-tooltip[data-mode="link"]::before { content: "Enter link:"; } #wpdcom .ql-snow .ql-tooltip.ql-editing a.ql-action::after { content: "Speichern"; } .comments-area { width: auto; } #wpdcom .wpd-comment.wpd-reply .wpd-comment-left { width: 62px; } #wpdcom .wpd-auth .wpd-login a { color: rgb(17, 10, 53); } #wpdcom .wpdiscuz-subscribe-bar #wpdiscuz_subscription_button { font-weight: 600; } #wpdcom .wpd-second-button, #wpdcom .wpd-prim-button { border: none; cursor: pointer; font-family: SuisseI; font-size: 14px; line-height: 24px; padding: 4px 20px; letter-spacing: 0px; box-shadow: none; max-width: none; } #wpdcom .wpdiscuz-subscribe-form-button input[type="submit"] { min-width: 140px; border: none; clear: both; float: none; margin: 1rem 0px 0px; font-size: 14px !important; min-height: 30px !important; height: 30px !important; padding: 7px !important; line-height: 16px !important; box-sizing: border-box !important; } #wpdcom .wpd-reply.wpd_comment_level-2 { margin-left: 50px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap { flex-basis: calc(100%); } #wpdcom .wpd-comment .wpd-reply-to a { color: rgb(17, 10, 53); } #wpdcom .wc-field-submit input[type="submit"] { margin-left: 0px; } .fa, .fab, .fad, .fal, .far, .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; } .fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scaleX(-1); } .fa-flip-vertical { transform: scaleY(-1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1); } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0px; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-asterisk::before { content: ""; } .fa-calendar-alt::before { content: ""; } .fa-plus::before { content: ""; } .fa-question::before { content: ""; } .fa-minus::before { content: ""; } .fa-search::before { content: ""; } .fa-envelope-o::before { content: ""; } .fa-heart::before { content: ""; } .fa-star::before { content: ""; } .fa-star-o::before { content: ""; } .fa-user::before { content: ""; } .fa-film::before { content: ""; } .fa-th-large::before { content: ""; } .fa-th-list::before { content: ""; } .fa-check::before { content: ""; } .fa-close::before { content: ""; } .fa-remove::before { content: ""; } .fa-times::before { content: ""; } .fa-signal::before { content: ""; } .fa-cog::before { content: ""; } .fa-gear::before { content: ""; } .fa-trash-o::before { content: ""; } .fa-home::before { content: ""; } .fa-download::before { content: ""; } .fa-arrow-circle-o-down::before { content: ""; } .fa-arrow-circle-o-up::before { content: ""; } .fa-repeat::before { content: ""; } .fa-rotate-right::before { content: ""; } .fa-refresh::before { content: ""; } .fa-lock::before { content: ""; } .fa-flag::before { content: ""; } .fa-tag::before { content: ""; } .fa-bookmark::before { content: ""; } .fa-camera::before { content: ""; } .fa-align-left::before { content: ""; } .fa-align-right::before { content: ""; } .fa-align-justify::before { content: ""; } .fa-video-camera::before { content: ""; } .fa-image::before { content: ""; } .fa-photo::before { content: ""; } .fa-picture-o::before { content: ""; } .fa-pencil::before { content: ""; } .fa-edit::before { content: ""; } .fa-pencil-square-o::before { content: ""; } .fa-check-square-o::before { content: ""; } .fa-play::before { content: ""; } .fa-pause::before { content: ""; } .fa-chevron-left::before { content: ""; } .fa-chevron-right::before { content: ""; } .fa-plus-circle::before { content: ""; } .fa-minus-circle::before { content: ""; } .fa-times-circle::before { content: ""; } .fa-check-circle::before { content: ""; } .fa-question-circle::before { content: ""; } .fa-info-circle::before { content: ""; } .fa-check-circle-o::before { content: ""; } .fa-mail-forward::before { content: ""; } .fa-share::before { content: ""; } .fa-exclamation-circle::before { content: ""; } .fa-eye::before { content: ""; } .fa-eye-slash::before { content: ""; } .fa-exclamation-triangle::before { content: ""; } .fa-warning::before { content: ""; } .fa-comment::before { content: ""; } .fa-chevron-up::before { content: ""; } .fa-chevron-down::before { content: ""; } .fa-retweet::before { content: ""; } .fa-bar-chart::before { content: ""; } .fa-bar-chart-o::before { content: ""; } .fa-twitter-square::before { content: ""; } .fa-facebook-square::before { content: ""; } .fa-cogs::before { content: ""; } .fa-gears::before { content: ""; } .fa-comments::before { content: ""; } .fa-thumbs-o-up::before { content: ""; } .fa-thumbs-o-down::before { content: ""; } .fa-star-half::before { content: ""; } .fa-heart-o::before { content: ""; } .fa-sign-out::before { content: ""; } .fa-linkedin-square::before { content: ""; } .fa-thumb-tack::before { content: ""; } .fa-sign-in::before { content: ""; } .fa-trophy::before { content: ""; } .fa-twitter::before { content: ""; } .fa-facebook::before { content: ""; } .fa-facebook-f::before { content: ""; } .fa-unlock::before { content: ""; } .fa-feed::before { content: ""; } .fa-rss::before { content: ""; } .fa-bell-o::before { content: ""; } .fa-certificate::before { content: ""; } .fa-arrow-circle-left::before { content: ""; } .fa-arrow-circle-right::before { content: ""; } .fa-arrow-circle-up::before { content: ""; } .fa-arrow-circle-down::before { content: ""; } .fa-wrench::before { content: ""; } .fa-group::before { content: ""; } .fa-users::before { content: ""; } .fa-chain::before { content: ""; } .fa-link::before { content: ""; } .fa-paperclip::before { content: ""; } .fa-bars::before { content: ""; } .fa-navicon::before { content: ""; } .fa-reorder::before { content: ""; } .fa-list-ul::before { content: ""; } .fa-caret-down::before { content: ""; } .fa-caret-up::before { content: ""; } .fa-caret-left::before { content: ""; } .fa-caret-right::before { content: ""; } .fa-envelope::before { content: ""; } .fa-linkedin::before { content: ""; } .fa-rotate-left::before { content: ""; } .fa-undo::before { content: ""; } .fa-comment-o::before { content: ""; } .fa-comments-o::before { content: ""; } .fa-bolt::before { content: ""; } .fa-flash::before { content: ""; } .fa-bell::before { content: ""; } .fa-angle-double-left::before { content: ""; } .fa-angle-double-right::before { content: ""; } .fa-angle-double-up::before { content: ""; } .fa-angle-double-down::before { content: ""; } .fa-angle-left::before { content: ""; } .fa-angle-right::before { content: ""; } .fa-angle-up::before { content: ""; } .fa-angle-down::before { content: ""; } .fa-quote-left::before { content: ""; } .fa-quote-right::before { content: ""; } .fa-mail-reply::before { content: ""; } .fa-reply::before { content: ""; } .fa-smile-o::before { content: ""; } .fa-smile::before { content: ""; } .fa-frown-o::before { content: ""; } .fa-frown::before { content: ""; } .fa-flag-o::before { content: ""; } .fa-mail-reply-all::before { content: ""; } .fa-reply-all::before { content: ""; } .fa-star-half-empty::before { content: ""; } .fa-star-half-full::before { content: ""; } .fa-star-half-o::before { content: ""; } .fa-info::before { content: ""; } .fa-exclamation::before { content: ""; } .fa-shield::before { content: ""; } .fa-chevron-circle-left::before { content: ""; } .fa-chevron-circle-right::before { content: ""; } .fa-chevron-circle-up::before { content: ""; } .fa-chevron-circle-down::before { content: ""; } .fa-unlock-alt::before { content: ""; } .fa-ellipsis-h::before { content: ""; } .fa-ellipsis-v::before { content: ""; } .fa-sort-amount-asc::before { content: ""; } .fa-sort-amount-desc::before { content: ""; } .fa-thumbs-up::before { content: ""; } .fa-thumbs-down::before { content: ""; } .fa-youtube-play::before { content: ""; } .fa-vk::before { content: ""; } .fa-wordpress::before { content: ""; } .fa-yahoo::before { content: ""; } .fa-google::before { content: ""; } .fa-telegram::before { content: ""; } .fa-telegram-plane::before { content: ""; } .fa-language::before { content: ""; } .fa-cubes::before { content: ""; } .fa-life-bouy::before { content: ""; } .fa-life-buoy::before { content: ""; } .fa-life-ring::before { content: ""; } .fa-life-saver::before { content: ""; } .fa-support::before { content: ""; } .fa-circle::before { content: ""; } .fa-clock::before { content: ""; } .fa-circle-o-notch::before { content: ""; } .fa-sliders::before { content: ""; } .fa-share-alt::before { content: ""; } .fa-bell-slash::before { content: ""; } .fa-bell-slash-o::before { content: ""; } .fa-area-chart::before { content: ""; } .fa-pie-chart::before { content: ""; } .fa-line-chart::before { content: ""; } .fa-facebook-official::before { content: ""; } .fa-whatsapp::before { content: ""; } .fa-user-plus::before { content: ""; } .fa-odnoklassniki::before { content: ""; } .fa-odnoklassniki-square::before { content: ""; } .fa-fa::before { content: ""; } .fa-font-awesome::before { content: ""; } .fa-address-card::before { content: ""; } .fa-vcard::before { content: ""; } .fa-address-card-o::before { content: ""; } .fa-vcard-o::before { content: ""; } .fa-user-circle::before { content: ""; } .fa-user-circle-o::before { content: ""; } .fa-user-o::before { content: ""; } .fa-pencil-alt::before { content: ""; } .fa-columns::before { content: ""; } .fa-trash-alt::before { content: ""; } .fa-arrows-alt::before { content: ""; } .fa-shield-alt::before { content: ""; } .fa-user-cog::before { content: ""; } .fa-photo-video::before { content: ""; } .fa-fire::before { content: ""; } .fa-sort-down::before { content: ""; } .fa-sort-up::before { content: ""; } .fa-thumbtack::before { content: ""; } .fa-instagram::before { content: ""; } .fa-wordpress-simple::before { content: ""; } .fa-linkedin-in::before { content: ""; } .fa-yandex-international::before { content: ""; } .fa-at::before { content: ""; } .fa-weixin::before { content: ""; } .fa-weibo::before { content: ""; } .fa-qq::before { content: ""; } .fa-baidu::before { content: ""; } .fa-spinner::before { content: ""; } .fa-microphone::before { content: ""; } .sr-only { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0px; overflow: visible; position: static; width: auto; } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("") format("woff2"), url("") format("woff"), url("") format("truetype"); } .fab { font-family: "Font Awesome 5 Brands"; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("") format("woff2"), url("") format("woff"), url("") format("truetype"); } .fab, .far { font-weight: 400; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("") format("woff2"), url("") format("woff"), url("") format("truetype"); } .fa, .far, .fas { font-family: "Font Awesome 5 Free"; } .fa, .fas { font-weight: 900; } #cboxCurrent { bottom: 0px; font-size: 15px; } #wpdcom { height: auto; padding: 5px 1px; } #wpdcom .wmu-hide { display: none !important; } #wpdcom .wmu-show { display: inline-block !important; } #wpdcom .wmu-add { margin: 0px 2px; color: rgb(170, 170, 170); cursor: pointer; display: inline; } #wpdcom .wmu-add i { color: rgb(68, 68, 68); } #wpdcom .wmu-add input[type="file"] { visibility: hidden; display: none; } #wpdcom .wmu-tabs { width: 100%; padding: 8px 0px 17px; margin: 1px 0px 0px; border-top: 1px dotted rgb(221, 221, 221); text-align: left; } #wpdcom .wmu-tabs .wmu-preview-images .wmu-preview-remove .wmu-file-name { display: none; } #wpdcom .wmu-tabs .wmu-preview-remove { position: relative; } #wpdcom .wmu-tabs .wmu-preview-remove img { max-height: 45px; } #wpdcom .wmu-tabs .wmu-preview-remove .wmu-delete { line-height: 45px; position: absolute; display: none; top: 0px; left: 0px; width: 100%; z-index: 100; background: url("") center center no-repeat rgb(238, 238, 238); opacity: 0.8; } #wpdcom .wmu-tabs .wmu-preview-remove:hover .wmu-delete { display: block; z-index: 100; } #wpdcom .wmu-preview { margin: 1px 3px; cursor: pointer; display: inline-block; } #wpdcom .wmu-attachment img { vertical-align: bottom; } #wpdcom .wmu-attachment audio { vertical-align: bottom; } #wpdcom .wmu-attachment-delete, .wpd-content .wmu-attachment-delete { cursor: pointer; border-top: 1px solid rgb(255, 255, 255); visibility: hidden; font-size: 5px; line-height: 12px; text-align: center; padding: 2px 0px 1px; margin: 0px; z-index: 100; background: url("") center center no-repeat; border-bottom: 1px solid white; } #wpdcom .wmu-attachment:hover > .wmu-attachment-delete, .wpd-content .wmu-attachment:hover > .wmu-attachment-delete { visibility: visible; } #wpdcom .wmu-attachment-delete:hover, .wpd-content .wmu-attachment-delete:hover { visibility: visible; background-color: rgb(255, 239, 239); border-bottom: 1px solid rgb(255, 214, 214); } #wpdcom .wmu-attached-images { border-bottom: 1px dotted rgb(223, 223, 223); display: flex; margin-bottom: 5px; } #wpdcom .wmu-attached-images .wmu-attachment { margin: 10px 2px 1px; } #wpdcom .wmu-attached-images .attachment-thumbnail, #wpdcom .wmu-attached-images .wmu-attached-image { border: 3px solid rgb(241, 241, 241); } #wpdcom .wmu-attached-image-link { display: inline-block; } #wpdcom .wmu-attached-images .wmu-separator { padding: 4px 0px; display: block; } #wpdcom .wmu-action-wrap { width: 100%; margin: 0px; padding: 0px; text-align: left; } #wpdcom .wmu-action-wrap img { display: inline-block; vertical-align: bottom; } #wpdcom .wmu-top-title { padding: 5px 20px 5px 3px; font-size: 10px; color: rgb(136, 136, 136); text-align: left; margin-top: -27px; margin-bottom: 7px; line-height: 14px; white-space: nowrap; display: table; text-transform: uppercase; } #wpdcom .wmu-filreader-not-exist { } #wpdcom .msgEmptyFile, #wpdcom .msgPermissionDenied, #wpdcom .msgUploadingNotAllowed, #wpdcom .wmuPhraseMaxFileCount, #wpdcom .wmuPhraseMaxFileSize, #wpdcom .wmuPhraseNotAllowedFile, #wpdcom .wmuPhrasePostMaxSize { font-size: 14px; text-align: center; color: rgb(206, 74, 102); border: 1px solid rgb(242, 211, 210); padding: 5px 10px; width: 100%; box-sizing: border-box; margin: 5px 0px; border-radius: 3px; background-color: rgb(252, 232, 232) !important; } @media screen and (max-width: 655px) { #wpdcom .wmu-preview-remove .wmu-file-name { font-size: 11px; } #wpdcom .wmu-preview-remove .wmu-file-name { font-size: 11px; } #wpdcom .wmu-attached-images .wmu-attached-image { height: auto !important; } } @media screen and (max-width: 500px) { #wpdcom .wc-comment-text iframe { width: 98%; } } @media screen and (max-width: 420px) { #wpdcom .wmu-top-title { display: none; } } .wpd-wrapper #wpd-content-item-4 .wpd-item-left { float: left; width: 88%; border-right: 1px dotted rgb(204, 204, 204); margin-top: 5px; } .wpd-wrapper #wpd-content-item-4 .wpd-item-right { margin-left: 92%; text-align: center; vertical-align: middle; padding-top: 24px; color: rgb(102, 102, 102); } .wpd-wrapper #wpd-content-item-4 .wpd-item-right i { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 20px; color: rgb(232, 72, 74); } .lity { z-index: 9990; position: fixed; inset: 0px; white-space: nowrap; background: rgba(0, 0, 0, 0.3); opacity: 0; transition: opacity 0.3s ease 0s; outline: 0px !important; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; inset: 34px 0px 0px; text-align: center; outline: 0px !important; } .lity-wrap::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: rgb(255, 255, 255); position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; transition: opacity 0.3s ease 0s; } .lity-loading .lity-loader { opacity: 1; } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: 0px !important; } .lity-content { z-index: 9993; width: 100%; transform: scale(1); transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s, -o-transform 0.3s ease 0s; } .lity-closed .lity-content, .lity-loading .lity-content { transform: scale(0.8); } .lity-content::after { content: ""; position: absolute; inset: 0px; display: block; width: auto; height: auto; z-index: -1; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0px; top: 0px; appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0px; color: rgb(255, 255, 255); font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; border: 0px; background: 0px 0px; outline: 0px; box-shadow: none; } .lity-close:active, .lity-close:focus, .lity-close:hover, .lity-close:visited { text-decoration: none; text-align: center; padding: 0px; color: rgb(255, 255, 255); font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; border: 0px; background: 0px 0px; outline: 0px; box-shadow: none; } .lity-close:active { top: 1px; } .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0px; } .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container, .lity-iframe .lity-container, .lity-vimeo .lity-container, .lity-youtube .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0px; padding-top: 56.25%; overflow: auto; pointer-events: auto; transform: translateZ(0px); } .lity-iframe-container iframe { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; background: rgb(0, 0, 0); } .lity-hide { display: none; } .wpd-wrapper *, .wpd-wrapper ::after, .wpd-wrapper ::before { margin: 0px; padding: 0px; box-sizing: border-box; } .wpd-wrapper { width: 100%; padding: 10px; margin: 0px auto; background: 0px 0px; } .wpd-wrapper .wpd-list { display: flex; border-right: 1px solid rgb(221, 221, 221); } .wpd-wrapper .wpd-list, .wpd-wrapper .wpd-list-item { list-style: none; font-size: 14px; } .wpd-wrapper .wpd-list-item { border-top: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); display: inline-block; padding: 10px; color: rgb(153, 153, 153); cursor: pointer; flex-grow: 1; text-align: center; } .wpd-wrapper .wpd-list-item:hover { color: rgb(68, 68, 68); } .wpd-wrapper .wpd-list-item.wpd-active { border-bottom: none; color: rgb(68, 68, 68); } .wpd-wrapper .wpd-list-item span { margin-left: 5px; } .wpd-wrapper .wpd-content-item { border-left: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); padding: 20px; } .wpd-wrapper .wpd-content-item:not(.wpd-active) { display: none; } .wpd-wrapper .wpd-item { border-bottom: 1px solid rgb(221, 221, 221); font-size: 13px; line-height: 19px; padding-bottom: 7px; } .wpd-wrapper .wpd-item:last-child { border-bottom: none; } .wpd-wrapper .wpd-item-link.wpd-comment-meta { font-size: 12px; color: rgb(85, 85, 85); padding-bottom: 0px; } .wpd-wrapper .wpd-item-link { padding: 5px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .wpd-wrapper .wpd-post-link { margin-left: 3px; } .wpd-wrapper .wpd-post-item-link { font-size: 12px; font-style: italic; color: rgb(102, 102, 102); } .wpd-wrapper .wpd-pagination { display: inline-block; margin: 10px 0px; } .wpd-wrapper .wpd-page-link { color: rgb(0, 0, 0); float: left; padding: 3px 10px; text-decoration: none; border-top: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); transition: background-color 0.3s ease 0s; cursor: pointer; outline: 0px; } .wpd-wrapper .wpd-page-link:hover:not(.wpd-current-page) { background: rgb(221, 221, 221); } .wpd-wrapper .wpd-page-link:last-of-type { border-right: 1px solid rgb(221, 221, 221); } .wpd-wrapper .wpd-current-page { color: rgb(255, 255, 255); border: none; cursor: initial; } .wpd-wrapper .wpd-item.wpd-follow-item .fa-user { font-size: 15px; color: rgb(119, 119, 119); } .wpd-wrapper .wpd-item.wpd-follow-item .wpd-fl-name { font-size: 16px; color: rgb(119, 119, 119); } .wpd-wrapper #wpd-content-item-1 .wpd-item-left { float: left; width: 88%; border-right: 1px dotted rgb(204, 204, 204); margin-top: 5px; } .wpd-wrapper #wpd-content-item-1 .wpd-item-right { margin-left: 92%; text-align: center; vertical-align: middle; padding-top: 24px; color: rgb(102, 102, 102); } .wpd-wrapper #wpd-content-item-2 .wpd-item-left { float: left; width: 88%; border-right: 1px dotted rgb(204, 204, 204); margin-top: 5px; } .wpd-wrapper #wpd-content-item-3 .wpd-item-left { float: left; width: 88%; border-right: 1px dotted rgb(204, 204, 204); margin-top: 5px; } .wpd-wrapper #wpd-content-item-2 .wpd-item-right { margin-left: 92%; text-align: center; vertical-align: middle; padding-top: 24px; color: rgb(102, 102, 102); } .wpd-wrapper #wpd-content-item-3 .wpd-item-right { margin-left: 92%; text-align: center; vertical-align: middle; padding: 15px 0px; color: rgb(102, 102, 102); } .wpd-wrapper .wpd-item-right *, .wpd-wrapper .wpd-user-email-delete-links-wrap { outline: 0px !important; } .wpd-wrapper #wpd-content-item-1 .wpd-item-right i, .wpd-wrapper #wpd-content-item-2 .wpd-item-right i { display: inline-block; vertical-align: middle; font-size: 30px; line-height: 30px; color: rgb(232, 72, 74); } .wpd-wrapper #wpd-content-item-3 .wpd-item-right i { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 20px; color: rgb(232, 72, 74); } .wpd-wrapper .wpd-user-email-delete-links-wrap { text-align: center; padding: 8px; } .wpd-wrapper .wpd-user-email-delete-links { font-size: 15px; } .wpd-wrapper .wpd-user-email-delete-links span { margin-left: 5px; } .wpd-wrapper.wpd-guest-settings { text-align: center; } .wpd-wrapper.wpd-guest-settings .wpd-user-settings-button-wrap { width: 70%; min-width: 280px; line-height: 1.5; border: 1px solid rgb(221, 221, 221); padding: 5px; background: rgb(238, 238, 238); font-size: 14px; margin: 15px auto; } .wpd-wrapper.wpd-guest-settings .wpd-user-settings-button-wrap:hover { background: rgb(248, 248, 248); } .wpd-wrapper.wpd-guest-settings .wpd-user-settings-button { cursor: pointer; } .wpd-wrapper.wpd-guest-settings .wpd-guest-action-error { color: rgb(250, 84, 84); } .wpd-wrapper.wpd-guest-settings .wpd-guest-action-success { color: rgb(0, 179, 143); } .wpd-wrapper.wpd-guest-settings { padding: 2%; } .wpd-clear { clear: both; } .wpd-loading { margin-left: 5px; } .wpd-hide { display: none; } .wpd-show { display: inline-block; } .wpd-bulk-desc { font-size: 12px; color: rgb(102, 102, 102); font-style: italic; } @media screen and (max-width: 1024px) { .wpd-wrapper .wpd-list-item span { display: none; } } #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0px; left: 0px; z-index: 9999; overflow: hidden; transform: translate3d(0px, 0px, 0px); } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0px; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0px; display: block; max-width: none; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0px; padding: 0px; margin: 0px; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; } #cboxOverlay { background: url("") 0px 0px repeat; opacity: 0.9; } #colorbox { outline: 0px; } #cboxTopLeft { width: 21px; height: 21px; background: url("") -101px 0px no-repeat; } #cboxTopRight { width: 21px; height: 21px; background: url("") -130px 0px no-repeat; } #cboxBottomLeft { width: 21px; height: 21px; background: url("") -101px -29px no-repeat; } #cboxBottomRight { width: 21px; height: 21px; background: url("") -130px -29px no-repeat; } #cboxMiddleLeft { width: 21px; background: url("") left top repeat-y; } #cboxMiddleRight { width: 21px; background: url("") right top repeat-y; } #cboxTopCenter { height: 21px; background: url("") 0px 0px repeat-x; } #cboxBottomCenter { height: 21px; background: url("") 0px -29px repeat-x; } #cboxContent { background: rgb(255, 255, 255); overflow: hidden; } .cboxIframe { background: rgb(255, 255, 255); } #cboxError { padding: 50px; border: 1px solid rgb(204, 204, 204); } #cboxLoadedContent { margin-bottom: 28px; } #cboxTitle { position: absolute; bottom: 4px; left: 0px; text-align: center; width: 100%; color: rgb(148, 148, 148); } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: rgb(148, 148, 148); } #cboxLoadingOverlay { background: url("") center center no-repeat; } #cboxLoadingGraphic { background: url("") center center no-repeat; } #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0px; padding: 0px; margin: 0px; overflow: visible; width: auto; background: none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0px; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: rgb(0, 146, 239); } #cboxPrevious { position: absolute; bottom: 0px; left: 0px; background: url("") -75px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px; } #cboxPrevious:hover { background-position: -75px -25px; } #cboxNext { position: absolute; bottom: 0px; left: 27px; background: url("") -50px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px; } #cboxNext:hover { background-position: -50px -25px; } #cboxClose { position: absolute; bottom: 0px; right: 0px; background: url("") -25px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px; } #cboxClose:hover { background-position: -25px -25px; } .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { } div.sib-sms-field { display: inline-block; position: relative; width: 100%; } .sib-sms-field .sib-country-block { position: absolute; inset: 0px auto 0px 0px; padding: 1px; box-sizing: border-box; } .sib-country-block .sib-toggle.sib-country-flg { z-index: 1; position: relative; width: 46px; height: 100%; padding: 0px 0px 0px 8px; box-sizing: border-box; background-color: rgb(219, 219, 219); cursor: pointer; } .sib-country-block .sib-toggle .sib-cflags { position: absolute; top: 0px; bottom: 0px; margin: auto; height: 15px; width: 20px; background-repeat: no-repeat; background-color: rgb(219, 219, 219); box-sizing: border-box; background-image: url(""); } .sib-country-block .sib-toggle .sib-icon-arrow { position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid; } .sib-sms-field ul.sib-country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0px; margin: 0px 0px 0px -1px; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px; background-color: white; border: 1px solid rgb(204, 204, 204); white-space: nowrap; max-height: 150px; overflow: hidden scroll; top: 50px; width: 250px; } .sib-sms-field ul.sib-country-list li.sib-country-prefix { font-size: 14px; padding: 1px 10px; cursor: pointer; } .sib-sms-field ul.sib-country-list li.sib-country-prefix:hover { background-color: rgb(219, 219, 219); } .sib-sms-field ul.sib-country-list li .sib-flag-box { width: 20px; } .sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag { height: 18px; width: 20px; background-image: url(""); vertical-align: middle; display: inline-block; background-repeat: no-repeat; } .sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code { margin-left: 20px; } .sib-sms-field .sib-sms { padding-right: 6px; padding-left: 52px; margin-left: 0px; position: relative; z-index: 0; margin-right: 0px; margin-top: 0px !important; margin-bottom: 0px !important; } .sib-multi-lists.sib_error { color: rgb(169, 68, 66); } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } .taboola-widget, .desktop.ad, a[href^="https://m.do.co/c/"] > img, a[href^="https://tour.mrskin.com/"] { display: none !important; } .ab-abtest-article-image .ab-abtest-image2 { display: block !important; } form#sib_signup_form_1 p.sib-alert-message { padding: 6px 12px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; box-sizing: border-box; } form#sib_signup_form_1 p.sib-alert-message-error { background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); color: rgb(169, 68, 66); } form#sib_signup_form_1 p.sib-alert-message-success { background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); color: rgb(60, 118, 61); } form#sib_signup_form_1 p.sib-alert-message-warning { background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); color: rgb(138, 109, 59); } .cp_style_293109 .cp-popup-content { font-family: SuisseI; font-weight: 300; } .cp_style_293109 .cp-popup { background: linear-gradient(270deg, rgb(17, 10, 53) 0%, rgb(17, 10, 53) 100%); border-style: solid; border-color: rgb(255, 255, 255); border-width: 2px 0px 0px; border-radius: 0px; } .cp_style_293109 #panel-1-293109 .cp-target:hover { } .cp_style_293109 #panel-1-293109 { } .cp_style_293109 .cp-popup-wrapper .cp-panel-content { max-width: 1280px; } .cp_style_293109 .cpro-fs-overlay { } .cp_style_293109 .cp-popup-content { width: 1280px; height: 120px; } @media (max-width: 767px) { .cp_style_293109 .cp-popup { background-color: rgb(17, 10, 53); border-style: solid; border-color: rgb(255, 255, 255); border-width: 2px 0px 0px; border-radius: 0px; } .cp_style_293109 #panel-1-293109 .cp-target:hover { } .cp_style_293109 #panel-1-293109 { } .cp_style_293109 .cp-popup-wrapper .cp-panel-content { max-width: 351px; } .cp_style_293109 .cpro-fs-overlay { } .cp_style_293109 .cp-popup-content { width: 351px; height: 130px; } } .cp_style_293109 #toggle-293109 .cp-target { } .cp_style_293109 #toggle-293109 .cp-target:hover { } .cp_style_293109 .cp-open-infobar-toggle { font-size: 16px; } .cp_style_293109 .cp-open-infobar-toggle { color: rgb(238, 238, 34); } .cp_style_293109 .cp-open-infobar-toggle { background-color: rgb(221, 51, 51); } .cp_style_293109 .cp-open-infobar-toggle { } .cp_style_293109 .cp-open-infobar-toggle { width: 350px; } .cp_style_293109 .cp-open-infobar-toggle { line-height: 50px; height: 50px; } .cp_style_293109 #toggle-293109 { } @media (max-width: 767px) { .cp_style_293109 #toggle-293109 .cp-target { } .cp_style_293109 #toggle-293109 .cp-target:hover { } .cp_style_293109 .cp-open-infobar-toggle { font-size: 16px; } .cp_style_293109 .cp-open-infobar-toggle { color: rgb(255, 255, 255); } .cp_style_293109 .cp-open-infobar-toggle { background-color: rgb(0, 0, 0); } .cp_style_293109 .cp-open-infobar-toggle { } .cp_style_293109 .cp-open-infobar-toggle { width: 350px; } .cp_style_293109 .cp-open-infobar-toggle { line-height: 50px; height: 50px; } .cp_style_293109 #toggle-293109 { } } .cp_style_293109 .cp-popup .cpro-form .cp-form-input-field { font-family: SuisseI; font-style: inherit; font-weight: inherit; text-transform: none; font-size: 12px; letter-spacing: 0px; text-align: left; color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); border-style: solid; border-width: 1px; border-radius: 1px; border-color: rgb(187, 187, 187); padding: 0px 10px; } .cp_style_293109 #form_field-293109 .cp-target:hover { } .cp_style_293109 #form_field-293109 placeholder { color: rgb(102, 102, 102); } .cp_style_293109 .cp-popup .cpro-form .cp-form-input-field input[type="radio"], .cp_style_293109 .cp-popup .cpro-form .cp-form-input-field input[type="checkbox"] { color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); } .cp_style_293109 .cp-popup .cpro-form .cp-form-input-field:focus { border-color: rgb(102, 102, 102); } .cp_style_293109 .cp-popup .cpro-form .cp-form-input-field::-webkit-input-placeholder { color: rgb(102, 102, 102); } .cp_style_293109 .cp-popup .cpro-form .pika-lendar table tbody button:hover { background: rgb(102, 102, 102); } .cp_style_293109 .cp-popup .cpro-form .pika-lendar table tbody .is-selected .pika-button { background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 1px 3px inset; } .cp_style_293109 #form_field-293109 { } @media (max-width: 767px) { .cp_style_293109 .cp-popup .cpro-form .cp-form-input-field { font-family: SuisseI; font-style: inherit; font-weight: inherit; text-transform: none; font-size: 13px; letter-spacing: 0px; text-align: left; color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); border-style: solid; border-width: 1px; border-radius: 1px; border-color: rgb(187, 187, 187); padding: 0px; } .cp_style_293109 #form_field-293109 .cp-target:hover { } .cp_style_293109 #form_field-293109 placeholder { color: rgb(102, 102, 102); } .cp_style_293109 .cp-popup .cpro-form .cp-form-input-field input[type="radio"], .cp_style_293109 .cp-popup .cpro-form .cp-form-input-field input[type="checkbox"] { color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); } .cp_style_293109 .cp-popup .cpro-form .cp-form-input-field:focus { border-color: rgb(102, 102, 102); } .cp_style_293109 .cp-popup .cpro-form .cp-form-input-field::-webkit-input-placeholder { color: rgb(102, 102, 102); } .cp_style_293109 .cp-popup .cpro-form .pika-lendar table tbody button:hover { background: rgb(102, 102, 102); } .cp_style_293109 .cp-popup .cpro-form .pika-lendar table tbody .is-selected .pika-button { background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 1px 3px inset; } .cp_style_293109 #form_field-293109 { } } .cp_style_293109 #cp_heading-2-293109 .cp-target { font-family: SangBleuKingdom; font-weight: 700; font-size: 30px; line-height: 1.2; letter-spacing: 0px; text-align: left; color: rgb(255, 255, 255); width: 592px; height: 41px; } .cp_style_293109 #cp_heading-2-293109 .cp-target:hover { } .cp_style_293109 #cp_heading-2-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_heading-2-293109 { left: 135px; top: 21px; z-index: 2; } @media (max-width: 767px) { .cp_style_293109 #cp_heading-2-293109 .cp-target { font-family: SangBleuKingdom; font-weight: 700; font-size: 18px; line-height: 1.2; letter-spacing: 0px; text-align: left; color: rgb(255, 255, 255); width: 353px; height: 30px; } .cp_style_293109 #cp_heading-2-293109 .cp-target:hover { } .cp_style_293109 #cp_heading-2-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_heading-2-293109 { left: 2px; top: 19px; z-index: 2; } } .cp_style_293109 #cp_button-4-293109 .cp-target { font-family: SuisseI; font-weight: 500; font-size: 16px; letter-spacing: 0px; text-align: center; color: rgb(17, 10, 53); background: rgb(255, 255, 255); width: 150px; height: 50px; padding: 0px 15px; } .cp_style_293109 #cp_button-4-293109 .cp-target:hover { color: rgb(17, 10, 53); background: rgb(232, 237, 238); } .cp_style_293109 #cp_button-4-293109 .cp-target { border-style: solid; } .cp_style_293109 #cp_button-4-293109 .cp-target ~ .cp-field-shadow { border-style: solid; } .cp_style_293109 #cp_button-4-293109 .cp-target { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-4-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-4-293109 .cp-target { border-width: 2px; } .cp_style_293109 #cp_button-4-293109 .cp-target ~ .cp-field-shadow { border-width: 2px; } .cp_style_293109 #cp_button-4-293109 .cp-target { border-radius: 10px; } .cp_style_293109 #cp_button-4-293109 .cp-target ~ .cp-field-shadow { border-radius: 10px; } .cp_style_293109 #cp_button-4-293109 .cp-target > .cp-close-link { border-radius: 10px; } .cp_style_293109 #cp_button-4-293109 .cp-target > .cp-close-image { border-radius: 10px; } .cp_style_293109 #cp_button-4-293109 .cp-target { } .cp_style_293109 #cp_button-4-293109 .cp-target ~ .cp-field-shadow { } .cp_style_293109 #cp_button-4-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_button-4-293109 .cp-target:hover { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-4-293109 .cp-target:hover ~ .cp-field-shadow { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-4-293109 { left: 901px; top: 34px; z-index: 4; } @media (max-width: 767px) { .cp_style_293109 #cp_button-4-293109 .cp-target { font-family: SuisseI; font-weight: 500; font-size: 12px; letter-spacing: 0px; text-align: center; color: rgb(17, 10, 53); background: rgb(255, 255, 255); width: 170px; height: 30px; padding: 0px 15px; } .cp_style_293109 #cp_button-4-293109 .cp-target:hover { color: rgb(17, 10, 53); background: rgb(232, 237, 238); } .cp_style_293109 #cp_button-4-293109 .cp-target { border-style: solid; } .cp_style_293109 #cp_button-4-293109 .cp-target ~ .cp-field-shadow { border-style: solid; } .cp_style_293109 #cp_button-4-293109 .cp-target { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-4-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-4-293109 .cp-target { border-width: 2px; } .cp_style_293109 #cp_button-4-293109 .cp-target ~ .cp-field-shadow { border-width: 2px; } .cp_style_293109 #cp_button-4-293109 .cp-target { border-radius: 10px; } .cp_style_293109 #cp_button-4-293109 .cp-target ~ .cp-field-shadow { border-radius: 10px; } .cp_style_293109 #cp_button-4-293109 .cp-target > .cp-close-link { border-radius: 10px; } .cp_style_293109 #cp_button-4-293109 .cp-target > .cp-close-image { border-radius: 10px; } .cp_style_293109 #cp_button-4-293109 .cp-target { } .cp_style_293109 #cp_button-4-293109 .cp-target ~ .cp-field-shadow { } .cp_style_293109 #cp_button-4-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_button-4-293109 .cp-target:hover { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-4-293109 .cp-target:hover ~ .cp-field-shadow { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-4-293109 { left: -1px; top: 81px; z-index: 4; } } .cp_style_293109 #cp_button-3-293109 .cp-target { font-family: SuisseI; font-weight: 500; font-size: 16px; letter-spacing: 0px; text-align: center; color: rgb(255, 255, 255); background: rgb(17, 10, 53); width: 150px; height: 50px; padding: 0px 15px; } .cp_style_293109 #cp_button-3-293109 .cp-target:hover { color: rgb(170, 170, 170); background: rgb(17, 10, 53); } .cp_style_293109 #cp_button-3-293109 .cp-target { border-style: solid; } .cp_style_293109 #cp_button-3-293109 .cp-target ~ .cp-field-shadow { border-style: solid; } .cp_style_293109 #cp_button-3-293109 .cp-target { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-3-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-3-293109 .cp-target { border-width: 2px; } .cp_style_293109 #cp_button-3-293109 .cp-target ~ .cp-field-shadow { border-width: 2px; } .cp_style_293109 #cp_button-3-293109 .cp-target { border-radius: 10px; } .cp_style_293109 #cp_button-3-293109 .cp-target ~ .cp-field-shadow { border-radius: 10px; } .cp_style_293109 #cp_button-3-293109 .cp-target > .cp-close-link { border-radius: 10px; } .cp_style_293109 #cp_button-3-293109 .cp-target > .cp-close-image { border-radius: 10px; } .cp_style_293109 #cp_button-3-293109 .cp-target { } .cp_style_293109 #cp_button-3-293109 .cp-target ~ .cp-field-shadow { } .cp_style_293109 #cp_button-3-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_button-3-293109 .cp-target:hover { border-color: rgb(170, 170, 170); } .cp_style_293109 #cp_button-3-293109 .cp-target:hover ~ .cp-field-shadow { border-color: rgb(170, 170, 170); } .cp_style_293109 #cp_button-3-293109 { left: 1085px; top: 34px; z-index: 11; } @media (max-width: 767px) { .cp_style_293109 #cp_button-3-293109 .cp-target { font-family: SuisseI; font-weight: 500; font-size: 12px; letter-spacing: 0px; text-align: center; color: rgb(255, 255, 255); background: rgb(17, 10, 53); width: 110px; height: 30px; padding: 0px 15px; } .cp_style_293109 #cp_button-3-293109 .cp-target:hover { color: rgb(170, 170, 170); background: rgb(17, 10, 53); } .cp_style_293109 #cp_button-3-293109 .cp-target { border-style: solid; } .cp_style_293109 #cp_button-3-293109 .cp-target ~ .cp-field-shadow { border-style: solid; } .cp_style_293109 #cp_button-3-293109 .cp-target { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-3-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(255, 255, 255); } .cp_style_293109 #cp_button-3-293109 .cp-target { border-width: 2px; } .cp_style_293109 #cp_button-3-293109 .cp-target ~ .cp-field-shadow { border-width: 2px; } .cp_style_293109 #cp_button-3-293109 .cp-target { border-radius: 10px; } .cp_style_293109 #cp_button-3-293109 .cp-target ~ .cp-field-shadow { border-radius: 10px; } .cp_style_293109 #cp_button-3-293109 .cp-target > .cp-close-link { border-radius: 10px; } .cp_style_293109 #cp_button-3-293109 .cp-target > .cp-close-image { border-radius: 10px; } .cp_style_293109 #cp_button-3-293109 .cp-target { } .cp_style_293109 #cp_button-3-293109 .cp-target ~ .cp-field-shadow { } .cp_style_293109 #cp_button-3-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_button-3-293109 .cp-target:hover { border-color: rgb(170, 170, 170); } .cp_style_293109 #cp_button-3-293109 .cp-target:hover ~ .cp-field-shadow { border-color: rgb(170, 170, 170); } .cp_style_293109 #cp_button-3-293109 { left: 210px; top: 81px; z-index: 11; } } .cp_style_293109 #cp_paragraph-2-293109 .cp-target { font-family: SuisseI; font-weight: 500; font-size: 18px; line-height: 1.2; letter-spacing: 0px; text-align: left; color: rgb(255, 255, 255); width: 743px; height: 48px; } .cp_style_293109 #cp_paragraph-2-293109 .cp-target:hover { } .cp_style_293109 #cp_paragraph-2-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_paragraph-2-293109 { left: 135px; top: 62px; z-index: 13; } @media (max-width: 767px) { .cp_style_293109 #cp_paragraph-2-293109 .cp-target { font-family: SuisseI; font-weight: 500; font-size: 12px; line-height: 1.2; letter-spacing: 0px; text-align: left; color: rgb(255, 255, 255); width: 348px; height: 34px; } .cp_style_293109 #cp_paragraph-2-293109 .cp-target:hover { } .cp_style_293109 #cp_paragraph-2-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_paragraph-2-293109 { left: 2px; top: 40px; z-index: 13; } } .cp_style_293109 #cp_image-2-293109 .cp-target { width: 85px; height: 85px; } .cp_style_293109 #cp_image-2-293109 .cp-target:hover { } .cp_style_293109 #cp_image-2-293109 .cp-target { border-style: none; } .cp_style_293109 #cp_image-2-293109 .cp-target ~ .cp-field-shadow { border-style: none; } .cp_style_293109 #cp_image-2-293109 .cp-target { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_image-2-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_image-2-293109 .cp-target { border-width: 1px; } .cp_style_293109 #cp_image-2-293109 .cp-target ~ .cp-field-shadow { border-width: 1px; } .cp_style_293109 #cp_image-2-293109 .cp-target { border-radius: 0px; } .cp_style_293109 #cp_image-2-293109 .cp-target ~ .cp-field-shadow { border-radius: 0px; } .cp_style_293109 #cp_image-2-293109 .cp-target > .cp-close-link { border-radius: 0px; } .cp_style_293109 #cp_image-2-293109 .cp-target > .cp-close-image { border-radius: 0px; } .cp_style_293109 #cp_image-2-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_image-2-293109 .cp-target:hover { } .cp_style_293109 #cp_image-2-293109 .cp-target:hover ~ .cp-field-shadow { } .cp_style_293109 #cp_image-2-293109 { left: 20px; top: 19px; z-index: 16; } @media (max-width: 767px) { .cp_style_293109 #cp_image-2-293109 .cp-target { width: 21px; height: 21px; } .cp_style_293109 #cp_image-2-293109 .cp-target:hover { } .cp_style_293109 #cp_image-2-293109 .cp-target { border-style: none; } .cp_style_293109 #cp_image-2-293109 .cp-target ~ .cp-field-shadow { border-style: none; } .cp_style_293109 #cp_image-2-293109 .cp-target { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_image-2-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_image-2-293109 .cp-target { border-width: 1px; } .cp_style_293109 #cp_image-2-293109 .cp-target ~ .cp-field-shadow { border-width: 1px; } .cp_style_293109 #cp_image-2-293109 .cp-target { border-radius: 0px; } .cp_style_293109 #cp_image-2-293109 .cp-target ~ .cp-field-shadow { border-radius: 0px; } .cp_style_293109 #cp_image-2-293109 .cp-target > .cp-close-link { border-radius: 0px; } .cp_style_293109 #cp_image-2-293109 .cp-target > .cp-close-image { border-radius: 0px; } .cp_style_293109 #cp_image-2-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_image-2-293109 .cp-target:hover { } .cp_style_293109 #cp_image-2-293109 .cp-target:hover ~ .cp-field-shadow { } .cp_style_293109 #cp_image-2-293109 { left: -23px; top: 8px; z-index: 16; } } @media (max-width: 767px) { .cp_style_293109 .cp-invisible-on-mobile { display: none !important; } } .cp_style_293109 .cp-popup-content { font-family: SuisseI; font-weight: 300; } .cp_style_293109 .cp-popup { } .cp_style_293109 #panel-2-293109 .cp-target:hover { } .cp_style_293109 #panel-2-293109 { } .cp_style_293109 .cp-popup-wrapper .cp-panel-content { max-width: 1028px; } .cp_style_293109 .cpro-fs-overlay { } .cp_style_293109 .cp-popup-content.cp-panel-2 { width: 1028px; height: 130px; } @media (max-width: 767px) { .cp_style_293109 .cp-popup { } .cp_style_293109 #panel-2-293109 .cp-target:hover { } .cp_style_293109 #panel-2-293109 { } .cp_style_293109 .cp-popup-wrapper .cp-panel-content { max-width: 320px; } .cp_style_293109 .cpro-fs-overlay { } .cp_style_293109 .cp-popup-content.cp-panel-2 { width: 320px; height: 250px; } } .cp_style_293109 #cp_email-4-293109 .cp-target { width: 289px; height: 47px; } .cp_style_293109 #cp_email-4-293109 .cp-target:hover { } .cp_style_293109 #cp_email-4-293109 { left: 512.5px; top: 16px; z-index: 5; } @media (max-width: 767px) { .cp_style_293109 #cp_email-4-293109 .cp-target { width: 166px; height: 35px; } .cp_style_293109 #cp_email-4-293109 .cp-target:hover { } .cp_style_293109 #cp_email-4-293109 { left: 10px; top: 21px; z-index: 5; } } .cp_style_293109 #cp_button-5-293109 .cp-target { font-family: SuisseI; font-weight: 500; font-size: 16px; letter-spacing: 0px; text-align: center; color: rgb(17, 10, 53); background: rgb(255, 255, 255); width: 168px; height: 48px; padding: 0px 15px; } .cp_style_293109 #cp_button-5-293109 .cp-target:hover { color: rgb(17, 10, 53); background: rgb(243, 246, 247); } .cp_style_293109 #cp_button-5-293109 .cp-target { border-style: none; } .cp_style_293109 #cp_button-5-293109 .cp-target ~ .cp-field-shadow { border-style: none; } .cp_style_293109 #cp_button-5-293109 .cp-target { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_button-5-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_button-5-293109 .cp-target { border-width: 1px; } .cp_style_293109 #cp_button-5-293109 .cp-target ~ .cp-field-shadow { border-width: 1px; } .cp_style_293109 #cp_button-5-293109 .cp-target { border-radius: 10px; } .cp_style_293109 #cp_button-5-293109 .cp-target ~ .cp-field-shadow { border-radius: 10px; } .cp_style_293109 #cp_button-5-293109 .cp-target > .cp-close-link { border-radius: 10px; } .cp_style_293109 #cp_button-5-293109 .cp-target > .cp-close-image { border-radius: 10px; } .cp_style_293109 #cp_button-5-293109 .cp-target { } .cp_style_293109 #cp_button-5-293109 .cp-target ~ .cp-field-shadow { } .cp_style_293109 #cp_button-5-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_button-5-293109 .cp-target:hover { } .cp_style_293109 #cp_button-5-293109 .cp-target:hover ~ .cp-field-shadow { } .cp_style_293109 #cp_button-5-293109 { left: 826px; top: 16px; z-index: 7; } @media (max-width: 767px) { .cp_style_293109 #cp_button-5-293109 .cp-target { font-family: SuisseI; font-weight: 500; font-size: 13px; letter-spacing: 0px; text-align: center; color: rgb(17, 10, 53); background: rgb(255, 255, 255); width: 123px; height: 36px; padding: 0px 15px; } .cp_style_293109 #cp_button-5-293109 .cp-target:hover { color: rgb(17, 10, 53); background: rgb(243, 246, 247); } .cp_style_293109 #cp_button-5-293109 .cp-target { border-style: none; } .cp_style_293109 #cp_button-5-293109 .cp-target ~ .cp-field-shadow { border-style: none; } .cp_style_293109 #cp_button-5-293109 .cp-target { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_button-5-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_button-5-293109 .cp-target { border-width: 1px; } .cp_style_293109 #cp_button-5-293109 .cp-target ~ .cp-field-shadow { border-width: 1px; } .cp_style_293109 #cp_button-5-293109 .cp-target { border-radius: 10px; } .cp_style_293109 #cp_button-5-293109 .cp-target ~ .cp-field-shadow { border-radius: 10px; } .cp_style_293109 #cp_button-5-293109 .cp-target > .cp-close-link { border-radius: 10px; } .cp_style_293109 #cp_button-5-293109 .cp-target > .cp-close-image { border-radius: 10px; } .cp_style_293109 #cp_button-5-293109 .cp-target { } .cp_style_293109 #cp_button-5-293109 .cp-target ~ .cp-field-shadow { } .cp_style_293109 #cp_button-5-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_button-5-293109 .cp-target:hover { } .cp_style_293109 #cp_button-5-293109 .cp-target:hover ~ .cp-field-shadow { } .cp_style_293109 #cp_button-5-293109 { left: 185px; top: 21px; z-index: 7; } } .cp_style_293109 #cp_sub_heading-2-293109 .cp-target { font-family: SuisseI; font-weight: 400; font-size: 12px; line-height: 1.3; letter-spacing: 0px; text-align: left; color: rgb(255, 255, 255); width: 455px; height: 94px; } .cp_style_293109 #cp_sub_heading-2-293109 .cp-target:hover { } .cp_style_293109 #cp_sub_heading-2-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_sub_heading-2-293109 { left: 30px; top: 18px; z-index: 14; } @media (max-width: 767px) { .cp_style_293109 #cp_sub_heading-2-293109 .cp-target { font-family: SuisseI; font-weight: 400; font-size: 10px; line-height: 1.3; letter-spacing: 0px; text-align: left; color: rgb(255, 255, 255); width: 298px; height: 102px; } .cp_style_293109 #cp_sub_heading-2-293109 .cp-target:hover { } .cp_style_293109 #cp_sub_heading-2-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_sub_heading-2-293109 { left: 10px; top: 139px; z-index: 14; } } .cp_style_293109 #cp_close_image-2-293109 .cp-target { width: 12px; height: 12px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target:hover { } .cp_style_293109 #cp_close_image-2-293109 .cp-target { border-style: none; } .cp_style_293109 #cp_close_image-2-293109 .cp-target ~ .cp-field-shadow { border-style: none; } .cp_style_293109 #cp_close_image-2-293109 .cp-target { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_close_image-2-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_close_image-2-293109 .cp-target { border-width: 1px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target ~ .cp-field-shadow { border-width: 1px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target { border-radius: 0px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target ~ .cp-field-shadow { border-radius: 0px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target > .cp-close-link { border-radius: 0px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target > .cp-close-image { border-radius: 0px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target { } .cp_style_293109 #cp_close_image-2-293109 .cp-target ~ .cp-field-shadow { } .cp_style_293109 #cp_close_image-2-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_close_image-2-293109 .cp-target:hover { } .cp_style_293109 #cp_close_image-2-293109 .cp-target:hover ~ .cp-field-shadow { } .cp_style_293109 #cp_close_image-2-293109 { left: 1009px; top: 7px; z-index: 15; } @media (max-width: 767px) { .cp_style_293109 #cp_close_image-2-293109 .cp-target { width: 12px; height: 12px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target:hover { } .cp_style_293109 #cp_close_image-2-293109 .cp-target { border-style: none; } .cp_style_293109 #cp_close_image-2-293109 .cp-target ~ .cp-field-shadow { border-style: none; } .cp_style_293109 #cp_close_image-2-293109 .cp-target { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_close_image-2-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_close_image-2-293109 .cp-target { border-width: 1px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target ~ .cp-field-shadow { border-width: 1px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target { border-radius: 0px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target ~ .cp-field-shadow { border-radius: 0px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target > .cp-close-link { border-radius: 0px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target > .cp-close-image { border-radius: 0px; } .cp_style_293109 #cp_close_image-2-293109 .cp-target { } .cp_style_293109 #cp_close_image-2-293109 .cp-target ~ .cp-field-shadow { } .cp_style_293109 #cp_close_image-2-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_close_image-2-293109 .cp-target:hover { } .cp_style_293109 #cp_close_image-2-293109 .cp-target:hover ~ .cp-field-shadow { } .cp_style_293109 #cp_close_image-2-293109 { left: 307px; top: 5px; z-index: 15; } } .cp_style_293109 #cp_custom_html-0-293109 .cp-target { font-family: inherit; font-style: inherit; font-weight: inherit; font-size: 14px; line-height: 1.6; letter-spacing: 0px; text-align: center; color: rgb(85, 85, 85); width: 210px; height: 50px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target:hover { } .cp_style_293109 #cp_custom_html-0-293109 .cp-target { border-style: none; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target ~ .cp-field-shadow { border-style: none; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_custom_html-0-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_custom_html-0-293109 .cp-target { border-width: 1px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target ~ .cp-field-shadow { border-width: 1px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target { border-radius: 0px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target ~ .cp-field-shadow { border-radius: 0px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target > .cp-close-link { border-radius: 0px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target > .cp-close-image { border-radius: 0px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target { } .cp_style_293109 #cp_custom_html-0-293109 .cp-target ~ .cp-field-shadow { } .cp_style_293109 #cp_custom_html-0-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_custom_html-0-293109 .cp-target:hover { } .cp_style_293109 #cp_custom_html-0-293109 .cp-target:hover ~ .cp-field-shadow { } .cp_style_293109 #cp_custom_html-0-293109 { left: 2px; top: 7px; z-index: 17; } @media (max-width: 767px) { .cp_style_293109 #cp_custom_html-0-293109 .cp-target { font-family: inherit; font-style: inherit; font-weight: inherit; font-size: 4px; line-height: 1.6; letter-spacing: 0px; text-align: center; color: rgb(85, 85, 85); width: 65px; height: 16px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target:hover { } .cp_style_293109 #cp_custom_html-0-293109 .cp-target { border-style: none; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target ~ .cp-field-shadow { border-style: none; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_custom_html-0-293109 .cp-target ~ .cp-field-shadow { border-color: rgb(117, 117, 117); } .cp_style_293109 #cp_custom_html-0-293109 .cp-target { border-width: 1px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target ~ .cp-field-shadow { border-width: 1px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target { border-radius: 0px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target ~ .cp-field-shadow { border-radius: 0px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target > .cp-close-link { border-radius: 0px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target > .cp-close-image { border-radius: 0px; } .cp_style_293109 #cp_custom_html-0-293109 .cp-target { } .cp_style_293109 #cp_custom_html-0-293109 .cp-target ~ .cp-field-shadow { } .cp_style_293109 #cp_custom_html-0-293109 .cp-rotate-wrap { transform: rotate(0deg); } .cp_style_293109 #cp_custom_html-0-293109 .cp-target:hover { } .cp_style_293109 #cp_custom_html-0-293109 .cp-target:hover ~ .cp-field-shadow { } .cp_style_293109 #cp_custom_html-0-293109 { left: 1px; top: 2px; z-index: 17; } } .cp_style_293109 #cp_checkbox-3-293109 .cp-target { line-height: 1; width: 516px; height: 57px; } .cp_style_293109 #cp_checkbox-3-293109 .cp-target .cp-checkbox-wrap input[type="checkbox"] { height: 16px; width: 16px; } .cp_style_293109 #cp_checkbox-3-293109 .cp-target .cp-checkbox-wrap { line-height: 16px; } .cp_style_293109 #cp_checkbox-3-293109 .cp-target .cp-checkbox-wrap input[type="checkbox"]::before { height: 6px; width: 6px; right: 3px; top: 9px; } .cp_style_293109 #cp_checkbox-3-293109 .cp-target:hover { } .cp_style_293109 #cp_checkbox-3-293109 .cp-target .cp-checkbox-wrap input[type="checkbox"] { } .cp_style_293109 #cp_checkbox-3-293109 { left: 505px; top: 68.5px; z-index: 18; } @media (max-width: 767px) { .cp_style_293109 #cp_checkbox-3-293109 .cp-target { line-height: 1; width: 298px; height: 100px; } .cp_style_293109 #cp_checkbox-3-293109 .cp-target .cp-checkbox-wrap input[type="checkbox"] { height: 16px; width: 16px; } .cp_style_293109 #cp_checkbox-3-293109 .cp-target .cp-checkbox-wrap { line-height: 16px; } .cp_style_293109 #cp_checkbox-3-293109 .cp-target .cp-checkbox-wrap input[type="checkbox"]::before { height: 6px; width: 6px; right: 3px; top: 9px; } .cp_style_293109 #cp_checkbox-3-293109 .cp-target:hover { } .cp_style_293109 #cp_checkbox-3-293109 .cp-target .cp-checkbox-wrap input[type="checkbox"] { } .cp_style_293109 #cp_checkbox-3-293109 { left: 10px; top: 60px; z-index: 18; } } @media (max-width: 767px) { .cp_style_293109 .cp-invisible-on-mobile { display: none !important; } } #cp_email-4-293109 .cp-target { color: rgb(2, 2, 3); padding: 0.25rem 0.5rem; } @media (max-width: 767px) { #cp_checkbox-3-293109 label { font-size: 10px; line-height: 1.3 !important; } } .altcha-widget-wrap { margin-bottom: 1rem !important; } .forminator-pagination--content + .altcha-widget-wrap { margin-top: 1.5rem !important; } .altcha-widget-wrap .altcha-main { line-height: 1; } .altcha-widget-wrap .altcha-main svg { display: block; } .altcha-widget-wrap-wpdiscuz { display: flex; justify-content: end; margin-bottom: 0.5rem; } .altcha-widget-wrap-wpdiscuz > * { min-width: 260px; } .altcha-code-challenge { z-index: 9999999; } .altcha-code-challenge form { margin-bottom: 0px !important; } .login .altcha:not([data-floating]) { --altcha-max-width: 100%; } @keyframes cmp_pulse { 0% { transform: scale(0.9); box-shadow: rgba(255, 211, 65, 0.7) 0px 0px 0px 0px; } 70% { transform: scale(1); box-shadow: transparent 0px 0px 0px 10px; } 100% { transform: scale(0.9); box-shadow: transparent 0px 0px 0px 0px; } } @keyframes cmp_pulse2 { 0% { transform: scale(0.9); box-shadow: rgba(255, 39, 39, 0.8) 0px 0px 0px 0px; } 70% { transform: scale(1); box-shadow: transparent 0px 0px 0px 10px; } 100% { transform: scale(0.9); box-shadow: transparent 0px 0px 0px 0px; } } .cmpstyleroot, .cmpstyleroot * { --x6pt: 6pt; --x7pt: 7pt; --x8pt: 8pt; --x9pt: 9pt; --x10pt: 10pt; --x11pt: 11pt; --x12pt: 12pt; --clrBackground: #FFFFFF; --clrHeadline: #3B3B3B; --clrText: #5F5F5F; --clrTextSecondary: #CFCFCF; --clrButton: #3276AE; --clrButtonText: #FFFFFF; --clrLink: #666666; --clrHighlight: #FFFDCD; } body div#cmpwrapper.cmpwrapper:empty, div#cmpwrapper.cmpwrapper, div#cmpwrapper.cmpwrapper:empty, div.cmpwrapper, div.cmpwrapper:empty { display: block !important; } .cmpstyleroot.cmpboxwcag, .cmpstyleroot.cmpboxwcag * { --x6pt: 0.5000rem; --x7pt: 0.5834rem; --x8pt: 0.6666rem; --x9pt: 0.7500rem; --x10pt: 0.8333rem; --x11pt: 0.9166rem; --x12pt: 1.0000rem; } .cmpbox { position: fixed; font-family: Arial, sans-serif; background-color: var(--clrBackground); box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 5px 0px; box-sizing: border-box; transition-property: background-color, height, width, max-height, max-width, display, position, left, top, bottom, right, transform; transition-duration: 0.9s; transition-timing-function: ease; z-index: 9999999; max-height: 100vh; max-width: 100vw; text-underline-position: under; } .cmpbox.cmpnotransition { transition: none 0s ease 0s; } .cmpbox img, .cmpbox svg, .cmpbox img, .cmpbox svg, .cmpboxrecall img, .cmpboxrecall svg, .cmpboxrecall img, .cmpboxrecall svg { display: inline-block !important; } .cmpboxinner, .cmpboxinner2 { height: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; } .cmpfullscreen .cmpboxinner { display: flex; flex-direction: column; } .cmpbox0 { bottom: 0px; right: 0px; width: 600px; } .cmpbox1 { bottom: 0px; left: 0px; width: 100%; } .cmpbox2 { bottom: 0px; transform: translate(-50%, 0px); } .cmpbox2, .cmpbox3, .cmpbox4 { left: 50%; width: 600px; } .cmpbox3 { position: fixed; top: 50%; transform: translate(-50%, -50%); } .cmpbox4 { top: 0px; transform: translate(-50%, 0px); } .cmpbox5, .cmpbox8.cmpfullscreen { top: 0px; left: 0px; width: 100%; } .cmpbox6, .cmpbox7 { top: 0px; height: 100%; max-width: 300px; } .cmpbox6 { right: 0px; } .cmpbox7 { left: 0px; } .cmpbox8 { width: 100%; margin-left: auto; margin-right: auto; position: relative !important; } .cmpbox9 { bottom: 0px; left: 0px; width: 600px; } .cmpbox10 { top: 0px; left: 0px; width: 600px; } .cmpbox11 { top: 0px; right: 0px; width: 600px; } .cmpbox8.cmpfullscreen { position: absolute !important; } .cmpboxBG { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(207, 207, 207); opacity: 0.5; z-index: 8999999; } .cmpbox *, .cmpbox > * { font-family: Arial, sans-serif; text-decoration: none; box-sizing: border-box; border: 0px solid rgb(255, 255, 255); vertical-align: middle; transition-property: background-color, height, width, max-height, max-width, display, position; transition-duration: 0.9s; transition-timing-function: ease; } .cmpboxh2, .cmpboxhl { font-size: var(--x12pt); color: var(--clrHeadline); } .cmpboxhl { vertical-align: baseline; } .cmpboxh2 { font-weight: 400; opacity: 0.8; margin-bottom: 0.5em; margin-top: 2em; } .cmpboxh2, .cmpboxhl *, .cmpcookiesdescrboxcontent * { vertical-align: baseline; } .cmpcornerbtn .cmpboxhl { max-width: calc(100% - 200px); } .cmpboxbtns { text-align: center; min-height: 50px; flex-shrink: 0; } .cmpboxtxtdiv { z-index: 33333; position: relative; } .cmpboxtxt, .cmpcookieinfocontent p, .cmpcookiesdescrboxcontent p, .cmpprpsdescr { font-size: var(--x11pt); line-height: 1.3em; color: var(--clrText); text-align: justify; } .cmpboxbtn, .cmpboxbtn *, .cmpboxtxt, .cmpboxtxt *, .cmpmore *, .cmpprpsdescr, .cmpprpsdescr * { vertical-align: baseline; } .cmpprpsdescr { margin-bottom: 10px; } .cmpprpshl { margin-top: 15px; margin-bottom: 5px; } .cmpcompanyaddr, .cmpdpoinfo { margin-top: 10px; } .cmpboxbtn { font-size: var(--x11pt); margin: 10px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px; width: 200px; max-width: 100%; display: inline-block; text-align: center; position: relative; height: auto; padding: 7px 0px 7px 10px; border-radius: 3px; line-height: normal; } .cmpboxbtnyescustom2disabled, .cmpboxbtnyescustomdisabled { cursor: not-allowed !important; opacity: 0.5; } .cmpboxbtn.cmpboxbtnsave { padding-left: 0px; } .cmpbox1 .cmpboxcontent { display: inline-block; max-width: 70%; padding-bottom: 0px; } .cmpbox1 .cmpboxbtns { display: inline-block; min-width: 30%; margin-top: 40px; max-width: 30%; } .cmpbox5 .cmpboxcontent, .cmpbox8 .cmpboxcontent { display: inline-block; max-width: 70%; padding-bottom: 0px; } .cmpbox5 .cmpboxbtns, .cmpbox8 .cmpboxbtns { display: inline-block; min-width: 30%; margin-top: 40px; max-width: 30%; } .cmpfullscreen.cmpbox1 .cmpboxbtns, .cmpfullscreen.cmpbox5 .cmpboxbtns, .cmpfullscreen.cmpbox8 .cmpboxbtns { display: block; margin-top: 10px; max-width: 100%; width: 100%; } @media (max-width: 1500px) { .cmpbox1 .cmpboxcontent { max-width: calc(100% - 450px); } .cmpbox1 .cmpboxbtns { min-width: 450px; } .cmpbox5 .cmpboxcontent, .cmpbox8 .cmpboxcontent { max-width: calc(100% - 450px); } .cmpbox5 .cmpboxbtns, .cmpbox8 .cmpboxbtns { min-width: 450px; } } @media (max-width: 1200px) { .cmpbox1 .cmpboxcontent { max-width: calc(100% - 250px); } .cmpbox1 .cmpboxbtns { width: 250px; min-width: 250px; } .cmpbox5 .cmpboxcontent, .cmpbox8 .cmpboxcontent { max-width: calc(100% - 250px); } .cmpbox5 .cmpboxbtns, .cmpbox8 .cmpboxbtns { width: 250px; min-width: 250px; } .cmpfullscreen.cmpbox1 .cmpboxbtns, .cmpfullscreen.cmpbox5 .cmpboxbtns, .cmpfullscreen.cmpbox8 .cmpboxbtns { display: block; margin-top: 10px; max-width: 100%; width: 100%; } .cmpfullscreen .cmpboxbtn { display: inline-block; margin-bottom: 10px; } } @media (max-width: 800px) { .cmpbox1 .cmpboxcontent { max-width: 100%; width: 100%; display: block; } .cmpbox1 .cmpboxbtns { margin-top: 0px; } .cmpbox1 .cmpboxbtns, .cmpbox5 .cmpboxcontent, .cmpbox8 .cmpboxcontent { max-width: 100%; width: 100%; display: block; } .cmpbox5 .cmpboxbtns, .cmpbox8 .cmpboxbtns { width: 100%; display: block; max-width: 100%; margin-top: 0px; } .cmpfullscreen.cmpbox1 .cmpboxbtns, .cmpfullscreen.cmpbox5 .cmpboxbtns, .cmpfullscreen.cmpbox8 .cmpboxbtns { margin-top: 10px; } .cmpboxbtn { display: inline-block; margin: 10px; } } @media (max-width: 600px) { .cmpbox0, .cmpbox2, .cmpbox3, .cmpbox4 { width: 100%; } } @media (max-width: 400px) { .cmpbox6, .cmpbox7 { width: 100%; } } .cmpboxbtnno, a.cmpboxbtnno, a.cmpboxbtnno:link { background-color: var(--clrButton); color: var(--clrButtonText); } .cmpboxbtncustom, .cmpboxbtnsettings, a.cmpboxbtncustom, a.cmpboxbtncustom:link, a.cmpboxbtnsettings, a.cmpboxbtnsettings:link { background-color: var(--clrButton); color: var(--clrButtonText); padding-left: 0px; } .cmpboxbtnaccept, .cmpboxbtnreject, .cmpboxbtnsave, .cmpboxbtnyes, a.cmpboxbtnaccept, a.cmpboxbtnaccept:link, a.cmpboxbtnreject, a.cmpboxbtnreject:link, a.cmpboxbtnsave, a.cmpboxbtnsave:link, a.cmpboxbtnyes, a.cmpboxbtnyes:link { background-color: var(--clrButton); color: var(--clrButtonText); } .cmpboxbtn, .cmpmorelink { user-select: none; -webkit-user-drag: none; } .cmpboxbtn svg, .cmpboxbtn span, .cmpboxbtn svg { vertical-align: middle; } .cmplogo { position: absolute; } .cmplogo2, .cmplogo2 span { color: rgb(102, 102, 102); line-height: 2px; } .cmplogo2 { position: absolute; padding: 2px; right: 2px; bottom: 0px; } .cmplogo2 span { text-decoration: none; margin-left: 5px; } .cmplogo2 a, .cmplogo2 a:link { display: inline-block; font-size: var(--x7pt); color: rgb(87, 93, 128); text-decoration: none; line-height: 2px; } .cmplogo2, .cmplogo2 span, .cmplogo2.cmplogoXL, .cmplogo2.cmplogoXL a, .cmplogo2.cmplogoXL a:link, .cmplogo2.cmplogoXL span { font-size: var(--x7pt); } .cmplogo2.cmplogoXXL { background: rgba(0, 0, 0, 0.1); border-radius: 15px; padding-left: 10px; padding-right: 10px; margin-bottom: 2px; opacity: 0.4; } .cmplogo2.cmplogoXXL:focus, .cmplogo2.cmplogoXXL:hover { opacity: 1; } .cmplogo2.cmplogoXXL, .cmplogo2.cmplogoXXL a, .cmplogo2.cmplogoXXL a:link, .cmplogo2.cmplogoXXL span { font-size: var(--x9pt); } .cmpdl2 { width: 16px; height: 16px; border: 0px solid rgb(255, 255, 255); padding: 0px; margin: 0px 2px 0px 0px; } .cmplogo2h, .cmplogo2hx { vertical-align: middle; } .cmplogo2h { display: none; } .cmplogo2:focus .cmplogo2h, .cmplogo2:hover .cmplogo2h, a.cmpboxrecalllink:focus .cmpboxrecalltxt, a.cmpboxrecalllink:hover .cmpboxrecalltxt { display: inline; } .cmplogo2 .cmplogo2h.cmplogo2hvis { display: inline !important; } .cmplanguage { display: block; border-radius: 5px; position: absolute; padding: 6px 3px; text-align: left; left: 3px; bottom: 3px; font-size: var(--x7pt); line-height: 2px; color: rgb(102, 102, 102); transition: all 0.4s ease 0s; border: 1px solid transparent; cursor: pointer; } .cmplanguage:focus, .cmplanguage:hover { background-color: rgb(255, 253, 205); border: 1px solid rgb(255, 211, 65); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px 0px; } .cmplangicon { width: 16px; height: auto; filter: grayscale(60%); } .cmplangiconiso { height: 1em; line-height: 1.25em; font-size: 8pt; width: 1.5em; display: inline-block; vertical-align: middle; text-align: center; } .cmplanguageloc { line-height: 1em; font-size: var(--x6pt); position: absolute; right: 0px; bottom: 0px; color: rgb(0, 0, 0); border-radius: 30px; background-color: rgba(255, 255, 255, 0.8); padding: 2px; white-space: nowrap; } .cmplangicon:focus, .cmplangicon:hover, .cmplanguage:focus .cmplangicon, .cmplanguage:hover .cmplangicon { filter: grayscale(0%); } .cmpaltlang, .cmpaltlangs { border-radius: 5px; z-index: 33334; } .cmpaltlangs { position: absolute; bottom: -1px; left: -1px; background-color: rgb(255, 253, 205); border: 1px solid rgb(255, 211, 65); width: 144px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px 0px; } .cmpaltlang { display: inline-block; padding: 6px 3px; font-size: var(--x7pt); line-height: 2px; color: rgb(102, 102, 102); border: 1px solid rgb(247, 233, 57); background-color: rgb(255, 255, 227); margin: 2px; cursor: pointer; position: relative; } .cmpaltlang:focus, .cmpaltlang:hover { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px 0px; } .cmpaltlangcurrent { display: block; cursor: pointer; } .cmpaltlangcurrent > div { display: inline-block; position: relative; padding: 6px 3px; } .cmpmore { text-align: center; font-size: var(--x9pt); color: var(--clrLink); line-height: 1em; } .cmpmorelink, a.cmpmorelink, a.cmpmorelink:link { padding: 10px; display: inline-block; } .cmpimg { width: 15px; height: 15px; position: absolute; left: 10px; top: 0px; border: 0px; margin-top: 0.6em; } .cmpdl { max-height: 50px; max-width: 200px; border: 0px; } .cmptblbox { height: calc(100% - 60px); overflow-y: auto; padding-right: 5px; max-width: 800px; min-height: 100px; margin-right: auto; margin-left: auto; width: 100%; } .cmpbox:dir(rtl) .cmptblbox, .cmpbox[dir="rtl"] .cmptblbox { padding-right: 0px; padding-left: 5px; } .cmpboxheadline { max-width: 800px; margin-right: auto; margin-left: auto; width: 100%; flex-shrink: 0; vertical-align: baseline; } .cmpboxnavi { width: 200px; float: left; } .cmpboxnaviitem { border: 1px solid silver; border-radius: 5px; padding: 10px; margin-bottom: 5px; cursor: pointer; } .cmpbox[dir="rtl"] .cmpboxnaviitem { padding-right: 30px; } .cmpboxnaviitem * { vertical-align: middle; } .cmpboxnaviitem img { margin-right: 5px; } .cmpboxnaviitem .cmptogglelink { display: inline-block; text-align: center; } .cmpbox:dir(rtl) .cmptblbox, .cmpbox[dir="rtl"] .cmptblbox { margin-right: 0px; margin-left: 5px; } .cmpboxnaviitemactive { background-color: var(--clrHighlight); } .cmpboxdetails { float: left; width: calc(100% - 200px); padding-left: 15px; } .cmpcookienonavi .cmpboxdetails { float: none; width: 100%; padding-left: 0px; } @media (max-width: 570px) { .cmpboxnavi { width: 100%; float: none; } .cmpboxnaviitem { border: 1px solid silver; border-radius: 5px; padding: 5px; margin-bottom: 3px; font-size: var(--x10pt); } .cmpboxnaviitemactive { background-color: var(--clrHighlight); } .cmpboxdetails { float: none; width: 100%; padding-left: 0px; } } .cmptbl { border: 0px solid rgb(255, 255, 255); width: 100%; } .cmptbl th { font-size: var(--x10pt); font-weight: 700; border-bottom: 2px solid var(--clrTextSecondary); color: var(--clrText); } .cmpclose { position: absolute; right: 2px; top: 2px; } .cmptbl td { font-size: var(--x9pt); text-align: center; color: var(--clrText); } .cmpcookietbl td, td.cmptdborder { border-bottom: 1px solid silver; } .cmpcookietbl td { font-size: var(--x9pt); text-align: left; color: var(--clrText); } td.cmpvendname { text-align: right; } .cmpimgsaveno, .cmpimgyesno, .cmpimgyesno svg, .cmptogglespan svg, .cmpwelcomeprpsbtn .cmpimgsaveno, .cmpwelcomeprpsbtn .cmpimgyesno { border: 0px solid rgb(255, 255, 255); width: 40px; height: 20px; color: var(--clrTextSecondary); } .cmpboxwelcomeprps { text-align: left; display: flex; flex-wrap: wrap; } .cmpwelcomeprpsbox { display: flex; flex-direction: column; position: relative; width: 100%; cursor: pointer; } .cmpwelcomeprpsboxinner { padding-right: 28px; } .cmpwelcomeprpsbox::after, .cmpwelcomeprpsbox::before { content: ""; position: absolute; top: calc(1em - 4px); width: 6px; border: 1px solid var(--clrTextSecondary); } .cmpbox table caption, .cmpwelcomeprpsboxnoarrow::after, .cmpwelcomeprpsboxnoarrow::before, div.cmpexpandcontent { display: none; } .cmpwelcomeprpsbox:hover::after, .cmpwelcomeprpsbox:hover::before, .cmpwelcomeprpsboxactive:hover::after, .cmpwelcomeprpsboxactive:hover::before { border: 1px solid var(--clrText); } .cmpwelcomeprpsbox::before { transform: rotateZ(-45deg); right: 10px; } .cmpwelcomeprpsbox::after { transform: rotateZ(45deg); right: 15px; } .cmpwelcomeprpsdescr, .cmpwelcomeprpsvendors { transition: all 0.5s ease 0s; visibility: visible; opacity: 1; height: auto; overflow: visible; width: 100%; } .cmpwelcomeprpsdescrinactive, .cmpwelcomeprpsvendorsinactive { visibility: hidden; opacity: 0; height: 0px; overflow: hidden; margin: 0px !important; padding: 0px !important; } .cmpwelcomeprpsboxactive::after, .cmpwelcomeprpsboxactive::before { content: ""; position: absolute; top: calc(1em - 4px); width: 6px; border: 1px solid var(--clrTextSecondary); } .cmpwelcomeprpsboxactive::before { transform: rotateZ(45deg); right: 11px; } .cmpwelcomeprpsboxactive::after { transform: rotateZ(-45deg); right: 15px; } .cmpwelcomeprps { column-span: none; display: inline-flex; margin-bottom: 5px; width: 240px; text-align: left; margin-right: 15px; align-items: center; } .cmpwelcomeprpsbox .cmpwelcomeprps { width: 100%; } .cmpbox:dir(rtl) .cmpwelcomeprps, .cmpbox[dir="rtl"] .cmpwelcomeprps { margin-right: 0px; margin-left: 15px; } .cmpwelcomeprpsbtn { display: inline; margin-right: 5px; flex-shrink: 0; } .cmpbox:dir(rtl) .cmpwelcomeprpsbtn, .cmpbox[dir="rtl"] .cmpwelcomeprpsbtn { margin-right: 0px; margin-left: 5px; } .cmpwelcomeprpstxt { display: inline; padding-top: 2px; cursor: pointer; vertical-align: baseline; } .cmpcarouselexpanded .cmpboxnavi.cmpcarouselexpandnavi .cmpboxnaviitem, .cmpwelcomeprpstxt.cmpwelcomeprpstxtnopointer { cursor: auto; } .cmpbox.cmpfullscreen { width: 100%; height: 100%; left: 0px; top: 0px; max-width: unset; max-height: unset; transform: none !important; } td.cmpallprps, td.cmpallvend, th.cmpallprps, th.cmpallvend { background-color: var(--clrHighlight); } td.cmpcenter, th.cmpcenter { text-align: center; } td.cmpsmallborder, th.cmpsmallborder { border-bottom: 1px solid var(--clrTextSecondary); } .cmpboxtxt svg, .cmppurposeicon svg { width: 16px; height: 16px; } .cmpcolorcodingtxt { font-size: var(--x10pt); color: rgb(51, 51, 51); padding: 5px; line-height: 1.2em; } .cmpvendorpurposes svg { fill: rgb(51, 51, 51); width: 14px; height: 14px; } .cmpcolorcodingtxtconsent { color: rgb(51, 51, 51); font-weight: 700; } .cmpvendorlegintpurposes svg { fill: rgb(180, 180, 180); width: 14px; height: 14px; } .cmpcolorcodingtxtlegint { color: rgb(180, 180, 180); font-weight: 700; } .cmpvendorfeatures svg { fill: rgb(87, 129, 173); width: 14px; height: 14px; } .cmpcolorcodingtxtfeatures { color: rgb(87, 129, 173); font-weight: 700; } .cmpboxrecall, .cmpboxrecall * { line-height: 1.5em; vertical-align: middle; } .cmpboxrecall { position: fixed; bottom: 10px; left: 10px; border-radius: 30px; padding: 3px; z-index: 7999999; } .cmpboxrecall * { font-size: var(--x9pt); } .cmpboxrecalltxt { display: none; font-family: Arial, sans-serif; padding-right: 10px; } .cmpbox:dir(rtl) .cmpboxrecalltxt, .cmpbox[dir="rtl"] .cmpboxrecalltxt { padding-right: 0px; padding-left: 10px; } a.cmpboxrecalllink, a.cmpboxrecalllink:active, a.cmpboxrecalllink:focus, a.cmpboxrecalllink:hover, a.cmpboxrecalllink:link, a.cmpboxrecalllink:visited { display: block; height: 20px; color: rgb(11, 154, 197); text-decoration: none; } .cmpboxrecall { background-color: rgb(247, 252, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px 0px; } @media print { .cmpboxrecall { display: none !important; } } .cmprecallwarning, .cmprecallwarning2 { box-shadow: rgba(255, 39, 39, 0.8) 0px 0px 0px 0px; transform: scale(1); padding: 20px; } .cmprecallwarning { animation: 2s ease 0s infinite normal none running cmp_pulse; border-radius: 100px; background-color: rgba(255, 237, 176, 0.86) !important; } .cmprecallwarning a.cmpboxrecalllink { height: 100%; } .cmprecallwarning:hover { background-color: rgb(255, 237, 176) !important; } .cmprecallwarning2 { animation: 1s ease 0s infinite normal none running cmp_pulse2; margin-bottom: 100px; background-color: rgb(255, 255, 255) !important; } .cmprecallwarning2:hover { background-color: rgb(244, 225, 168) !important; } .cmprecallwarning2 .cmpboxrecalllink { display: inline-block !important; width: 30px !important; height: 30px !important; } .cmprecallwarningA { padding: 30px; animation: 1s ease 0s infinite normal none running cmp_pulse2; background-color: rgb(255, 243, 243) !important; } .cmprecallwarningB { padding: 30px; animation: 3s ease 0s infinite normal none running cmp_pulse2; background-color: rgb(255, 152, 152) !important; } .cmptdchoice { width: 100px; } .cmponofftext { display: block; font-size: var(--x8pt); color: var(--clrText); } .cmppurposedescription { position: absolute; left: calc(50% - 400px); top: 25%; background-color: var(--clrBackground); margin-left: auto; margin-right: auto; padding: 20px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 15px 0px; width: 800px; max-width: 75%; max-height: 75%; overflow-y: auto; } @media (max-width: 820px) { .cmppurposedescription { left: 12%; top: 12%; } } .cmppurposedescrboxhl, .cmppurposedescrtext { font-size: var(--x11pt); color: var(--clrHeadline); } .cmppurposedescrtext { line-height: 1.2em; color: var(--clrText); text-align: justify; } .cmpageverifybox { max-width: 300px; margin-left: auto; margin-right: auto; } .cmpageverifybox select.cmpageverify { display: inline-block; padding: 3px; line-height: 2em; font-size: var(--x11pt); border: 0px solid rgb(255, 255, 255); margin: 0px 0px 5px; } .cmpageverifybox select.cmpageverifyday, .cmpageverifybox select.cmpageverifymonth { margin-left: 10px; } .cmpageverifytype1 select.cmpageverify, .cmpageverifytype4 select.cmpageverify { display: inline-block; width: 100%; } .cmpageverifytype2 select.cmpageverify { display: inline-block; width: calc(50% - 10px); } .cmpageverifytype3 select.cmpageverify { display: inline-block; width: calc(33% - 20px); } .cmpageverifybox input.cmpagewrong, .cmpageverifybox select.cmpagewrong { background-color: rgb(246, 89, 44); color: rgb(255, 255, 255); } .cmpageverifyagetxt, .cmpageverifydaytxt, .cmpageverifymonthtxt, .cmpageverifyyeartxt { font-size: smaller; } input.cmpageverifyage, input.cmpageverifyday, input.cmpageverifymonth, input.cmpageverifyyear { border: 1px solid var(--clrTextSecondary); padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; margin-left: 2px; margin-right: 2px; border-radius: 2px; } input.cmpageverifyyear { width: 5rem; } input.cmpageverifyage, input.cmpageverifyday, input.cmpageverifymonth { width: 3rem; } .cmpcookieinfobox, .cmpcookiesdescrbox { height: 100%; } .cmpcookieinfobox .cmpboxdetails, .cmpcookiesdescrbox .cmpboxdetails { display: flex; flex-direction: column; height: 100%; } @media (max-height: 926px) and (max-width: 480px) and (orientation: portrait) { .cmpcookieinfobox, .cmpcookiesdescrbox { display: flex; flex-direction: column; } .cmpcookieinfobox .cmpboxdetails, .cmpcookiesdescrbox .cmpboxdetails { display: contents; } } .cmpcookieinfocontent h4, .cmpcookiesdescrboxcontent h4, .cmpcookiesdescrboxh2, .cmpcookiesdescrboxhl { font-size: var(--x11pt); color: var(--clrHeadline); } .cmpcookiesdescrtable { flex-grow: 10; overflow-y: auto; } .cmpcookieinfobox .cmpcookiesdescrboxcontent, .cmpcookiesdescrbox .cmpcookiesdescrboxcontent { flex-grow: 1; flex-shrink: 1; overflow: auto; } .cmpcookieinfobox .cmpboxbtnsmore, .cmpcookiesdescrbox .cmpboxbtnsmore { flex-grow: 0; flex-shrink: 0; } @media (max-width: 321px), (max-height: 321px) { .cmpbox { line-height: 1.05em !important; padding: 5px !important; } } @media (max-height: 450px) and (max-width: 450px) { .cmpbox { max-height: 100% !important; max-width: 100% !important; height: 100% !important; width: 100% !important; } .cmpboxinner { flex-direction: column !important; } .cmpboxbtns { min-height: auto !important; } .cmpboxbtn, .cmpboxbtns { max-width: 100% !important; } } @media (max-height: 600px) and (min-width: 926px) { .cmpbox3 { height: 100%; } .cmpbox3 .cmpboxinner { display: flex; flex-direction: column; } .cmpbox3 .cmpboxinner .cmpboxcontent { overflow: auto; } } @media (max-width: 414px) and (max-height: 736px), (max-width: 736px) and (max-height: 414px) { .cmpbox { padding: 10px !important; } } .cmpbox6 .cmpboxinner, .cmpbox7 .cmpboxinner { display: flex; flex-direction: column; } .cmpbox6 .cmpboxcontent, .cmpbox7 .cmpboxcontent { flex-grow: 1; overflow: auto; } @media (max-height: 926px) and (max-width: 480px) and (orientation: portrait) { .cmpbox { width: 100%; max-height: 60%; min-height: 300px; height: 300px; overflow: auto !important; padding: 15px !important; } .cmpboxinner { display: flex; flex-direction: column; } .cmpboxcontent { flex-grow: 1; overflow: auto; } .cmpboxbtns { flex-grow: 1; } .cmpbox.cmpfullscreen { max-height: 100% !important; height: 100% !important; } .cmpboxbtn { margin: 5px; } a.cmpmorelink:link { padding: 3px; } .cmpwelcomeprps { width: 100%; } } @media (max-width: 926px) and (max-height: 480px) and (orientation: landscape) { .cmpbox { width: 100%; max-height: 90%; min-height: 150px; height: 350px; overflow: auto !important; padding: 15px !important; } .cmpboxinner { display: flex; flex-direction: row; } .cmpboxcontent { flex-grow: 1; overflow: auto; } .cmpboxbtns { flex-grow: 1; flex-shrink: 1; min-height: 50px; width: 100%; max-width: 250px !important; } .cmpfullscreen .cmpboxbtns { flex-shrink: 0; width: 100%; max-width: 100% !important; } .cmpboxbtn { margin: 5px; } .cmpbox.cmpfullscreen { max-height: 100% !important; height: 100% !important; } a.cmpmorelink:link { padding: 3px; } .cmpcornerbtn .cmpboxbtns { padding-top: 50px; } } @media (max-width: 650px) and (min-width: 570px) { .cmpboxCustomMenu1 .cmpcookieinfotable-wrapper { display: block; } .cmpboxCustomMenu1 .cmpcookieinfotable-header { margin-bottom: 10px; display: block; grid-template-columns: none; } .cmpboxCustomMenu1 .cmpcookieinfotable-body { display: block; grid-template-columns: none; } .cmpboxCustomMenu1 .cmpcookieinfotable-cell, .cmpboxCustomMenu1 .cmpcookieinfotable-cellHeader { display: block; width: 100%; box-sizing: border-box; } .cmpboxCustomMenu1 .cmpcookieinfotable-row { display: flex; flex-direction: column; margin-bottom: 10px; padding: 10px; } } @media (max-width: 520px) { .cmpcookieinfotable-wrapper { display: block; } .cmpcookieinfotable-header { margin-bottom: 10px; } .cmpcookieinfotable-body, .cmpcookieinfotable-header { display: block; grid-template-columns: none; } .cmpcookieinfotable-cell, .cmpcookieinfotable-cellHeader { display: block; width: 100%; box-sizing: border-box; } .cmpcookieinfotable-row { display: flex; flex-direction: column; margin-bottom: 10px; padding: 10px; } } .cmpcookieinfotable { width: 100%; } .cmpcookieinfotable td, .cmpcookieinfotable th { text-align: left; } .cmpcookieinfotable_descr { font-size: smaller; padding-bottom: 10px; } .cmppurposebox2, .cmpvendorbox2 { position: relative; padding-right: 20px; text-align: left !important; } .cmpbox:dir(rtl) .cmppurposebox2, .cmpbox:dir(rtl) .cmpvendorbox2, .cmpbox[dir="rtl"] .cmppurposebox2, .cmpbox[dir="rtl"] .cmpvendorbox2 { padding-right: 0px; padding-left: 20px; } .cmpvendorinfohl { font-weight: 700; margin-top: 15px; } .cmpdatacategory { background-color: rgba(0, 0, 0, 0.2); padding: 3px; border-radius: 5px; margin-right: 5px; line-height: 2em; } .cmplazypreviewiframe { position: relative; overflow: hidden; box-sizing: border-box; font-family: Arial, sans-serif; background-repeat: no-repeat; background-position: center center; background-size: cover; } .cmplazypreviewiframe *, .cmplazypreviewiframe > * { font-family: Arial, sans-serif; text-decoration: none; box-sizing: border-box; border: 0px solid rgb(255, 255, 255); vertical-align: middle; } .cmplazypreviewmsg { margin: 0px; position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.95); width: 100%; padding: 20px; } .cmplazypreviewmsg * { font-size: var(--x11pt); color: rgb(36, 36, 36); } .cmplazypreviewmsginner { max-width: 90%; width: 640px; margin-left: auto; margin-right: auto; } .cmplazyhl { font-weight: 700; } .cmplazybtn { text-align: center; cursor: pointer; } .cmplazycb { font-size: var(--x10pt); text-align: center; } .cmphelpicon, .cmpsubvendoricon { width: 16px; height: 16px; max-width: 16px; max-height: 16px; margin-right: 2px; margin-left: 4px; } .cmpsubvendoricon { width: 14px; height: 14px; max-width: 14px; max-height: 14px; } .cmpbox:dir(rtl) .cmphelpicon, .cmpbox[dir="rtl"] .cmphelpicon { margin-right: 4px; margin-left: 2px; } .cmphelpicon path, .cmpsubvendoricon path { fill: rgb(102, 102, 102); } .cmpvendoricon { width: 16px; height: 16px; max-width: 16px; max-height: 16px; padding: 0px; margin: 0px 2px 0px 4px; } .cmpvendboxclose, a.cmpvendboxclose, a.cmpvendboxclose:link { position: absolute; right: 5px; top: 5px; } .cmpvendboxclose svg { width: 16px; height: 16px; fill: rgb(102, 102, 102); } .cmplisticon { width: 14px; height: 14px; margin-top: 3px; margin-right: 5px; flex-shrink: 0; } .cmpbox:dir(rtl) .cmplisticon, .cmpbox[dir="rtl"] .cmplisticon { margin-right: 0px; margin-left: 5px; } .cmpcarousel { display: flex; flex-direction: column; overflow: hidden; } .cmpboxnavi.cmpcarouselexpandnavi, .cmpboxnavi.cmpcarouselnavi { width: 100%; float: none; } .cmpcarouselcontent { padding: 15px; } .cmpboxdetailscarousel { float: none; width: 100%; padding: 0px; } @media (max-width: 926px) and (max-height: 480px) and (orientation: landscape) { .cmpboxdetailscarousel { display: block; overflow-y: auto; } .cmpcarouselexpandnavi, .cmpcarouselnavi { overflow: auto; } } .cmpcarouselnavi .cmpboxnaviitem { position: relative; } .cmpcarouselnavi .cmpboxnaviitem::after, .cmpcarouselnavi .cmpboxnaviitem::before { content: ""; position: absolute; top: calc(50% - 2px); width: 6px; border: 1px solid var(--clrText); } .cmpcarouselnavi .cmpboxnaviitem::before { transform: rotateZ(-45deg); right: 10px; } .cmpcarouselnavi .cmpboxnaviitem::after { transform: rotateZ(45deg); right: 15px; } .cmpcarouselnavi .cmpboxnaviitemactive::after, .cmpcarouselnavi .cmpboxnaviitemactive::before { content: ""; position: absolute; top: calc(50% - 2px); width: 6px; border: 1px solid var(--clrTextSecondary); } .cmpcarouselnavi .cmpboxnaviitemactive::before { transform: rotateZ(45deg); right: 10px; } .cmpcarouselnavi .cmpboxnaviitemactive::after { transform: rotateZ(-45deg); right: 15px; } @media print { .cmpbox { display: none !important; visibility: hidden !important; } } .cmpboxcontentpass .cmpmore { color: rgb(102, 102, 102); } .cmpcontentpasslogin { flex: 0 0 auto !important; } .cmpcontentpassloginlogo { margin-right: 0.4em !important; margin-left: 0.75em !important; margin-bottom: -0.1em !important; height: 0.9em !important; } .cmpcontentpassboxmiddle, .cmpcontentpassboxmiddle2 { display: flex; } .cmpcontentpassboxleft { width: 50%; margin-right: 30px; } .cmpcontentpassboxright, .cmpwelectboxright { width: 50%; margin-left: 30px; } .cmpcontentpassboxmiddle.cmpcontentpass.cmpwelect .cmpcontentpassboxleft, .cmpcontentpassboxmiddle.cmpcontentpass.cmpwelect .cmpcontentpassboxright, .cmpcontentpassboxmiddle.cmpcontentpass.cmpwelect .cmpwelectboxright, .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxleft, .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxright, .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpwelectboxright { width: calc(33% - 20px); } .cmpcontentpassboxmiddle.cmpcontentpass.cmpwelect .cmpcontentpassboxright, .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxright { margin-left: 0px; } .cmpcontentpassboxbottom, .contentpassboxstyle2 .cmpcontentpassboxleft + .cmpcontentpassboxright, .contentpassboxstyle2 .cmpcontentpassboxleft + .cmpwelectboxright, .contentpassboxstyle3 .cmpcontentpassboxleft + .cmpcontentpassboxright, .contentpassboxstyle3 .cmpcontentpassboxleft + .cmpwelectboxright { margin-top: 60px; } .cmpcontentpassboxbottom2 { margin-bottom: 60px; } .contentpassboxstyle2, .contentpassboxstyle3 { display: flex; flex-direction: row; } .contentpassboxstyle2 .cmpcontentpassboxbottom2, .contentpassboxstyle3 .cmpcontentpassboxbottom2 { margin-bottom: 0px; } .contentpassboxstyle2 .cmpcontentpassboxmiddle2 { width: calc(50% - 30px); margin-right: 30px; display: flex; flex-direction: column; } .contentpassboxstyle2 .cmpcontentpassboxbottom, .contentpassboxstyle3 .cmpcontentpassboxmiddle2 { width: calc(50% - 30px); margin-left: 30px; display: flex; flex-direction: column; } .contentpassboxstyle2 .cmpcontentpassboxbottom { margin-top: 0px; } .contentpassboxstyle3 .cmpcontentpassboxbottom2 { width: calc(50% - 30px); margin-top: 0px; margin-right: 30px; display: flex; flex-direction: column; } .contentpassboxstyle2 .cmpcontentpassboxleft, .contentpassboxstyle2 .cmpcontentpassboxright, .contentpassboxstyle2 .cmpwelectboxright, .contentpassboxstyle3 .cmpcontentpassboxleft, .contentpassboxstyle3 .cmpcontentpassboxright, .contentpassboxstyle3 .cmpwelectboxright { margin: 0px; width: 100% !important; } .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxleft, .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxright, .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpwelectboxright, .cmpcontentpassboxmiddle3.cmpcontentpass.cmpwelect .cmpcontentpassboxleft, .cmpcontentpassboxmiddle3.cmpcontentpass.cmpwelect .cmpcontentpassboxright, .cmpcontentpassboxmiddle3.cmpcontentpass.cmpwelect .cmpwelectboxright { margin-top: 30px; } .contentpassboxstyle1 .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxleft, .contentpassboxstyle1 .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxright, .contentpassboxstyle1 .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpwelectboxright, .contentpassboxstyle2 .cmpcontentpassboxleft, .contentpassboxstyle3 .cmpcontentpassboxleft { margin-top: 0px !important; } .cmpcontentpassloginlogo { width: 0.9em; } .cmpcontentpasssignuplogo, .cmpwelectlogo { width: 0.9em; height: 0.9em; margin-right: 10px; } .cmpwelectiframe { width: 100%; height: 640px; max-height: 80vh; border: 0px solid rgb(255, 255, 255); background-color: transparent; } @media (max-height: 926px) and (max-width: 480px) and (orientation: portrait), (max-height: 480px) and (max-width: 926px) and (orientation: landscape) { .cmpcontentpassbox.contentpassboxstyle2, .cmpcontentpassbox.contentpassboxstyle3 { display: block !important; } .cmpcontentpassbox.contentpassboxstyle2 .cmpcontentpassboxmiddle, .cmpcontentpassbox.contentpassboxstyle2 .cmpcontentpassboxmiddle2, .cmpcontentpassbox.contentpassboxstyle3 .cmpcontentpassboxmiddle, .cmpcontentpassbox.contentpassboxstyle3 .cmpcontentpassboxmiddle2, .cmpcontentpassboxmiddle, .cmpcontentpassboxmiddle2 { display: block !important; margin-right: 0px !important; margin-left: 0px !important; width: 100% !important; } .cmpcontentpassboxleft { margin-top: 30px; width: 100% !important; margin-right: 0px !important; } .cmpcontentpassboxright { margin-top: 30px; width: 100% !important; margin-left: 0px !important; } .cmpcontentpassbox .cmpcontentpassboxmiddle .cmpcontentpassboxbottom, .cmpcontentpassbox .cmpcontentpassboxmiddle .cmpcontentpassboxbottom2, .cmpcontentpassbox .cmpcontentpassboxmiddle2 .cmpcontentpassboxbottom, .cmpcontentpassbox .cmpcontentpassboxmiddle2 .cmpcontentpassboxbottom2, .cmpcontentpassboxbottom, .cmpcontentpassboxbottom2 { display: block !important; width: 100% !important; margin-top: 30px !important; margin-left: 0px !important; margin-right: 0px !important; } .cmpwelectboxright { margin-top: 30px; width: 100% !important; margin-left: 0px !important; } .cmpboxcontentpass .cmpboxinner { display: flex !important; flex-direction: column !important; } } .cmpvendortogglebox { display: flex; } .cmpvendortoggleboxd { display: flex; padding-right: 20px; } .cmppurposetoggleboxd > span, .cmpvendortoggleboxd > span { align-self: center; padding-right: 10px; } .cmppurposetoggleboxd > a, .cmpvendortoggleboxd > a { align-self: center; } .cmppurposetoggleboxd .cmponofftext, .cmpvendortoggleboxd .cmponofftext { display: inline; } .cmppurposetogglebox { display: flex; } .cmppurposetoggleboxd { display: flex; padding-right: 20px; } .cmpexplicitconsentbtn { padding: 3px 8px; font-size: var(--x9pt); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px; border-radius: 3px; } span.cmptooltiplink { display: inline-block; position: relative; border-bottom: 1px dotted var(--clrText); color: inherit; } .cmptooltip { min-width: 220px; max-width: 400px; position: absolute; background-color: rgb(255, 255, 255); top: calc(100% + 10px); left: 50%; transform: translate(-50%, 0px); padding: 3px; border-radius: 3px; z-index: 99999999; border: 1px solid var(--clrTextSecondary); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 8px; visibility: hidden; opacity: 0; transition: opacity 0.8s ease 0s; } span.cmptooltiplink:active .cmptooltip, span.cmptooltiplink:focus .cmptooltip, span.cmptooltiplink:hover .cmptooltip { visibility: visible; opacity: 1; } i.cmptooltiparrow { position: absolute; bottom: 100%; left: 50%; margin-left: -12px; width: 24px; height: 12px; overflow: hidden; } i.cmptooltiparrow::after { content: ""; position: absolute; width: 12px; height: 12px; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background-color: var(--clrBackground); border: 1px solid var(--clrTextSecondary); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 8px; } .cmpboxbtnnocorner { z-index: 99999; } .cmpboxbtncustomcorner svg, .cmpboxbtnnocorner svg, .cmpboxbtnsavecorner svg, .cmpboxbtnyescorner svg { fill: currentcolor; } .cmpboxcookieicon { display: block; float: right; width: 200px; margin-top: 50px; } .cmpboxcookieicon svg, .cmpboxcookieiconsilhouette svg.cmpcookieiconsilhouette { width: 100%; height: auto; } .cmpboxcookieiconsilhouette { position: absolute; right: 0px; top: 0px; width: 50%; z-index: -3; max-height: 100%; overflow: hidden; } .cmpboxcookieiconsilhouette .silhouetteFill { fill: var(--clrButton); opacity: 0.1; } @media (max-height: 926px) and (max-width: 480px) and (orientation: portrait) { .cmpboxcookieicon { width: 100px; } } .cmpsliderbox { transition: all 0.8s ease 0s; position: relative; z-index: 0; } .cmpsliderpanel, .cmpsliderpointer { position: absolute; top: 0.6em; left: 0px; margin-left: 45px; border-radius: 30px; width: 1px; background-color: var(--clrButton); } .cmpsliderpointer { transition: all 0.8s ease 0s; padding-left: 14px; padding-top: 14px; height: 1px; z-index: 10; } .cmpsliderpanel { padding-left: 5px; height: 100%; opacity: 0.1; z-index: 1; } .cmpsliderpanel.cmpsliderpanelActive { height: 0px; opacity: 0.8; top: calc(0.6em + 4px); z-index: 2; } .cmpsliderstationouter { position: relative; } .cmpsliderstation { position: absolute; top: 0.7em; left: 0px; margin-left: 45px; border-radius: 30px; padding-left: 12px; padding-top: 12px; width: 1px; height: 1px; background-color: var(--clrButton); opacity: 0.5; z-index: 3; } .cmpslideritemActive .cmpsliderstation { opacity: 0.8; z-index: 4; } .cmpslideritem { margin-left: 90px; margin-bottom: 10px; padding: 5px; border-radius: 5px; cursor: pointer; } .cmpslideritem .cmpsliderhl, .cmpslideritem .cmpslidertxt { opacity: 0.8; } .cmpslideritemActive .cmpsliderhl, .cmpslideritemActive .cmpslidertxt { opacity: 1; } .cmpslideritem, .cmpslideritemouterActive { position: relative; } .cmpslideritem:last-of-type { margin-bottom: 0px; } .cmpsliderhl { color: var(--clrHeadline); font-size: var(--x11pt); font-weight: 700; } .cmpslidertxt { color: var(--clrText); } .cmpslidercenter { transform: translate(-50%, 0px); } .cmplastupdate, .cmptcfcookieinfo { display: block; position: absolute; bottom: 3px; line-height: 1em; color: var(--clrText); border: 1px solid transparent; cursor: pointer; border-radius: 5px; text-align: left; font-size: var(--x7pt); transition: all 0.4s ease 0s; } .cmplastupdate { padding: 8px 3px 6px; left: 32px; opacity: 0.5; } .cmplastupdate.cmpwithtcf { left: 76px; } .cmplastupdate:hover { opacity: 1; background-color: rgb(255, 253, 205); border: 1px solid rgb(255, 211, 65); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px 0px; } .cmptcfcookieinfo { padding: 3px 3px 4px; left: 30px; background-color: var(--clrBackground); } .cmptcfcookieinfo:focus, .cmptcfcookieinfo:hover { background-color: rgb(255, 253, 205); border: 1px solid rgb(255, 211, 65); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px 0px; } .cmpboxDSA .cmpboxdsaaddetaildescr .cmpboxbtn.cmpboxbtnyes, .cmptcfcookieinfo svg, .cmptcfcookieinfo svg { margin-left: 0px; } .cmptcfcookieinfo .cmptcfcookieinfotxt { padding: 5px 3px 2px; display: none; } .cmptcfcookieinfo:hover .cmptcfcookieinfoicon { display: none; } .cmpboxtxtdivpurposeicon, .cmptcfcookieinfo:hover .cmptcfcookieinfotxt { display: inline-block; } svg.cmpexternallinkicon, svg.cmpicon, svg.cmpicosvgfill, svg.cmppurposeicon, svg.cmptcficon { fill: currentcolor; height: 1em; width: 1em; margin-right: 0.5em; } svg.cmpexternallinkicon, svg.cmptcficon { margin-left: 0.5em; } .cmpbox u { text-decoration: underline !important; } .cmpfadein { opacity: 0; transition-property: opacity; transition-duration: 0.9s; transition-timing-function: ease; } .cmpflyin { left: -600px !important; right: 600px !important; } .cmpflyinR { left: calc(600px + 100vw) !important; right: calc(-600px - 100vw) !important; } .cmpflyinT { top: -600px !important; bottom: calc(1200px + 100vh) !important; } .cmpflyinB { top: calc(600px + 100vh) !important; bottom: calc(-1200px - 100vh) !important; } .cmpflyin2, .cmpflyin3 { transition-property: left, right; transition-duration: 1.9s; transition-timing-function: ease; } .cmpflyin3 { transition-property: top, bottom; } .cmppolicybox { display: flex; flex-direction: column; height: 100%; } .cmppolicybox .cmppolicycontent { flex-grow: 1; flex-shrink: 1; overflow: auto; } .cmppolicybox .cmpboxbtnsmore { flex-grow: 0; flex-shrink: 0; } .cmpadchoiceslearnmorelink, .cmpadchoicesoolink { display: flex; align-items: center; justify-content: center; width: 100%; } .cmpadchoicesoolink { color: var(--clrButtonText); background-color: var(--clrButton); font-weight: 700; margin: 0px 0px 10px; } .cmpadchoiceslearnmorelink { color: var(--clrButton); background-color: var(--clrButtonText); margin: 0px; } .cmpqrcontent, .cmpqrcontentalternative { text-align: center; } .cmpqrcontent canvas, .cmpqrcontent img { border: 5px solid rgb(255, 255, 255); border-radius: 5px; } .cmpqrouter { position: relative; } .cmpqrspinner { width: 100%; height: 140px; align-items: center; justify-content: center; position: absolute; bottom: -70px; right: -120px; } .cmpqrspinner .cmploadingspinner { width: 60px; height: 60px; } .cmpqrspinner .cmploadingspinner div { border-color: var(--clrHeadline) transparent transparent transparent; } .cmpboxdsaouter { max-width: 800px; margin-left: auto; margin-right: auto; } .cmpboxdsaaddetailouter, .cmpboxdsaaddetailoutersingle { border: 1px solid silver; border-radius: 5px; margin-bottom: 50px; } .cmpboxdsaaddetailouter { display: flex; } .cmpboxdsaaddetail, .cmpboxdsaaddetailimg { padding: 30px; } .cmpboxdsaaddetailouter .cmpboxdsaaddetail, .cmpboxdsaaddetailouter .cmpboxdsaaddetailimg { width: 100%; } .cmpboxdsaaddetailimg { align-self: center; text-align: center; } .cmpboxdsaaddetailimg img { max-width: 100%; max-height: 100%; width: 100%; } .cmpboxdsaaddetailline { margin-bottom: 15px; } .cmpboxdsaaddetailhl { color: var(--clrHeadline); font-weight: 700; font-size: var(--x11pt); } .cmpboxdsaaddetailname { color: var(--clrText); font-size: var(--x8pt); opacity: 0.8; margin-bottom: 0.5em; } .cmpboxdsaaddetaildescr, .cmpboxdsaaddetaildescritem { color: var(--clrText); font-size: var(--x10pt); } .cmpboxdsaaddetaildescrimg { text-align: center; } .cmpboxdsaaddetaildescrimg img { width: 100%; max-width: 380px; max-height: 600px; } .cmpboxdsaaddetaildescritem { padding-left: 2.5em; margin-left: 0.5em; padding-bottom: 10px; padding-top: 5px; background-repeat: no-repeat; background-size: 24px; background-position: 0px 5px; } .cmpboxDSA .cmpboxinner { overflow-y: auto; } .cmpboxDSA .cmpclose, .cmpclose svg { fill: var(--clrHeadline); width: 20px; height: 20px; display: block; } .cmpboxDSA .cmpboxh2 img { vertical-align: text-bottom; height: 1.2em; margin-right: 0.5em; } .cmpboxdsaview { height: 1.3em; margin-left: 0.5em; } @media (max-height: 926px) and (max-width: 480px) and (orientation: portrait) { .cmpboxdsaaddetailouter { display: block; } .cmpboxdsaaddetaildescrimg img { max-width: 100%; } } @keyframes cmploadingspinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes cmploadingspinner21 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes cmploadingspinner23 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes cmploadingspinner22 { 0% { transform: translate(0px, 0px); } 100% { transform: translate(24px, 0px); } } .skippmsg, .skippmsg * { --clrBackground: #FFFFFF; --clrHeadline: #3B3B3B; --clrText: #5F5F5F; --clrTextSecondary: #CFCFCF; --clrButton: #3276AE; --clrButtonText: #FFFFFF; --clrLink: #666666; --clrHighlight: #FFFDCD; } .cmpspinnercenter { text-align: center !important; } .cmploadingspinner { display: inline-block; position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; } .cmploadingspinner div { box-sizing: border-box; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; animation: 1.2s cubic-bezier(0.5, 0, 0.5, 1) 0s infinite normal none running cmploadingspinner; border-color: var(--clrButton) transparent transparent transparent; } .cmploadingspinner div:nth-child(1) { animation-delay: -0.45s; } .cmploadingspinner div:nth-child(2) { animation-delay: -0.3s; } .cmploadingspinner div:nth-child(3) { animation-delay: -0.15s; } .cmploadingspinner2 { display: inline-block; position: relative; width: 80px; height: 80px; } .cmploadingspinner2 div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: var(--clrButton); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .cmploadingspinner2 div:nth-child(1) { left: 8px; animation: 0.6s ease 0s infinite normal none running cmploadingspinner21; } .cmploadingspinner2 div:nth-child(2), .cmploadingspinner2 div:nth-child(3) { left: 8px; animation: 0.6s ease 0s infinite normal none running cmploadingspinner22; } .cmploadingspinner2 div:nth-child(3) { left: 32px; } .cmploadingspinner2 div:nth-child(4) { left: 56px; animation: 0.6s ease 0s infinite normal none running cmploadingspinner23; } .cmpcookieinfotable-container { position: relative; width: 100%; overflow-x: auto; } .cmpcookieinfotable-wrapper { display: grid; width: 100%; } .cmpcookieinfotable-body, .cmpcookieinfotable-header { display: grid; grid-template-columns: repeat(7, 1fr); border-bottom: 1px solid var(--clrTextSecondary); } .cmpcookieinfotable-body { background-color: var(--clrBackground); } .cmpcookieinfotable-row { display: contents; margin-bottom: 5px; } .cmpcookieinfotable-cell, .cmpcookieinfotable-cellHeader { position: relative; padding: 10px; border-bottom: 1px solid var(--clrTextSecondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; text-align: left; } .cmpcookieinfotable-cellHeader { font-weight: 700; } .cmpcookieinfotable-description { grid-column: 1 / -1; background-color: rgb(243, 243, 243); padding: 15px; margin-top: 10px; margin-bottom: 10px; border-top: 2px solid var(--clrTextSecondary); border-bottom: 2px solid var(--clrTextSecondary); } .cmplogo { left: 50%; top: 13px; transform: translate(-50%, 0px) !important; right: auto !important; } @media (max-width: 570px) { .cmplogo { display: none !important; } } @media (max-height: 926px) and (max-width: 480px) and (orientation: portrait) { .cmplogo { display: none !important; } } @media (max-width: 926px) and (max-height: 480px) and (orientation: landscape) { .cmplogo { display: none !important; } } .cmpboxhl { font-size: 12pt; color: var(--clrHeadline); padding-bottom: 10px; font-weight: bold; } .cmpboxtxt, td.cmpvendname { font-size: 11pt; color: var(--clrText); } .cmpwelcomeprpstxt, .cmpwelcomeprpstxt a:link, .cmpwelcomeprpsbtn, .cmpwelcomeprpsbtn a:link, .cmpwelcomeprpsbtn span { font-size: 11pt; color: var(--clrText); } .cmpboxtxt { padding-bottom: 20px; } .cmpwelcomeprpstxt, .cmpwelcomeprpstxt a:link, .cmpwelcomeprpsbtn, .cmpwelcomeprpsbtn a:link, .cmpwelcomeprpsbtn span { font-size: 11pt; color: var(--clrText); } .cmpboxwelcomeprps { margin-bottom: 20px; } .cmpmore { font-size: 9pt; } .cmpsavemychoice, .cmpsavemychoice label { font-size: 9pt; color: var(--clrText); } .cmpmorelink, a.cmpmorelink, a.cmpmorelink:link, .cmpmore a, .cmpmore a:link { font-size: 9pt; color: var(--clrLink); } .cmpsavemychoice, .cmpsavemychoice label { font-size: 9pt; color: var(--clrText); } .cmpboxbtnyes, a.cmpboxbtnyes, a.cmpboxbtnyes:link { font-size: 11pt; color: var(--clrButtonText); background-color: var(--clrButton); } .cmpboxbtnno, a.cmpboxbtnno, a.cmpboxbtnno:link { font-size: 11pt; color: var(--clrButtonText); background-color: var(--clrButton); } .cmpboxbtnsave, a.cmpboxbtnsave, a.cmpboxbtnsave:link { font-size: 11pt; color: var(--clrButtonText); background-color: var(--clrButton); } .cmpboxbtncustom, a.cmpboxbtncustom, a.cmpboxbtncustom:link { font-size: 11pt; color: var(--clrButtonText); background-color: var(--clrButton); } .cmpfullscreen .cmpboxbtnyes, .cmpfullscreen a.cmpboxbtnyes, .cmpfullscreen a.cmpboxbtnyes:link { font-size: 11pt; color: var(--clrButtonText); background-color: var(--clrButton); } .cmpexplicitconsentbtn, a.cmpexplicitconsentbtn, a.cmpexplicitconsentbtn:link, .cmpexplicitconsentbtnon, a.cmpexplicitconsentbtnon, a.cmpexplicitconsentbtnon:link { color: var(--clrButtonText); background-color: var(--clrButton); } .cmpexplicitconsentbtnoff, a.cmpexplicitconsentbtnoff, a.cmpexplicitconsentbtnoff:link { color: var(--clrButtonText); background-color: var(--clrButton); } .cmpfullscreen .cmpmorelink, .cmpfullscreen a.cmpmorelink, .cmpfullscreen a.cmpmorelink:link { font-size: 9pt; color: var(--clrLink); } .cmpboxbtnyes svg { fill: currentcolor; width: 1em; height: 1em; } .cmpboxbtnno svg { fill: currentcolor; width: 1em; height: 1em; } .cmpboxbtnaccept svg { fill: currentcolor; width: 1em; height: 1em; vertical-align: middle; } .cmpboxbtnreject svg { fill: currentcolor; width: 1em; height: 1em; vertical-align: middle; } .cmpboxbtnyescustomchoices .cmpimg, .cmpboxbtnyescustomchoices svg { display: none !important; } .cmpboxbtnyescustomchoices { padding-left: 0px; } .cmpbox { background-color: var(--clrBackground); border-top: solid 12px var(--clrButton); border-right: solid 0px var(--clrBackground); border-bottom: solid 5px var(--clrTextSecondary); border-left: solid 0px var(--clrBackground); padding: 40px; } .cmpboxBG { background-color: rgb(207, 207, 207); opacity: 0.5; } .cmpclose { display: none; } .cmpfullscreen .cmpboxhl { font-size: 12pt; color: var(--clrHeadline); font-weight: bold; } .cmpfullscreen .cmpprpshl { font-size: 12pt; color: var(--clrHeadline); font-weight: bold; } .cmpfullscreen .cmpboxtxt, .cmpfullscreen, .cmpprpsdescr, td.cmpvendname, .cmpfullscreen a.cmpvendurl, .cmpfullscreen a.cmpvendurl:link { font-size: 11pt; color: var(--clrText); } .cmpfullscreen.cmpbox { background-color: var(--clrBackground); } .cmpboxnaviitemactive, td.cmpallvend, th.cmpallvend, td.cmpallprps, th.cmpallprps { background-color: rgb(255, 255, 255); } @media (min-height: 926px) and (min-width: 480px), (min-width: 926px) and (min-height: 480px) { .cmpbox { overflow: auto; max-height: 80%; max-width: 60%; width: 100%; } } @media (max-height: 926px) and (max-width: 480px) and (orientation: portrait) { .cmpbox { overflow: auto; max-height: 90%; min-height: 90%; } } @media (max-height: 926px) and (max-width: 480px) and (orientation: portrait) { .cmpbox { overflow: auto; max-width: 100%; min-width: 100%; } } @media (max-height: 480px) and (max-width: 926px) and (orientation: landscape) { .cmpbox { overflow: auto; max-height: 100%; min-height: 100%; } } @media (max-height: 480px) and (max-width: 926px) and (orientation: landscape) { .cmpbox { overflow: auto; max-width: 100%; min-width: 100%; } } .cmpbox { border-radius: 8px; } .cmpboxrecall { left: auto !important; right: 10px; } .cmptogglespan svg { width: 40px; height: 20px; } .cmptogglespan svg .cmpsvggreenfill { fill: rgb(17, 10, 53) !important; } .cmptogglespan svg .cmpsvggreenstroke { stroke: rgb(17, 10, 53) !important; } .cmptogglespan svg .cmpsvgredfill { fill: rgb(170, 170, 170) !important; } .cmptogglespan svg .cmpsvgredstroke { stroke: rgb(170, 170, 170) !important; } .cmptogglespan svg .cmpsvgwhitefill { fill: rgb(255, 255, 255) !important; } .cmptogglespan svg .cmpsvgwhitestroke { stroke: rgb(255, 255, 255) !important; } .cmptogglespan svg .cmpsvgblackfill { fill: rgb(17, 17, 17) !important; } .cmptogglespan svg .cmpsvgblackstroke { stroke: rgb(17, 17, 17) !important; } .cmptogglespan svg .cmpsvggrayfill { fill: rgb(119, 119, 119) !important; } .cmptogglespan svg .cmpsvggraystroke { stroke: rgb(119, 119, 119) !important; } .cmptogglespan svg .cmpsvggray2fill { fill: rgb(17, 10, 53) !important; } .cmptogglespan svg .cmpsvggray2stroke { stroke: rgb(17, 10, 53) !important; } .cmptogglespan svg .cmpsvgsilverfill { fill: rgb(229, 229, 229) !important; } .cmptogglespan svg .cmpsvgsilverstroke { stroke: rgb(229, 229, 229) !important; } .cmptogglespan svg .cmpsvgsilver2fill { fill: rgb(221, 221, 221) !important; } .cmptogglespan svg .cmpsvgsilver2stroke { stroke: rgb(221, 221, 221) !important; } .cmpbox { border-width: 0px !important; box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 5px 0px !important; border-color: rgb(17, 10, 53) rgb(255, 255, 255) rgb(207, 207, 207) !important; } .cmpboxbtnno { background-color: rgb(17, 10, 53) !important; box-shadow: none !important; line-height: 2em !important; width: 180px !important; padding: 7px 0px !important; margin-right: 10px !important; margin-left: 10px !important; } .cmpboxbtnsave { background-color: rgb(17, 10, 53) !important; line-height: 2em !important; } .cmpboxbtnyes { background-color: rgb(17, 10, 53) !important; box-shadow: none !important; line-height: 2em !important; width: 180px !important; padding-left: 0px !important; margin-left: 10px !important; margin-right: 10px !important; } .cmpboxbtnyescustomchoices { width: 220px !important; margin-left: 0px !important; padding-left: 10px !important; margin-right: 10px !important; padding-right: 0px !important; } .cmpboxhl { padding-top: 40px !important; font-family: Arial !important; } .cmpboxtxt { text-align: left !important; } .cmplogo { margin: 0px 10px !important; padding: 10px !important; } .cmpwelcomeprpstxt { line-height: 14px !important; font-size: 12px !important; } (cache)Das beste Ergometer | Test 09/2025 | F.A.Z. Kaufkompass
TestSport & Outdoor FitnessErgometer-Test
Ergometer Test: Ergometer Aufmacher Fitness

Das beste Ergometer

Aktualisiert:
Letztes Update: 23. Juni 2025

Wir haben den Test überprüft und die Verfügbarkeit einzelner Produkte aktualisiert. Unsere Empfehlungen sind weiterhin aktuell.

21. Februar 2025

Wir haben vier weitere Ergometer getestet. Mit dem Schwinn 590U haben wir eine neue Empfehlung gefunden. Das Miweba ME700 ist nicht mehr erhältlich und wurde aus dem Testbericht entfernt. Das Peloton Bike verschieben wir in unseren Indoor-Bike-Test.

8. Dezember 2023

Wir haben den Test um fünf Ergometer erweitert, darunter drei Liegeergometer. Mit dem Miweba ME700 haben wir eine neue komfortable Empfehlung mit gutem Rundlauf gefunden.

27. April 2023

Das Sportstech ESX600 ist nicht mehr verfügbar und wurde aus dem Test entfernt.

2. Dezember 2022

Wir haben den Test um fünf Ergometer erweitert. Dabei haben wir mit dem Sportstech ESX600 eine neue Empfehlung mit besonders gutem Rundlauf gefunden. Allen, die sich interaktives Training unter Top-Bedingungen wünschen, möchten wir außerdem das Peloton Bike ans Herz legen.

Aus den Empfehlungen verdrängt wurden das Bluefin Tour 5.0 und das Ativafit X-Bike R8. Beide sind weiterhin unter „Außerdem getestet“ zu finden.

16. Dezember 2021

Wir haben sieben neue Ergometer getestet und mit dem Tunturi Cardio Fit E30, dem SportPlus SP-RB-9500-iE und dem Ativafit X-Bike R8 gleich drei neue Empfehlungen gekürt.

Aus den Empfehlungen verdrängt wurden das Wellactive Silver und das Hop-Sport Root HS-040L. Beide sind weiterhin unter „Außerdem getestet“ zu finden.

25. November 2020

Wir haben zwei neue Heimtrainer getestet und mit dem Wellactive Best Ager Silver eine günstige Alternative zum Testsieger gefunden. Beim  Wellactive Nestor hat es nicht für eine Empfehlung gereicht.

Aufgrund der hohen Nachfrage sind aktuell leider viele Fitnessbikes ausverkauft, das betrifft auch unsere Empfehlungen. Wir behalten die Verfügbarkeit für Sie im Auge.

Weitere Updates
Update Info-Service

Wir testen laufend neue Produkte und aktualisieren unsere Empfehlungen regelmäßig. Wenn Sie informiert werden möchten, sobald dieser Testbericht aktualisiert wird, tragen Sie einfach Ihre Email-Adresse ein.

Wer fit bleiben will, braucht neben Ehrgeiz auch das richtige Trainingsgerät, um sein Fitnesslevel zu verbessern und gesund zu bleiben. Ergometer sind hier eine gute Wahl, denn mit diesen Geräten ist ein gezieltes Training möglich. Dank Pulsmessung und Watt-Anzeige kann die eigene Ausdauer verbessert werden – oder man strampelt sich nach einer Verletzung wieder gesund.

Wir haben insgesamt 32 Heimtrainer und Ergometer auf Herz und Nieren getestet. Hier sind unsere Empfehlungen in der Kurzübersicht.

Kurzübersicht

Testsieger

Skandika Morpheus

Mit dem Morpheus bekommt man ein vollwertiges Trainingsgerät mit gutem Rundlauf und großem Einstellbereich.

Das Skandika Morpheus hat uns im Test insgesamt am meisten überzeugt. Es ist einfach aufzubauen, wirkt sehr hochwertig und kommt mit vernünftigem Werkzeug. Als einziges Ergometer im Test ist es mit einem Brustgurt für die Pulsmessung ausgestattet. Das Fahrradergometer lässt sich gut auf kleine wie auch auf große Personen einstellen, wodurch ein bequemes Training für alle ermöglicht wird. Dem Sportler stehen eine Vielzahl von voreingestellten Programmen sowie 32 Widerstandslevel zur Verfügung.

Das Display und die Bedienbarkeit sind übersichtlich und einfach. Auch der Rundlauf überzeugt – nur bei höherer Watt-Zahl und gleichzeitig niederen Trittfrequenzen wirkt der Rundlauf etwas hakelig. Insgesamt überzeugt uns das Ergometer – sowohl Gelegenheitssportler als auch ambitionierte Sportler werden ihre Freude mit diesem Ergometer haben.

Auch gut

Hammer Cardio XT6 BT

Das Cardio XT6 BT ist ein hochwertig verarbeitetes Ergometer mit tiefem Einstieg und edlem Design.

Das Hammer Cardio XT6 BT ist mit das hochwertigste Ergometer im Test. Die Verarbeitung ist einwandfrei, und das Gerät sieht dank der mattschwarzen Lackierung sehr schick aus. Der Aufbau ist einfach und die Bedingungen sind kinderleicht. So kann über ein Drehrad der Widerstand in 16 Stufen verstellt und die zwölf Trainingsprogramme gewählt werden. Der Einstellbereich der Sitzposition ist groß und auch für größere Personen geeignet. Das Trainieren macht ebenfalls viel Freude, nur kommt es an den Trainingskomfort bzw. das Fahrgefühl des Testsiegers nicht ganz hin und verpasst somit den Testsieg knapp.

Luxusklasse

Schwinn 590U

Das Schwinn 590U ist ein durchdachtes und vollwertiges Trainingsgerät mit nützlichen Details und gutem Rundlauf.

Das Schwinn 590U ist ein semiprofessionelles Ergometer mit elektromagnetischem Bremssystem für den täglichen und intensiven Trainingsgebrauch. Es bietet viele nützliche Details, besitzt einen guten Rundlauf und lässt sich optimal an die eigene Größe anpassen, wodurch auch sehr große Personen auf dem Gerät Platz finden. Nur der hohe Preis und ein paar minimale Mängel verwehren dem 590U den Testsieg.

Preistipp

Tunturi Cardio Fit E30

Das Tunturi Cardio Fit E30 besitzt ein gutes Preis-Leistungs-Verhältnis.

Das Tunturi Cardio Fit E 30 ist ein einfaches, aber dennoch gut funktionierendes Fahrradergometer zu einem guten Preis-Leistungs-Verhältnis. Der Rundlauf des Ergometers ist bis etwa zur 13. von insgesamt 16 Intensitätsstufen ordentlich und die Sitzposition kann gut an den Sportler angepasst werden. Gestört hat uns jedoch die verzögerte Widerstandsschaltung. Für Personen über 1,80 m wird es außerdem ein bisschen eng.

Günstiges Liege­ergometer

SportPlus SP-RB-9500-iE

Liegeergometer-Empfehlung für alle, die für bequemes Training nicht so viel ausgeben möchten.

Das SportPlus SP-RB-9500-iE ist ein gutes und relativ günstiges Liegeergometer. Auf dem Ergometer finden selbst Personen über 1,90 m bequem Platz. Das Training gestaltet sich problemlos und es kann zwischen sechs Programmen und 24 Intensitätsstufen gewählt werden. Der Rundlauf ist gut und die Sitzlängenverstellung durchdacht. Lediglich das zu kleine Display hat uns im Test nicht gefallen.

Vergleichstabelle

Testsieger
Ergometer Test: Ergometer
Skandika Morpheus
Auch gut
Ergometer Test: Hammer Cardio Xt6 Bt
Hammer Cardio XT6 BT
Luxusklasse
Test Ergometer: Schwinn 590U
Schwinn 590U
Preistipp
Test Ergometer: Tunturi Cardio Fit E 30
Tunturi Cardio Fit E30
Günstiges Liege­ergometer
Test Ergometer: SportPlus SP-RB-9500-iE
SportPlus SP-RB-9500-iE
Ergometer Test: Kuipers E1
Kuipers E1
Test Ergometer: Kettler Tour 600 R
Kettler Tour 600 R
Test Ergometer: Skandika Centaurus
Skandika Centaurus
Test Ergometer: SportPlus SP-HT-9600-iE
SportPlus SP-HT-9600-iE
Test Ergometer: Skandika Atlantis
Skandika Atlantis
Test Ergometer: Ativafit X-Bike R8
Ativafit X-Bike R8
Ergometer Test: Wellactive Heimtrainer Silver
Wellactive Silver
Ergometer Test: Hop Sport Root
Hop-Sport Root HS-040L
Test Ergometer: Merach S08 Smart Recumbent Bike
Merach S08 Smart Recumbent Bike
Test Ergometer: Skandika Abisko
Skandika Abisko
Test Ergometer: SportPlus SP-HT-1004-iE
SportPlus SP-HT-1004-iE
Test Ergometer: Miweba ME500
Miweba ME500
Test Ergometer: AsVIVA H22
AsViva H22
Ergometer Test: Christopeit Al 2
Christopeit AL 2
Ergometer Test: Wellactive1
Wellactive F-Bike Curved
Ergometer Test: Wellactive Liegeheimtrainer
Wellactive Nestor
Test Ergometer: Ultrasport F-Bike
Ultrasport F-Bike

Testsieger
Skandika Morpheus
Ergometer Test: Ergometer
  • Guter Rundlauf
  • Großer Einstellbereich
  • Gutes Preis-Leistungs-Verhältnis
  • Einfache Bedienung
Auch gut
Hammer Cardio XT6 BT
Ergometer Test: Hammer Cardio Xt6 Bt
  • Gute Verarbeitung
  • Tiefer Einstieg
  • Schönes Design
Luxusklasse
Schwinn 590U
Test Ergometer: Schwinn 590U
  • Guter Rundlauf
  • Großes Display
  • Bequeme Sitzposition
  • Einfache Bedienung
  • Teuer
  • Keine Pulssensoren am Lenker
  • Sattelstange wackelig, wenn voll ausgefahren
Preistipp
Tunturi Cardio Fit E30
Test Ergometer: Tunturi Cardio Fit E 30
  • Ordentlicher Rundlauf
  • Gutes Preis-Leistungs-Verhältnis
  • Nur für kleine Personen
  • Verzögerte Widerstandsschaltung
Günstiges Liege­ergometer
SportPlus SP-RB-9500-iE
Test Ergometer: SportPlus SP-RB-9500-iE
  • Ordentlicher Rundlauf
  • Bequeme Sitzposition
  • Längenverstellung
  • Kleines Display
Kuipers E1
Ergometer Test: Kuipers E1
  • Stabiler Stand
  • Schöne Optik
  • Einfache Bedienung
  • Teilweise mäßig verarbeitet
  • Montage des Display etwas umständlich
  • Permanentes Laufgeräusch
Kettler Tour 600 R
Test Ergometer: Kettler Tour 600 R
  • Guter Rundlauf
  • Viele Widerstandsstufen
  • Eigene Profile erstellbar
  • Teuer
  • Hoher Anfangswiderstand nach Pause
Skandika Centaurus
Test Ergometer: Skandika Centaurus
  • Hochwertig
  • Einfache Bedienung
  • Sitzhöhe stufenlos verstellbar
  • Display wackelt beim Training mit
  • Leichte Laufgeräusche
SportPlus SP-HT-9600-iE
Test Ergometer: SportPlus SP-HT-9600-iE
  • Einfache Bedienung
  • Schneller Aufbau
  • Rundlauf in höheren Stufen unrund
  • Verkleidung sieht günstig aus
Skandika Atlantis
Test Ergometer: Skandika Atlantis
  • Einfache Bedienung
  • Einfacher Aufbau
  • Sieht hochwertig aus
  • Verarbeitung
  • Rundlauf in höheren Stufen unrund
Ativafit X-Bike R8
Test Ergometer: Ativafit X-Bike R8
  • Guter Rundlauf
  • Power Ropes
  • Klappbar
  • Umständliches Zusammenlegen
Wellactive Silver
Ergometer Test: Wellactive Heimtrainer Silver
  • Guter Rundlauf
  • Bequem
  • Klappbar
  • Günstig
  • Umständliches Zusammenlegen
Hop-Sport Root HS-040L
Ergometer Test: Hop Sport Root
  • Bequeme Sitzposition
  • Großes Display
  • Schwergängige Längeneinstellung
  • Unrunder Lauf
Merach S08 Smart Recumbent Bike
Test Ergometer: Merach S08 Smart Recumbent Bike
  • Stabiler Stand
  • Günstig
  • Nur acht Widerstandsstufen
  • Keine Programme
  • Kurze Kurbeln
Skandika Abisko
Test Ergometer: Skandika Abisko
  • Elektrische Höhenverstellung von Sitz und Lenker
  • In mehreren Farben erhältlich
  • Teuer
  • Unrunder Lauf in höheren Stufen
  • Kein Trainingscomputer
  • Drehrad für Widerstandsstufen spricht schlecht an
SportPlus SP-HT-1004-iE
Test Ergometer: SportPlus SP-HT-1004-iE
  • Einfache Bedienung
  • Klappbar
  • Relativ teuer
  • Wackelig
  • Geringe Schwungmasse
Miweba ME500
Test Ergometer: Miweba ME500
  • Guter Rundlauf
  • Verarbeitung
  • Einfache Bedienung
  • Umständlicher Aufbau
  • Leichte Laufgeräusche
AsViva H22
Test Ergometer: AsVIVA H22
  • Guter Rundlauf
  • Einfacher Aufbau
  • Pulsmessgurt im Lieferumfang
  • Relativ teuer
  • Verarbeitung nicht perfekt
  • Leichte Laufgeräusche
Christopeit AL 2
Ergometer Test: Christopeit Al 2
  • Einfache Bedienung
  • Mäßige Verarbeitung
  • Leichtes Laufgeräusch
Wellactive F-Bike Curved
Ergometer Test: Wellactive1
  • Klappbar
  • Günstig
  • Wackelig
Wellactive Nestor
Ergometer Test: Wellactive Liegeheimtrainer
  • Gut verarbeitet
  • Günstig
  • Lautes Laufgeräusch
  • Kleines Display
Ultrasport F-Bike
Test Ergometer: Ultrasport F-Bike
  • Klappbar
  • Günstig
  • Nur Sattel in der Höhe verstellbar
  • Nicht für große Personen geeignet
  • Geringer Widerstandsbereich
  • keine Transportrollen
Produktdetails einblenden


Auch interessant

Alle Infos zum Thema

Zuhause Radfahren: Fahrrad-Ergometer im Test

Um gleich zu Beginn eine wichtige Frage zu klären: Ein Heimtrainer und ein Ergometer sind klar voneinander zu unterscheiden und nach Europäischer Norm voneinander getrennt. Der Aufbau ist jedoch meist ähnlich.

Fahrrad-Ergometer und Fahrrad-Heimtrainer sind Fitnessgeräte, die aufgrund ihrer Bauart einem Fahrrad und zum Teil auch einem Liegerad ähneln. So sitzt der Sportler auf einem Sattel, hat die Hände am Lenker und tritt in die Pedale. Anstatt des Hinterrades wird eine Schwungscheibe angetrieben, welche über eine Bremse verfügt. Die Masse des Schwungrades bestimmt maßgeblich den Rundlauf. Eine große Schwungmasse bedeutet gleichzeitig ein höheres Trägheitsmoment, was letztlich dem Fahrer ein runderes Fahrgefühl vermittelt.

Ergometer Test: Ergometer
Ausdauertraining in den eigenen vier Wänden: Ergometer machen es möglich.

Die Bremswirkung, also den Widerstand, den der Sportler zu überwinden hat, kann mit einem Display oder einem Drehrad eingestellt und verändert werden. Die Bremse selbst ist meist eine Magnet- oder Wirbelstrombremse beziehungsweise eine elektrische oder konventionelle Backenbremse. So hat der Sportler immer die Möglichkeit, die Intensität des Trainings selbst zu bestimmen.

Ergometer besitzen zusätzlich noch Pulssensoren oder lassen sich mit einem Pulsmessgurt koppeln. Ein Ergometer muss laut der Norm EN 957-1/5, Unterklasse A, über eine Anzeige mit der erbrachten Leistung in Watt verfügen und der einstellbare Wattbereich muss mindestens um 250 Watt veränderbar sein. Heimtrainer müssen dagegen keine Wattanzeige besitzen.

Fahrrad-Ergometer eignen sich also nicht nur für den Heimgebrauch, sondern finden auch im Profi-Bereich sowie auch im therapeutischen Bereich Einsatz.

Unser Favorit

Testsieger

Skandika Morpheus

Mit dem Morpheus bekommt man ein vollwertiges Trainingsgerät mit gutem Rundlauf und großem Einstellbereich.

Die Wahl des Testsiegers fiel uns bei diesem Test nicht leicht, da jedes Ergometer die eine oder andere Stärke, aber auch Schwäche besitzt. In der Summer der Dinge hat uns jedoch das Skandika Morpheus am meisten überzeugt.

Wie die meisten Ergometer im Test kommt das Morpheus zwar vorinstalliert bei uns an, muss aber noch final zusammengebaut werden. Hierfür ist im Lieferumfang alles Nötige enthalten. Lediglich die Aufbauanleitung fällt hier etwas kurz aus, der Aufbau ist jedoch selbsterklärend und geht schnell. Das Eigengewicht des Ergometers beträgt ca. 36 Kilogramm, wobei die Schwungmasse mit 12 Kilogramm zu Buche schlägt. Das hohe Gewicht verspricht einen stabilen Stand und die hohe Schwungmasse einen guten Rundlauf. Dennoch lässt sich das Ergometer dank der integrierten Rollen leicht an den gewünschten Standort rollen. Insgesamt wirkt das Ergometer sehr massiv und stabil, nur bei genauem Hinsehen kann man kleine Mängel in der Lackierung der Verkleidung erkennen. Dennoch wirkt das Morpheus hochwertig.

Positiv ist, dass am Morpheus neben dem mitgelieferten Sattel auch jeder andere Fahrradsattel montiert werden kann. So kann der Sportler seinen eigenen, gewohnten Sattel verwenden. Im Übrigen hatte nur Skandika als einer der wenigen Hersteller ein vernünftiges Werkzeug beigelegt, mit dem auch der Sattel ausreichend fest angezogen werden konnte.

Ein weiteres Plus ist der große Verstellbereich. So lässt sich der Lenker sowie auch der Sattel in der Neigung verstellen. Der Abstand Lenker zu Sattel lässt sich ebenfalls einstellen, wie auch die Sattelhöhe, und das sogar um bis zu 30 cm. Laut Hersteller finden Personen zwischen 1,65 Meter und 2,05 Meter Platz, und in der Tat war das Sitzen auf diesem Fahrradergometer am bequemsten.

Bedienung

Die Bedienung des Ergometers ist sehr verständlich. Neben der START/STOP-Taste für den manuellen Start gibt es noch eine UP- und DOWN-Auswahltaste, eine ENTER-Taste zum Bestätigen sowie eine BODY FAT-Taste zum Messen des Körperfettanteils und eine PULSE RECOVERY-Taste zur Erholungspulsmessung.

1 von 4
Das gut strukturierte Display zeigt einem alle nötigen Informationen auf einen Blick.
Ergometer Test: Dsc02559
Nicht nur die Neigung des Sattels kann eingestellt werden, auch hat man hier die Möglichkeit seinen eigenen Sattel zu montieren.
Ein Pulsmessgurt ist schon im Lieferumfang enthalten.
Das Morpheus wirkt hochwertig und steht stabil da.

Mit Hilfe der Tasten kann zwischen 24 Programmen gewählt werden. Hier hat der Sportler die Wahl zwischen dem manuellen Programm beim Schnellstart sowie zwischen zwölf voreingestellten Programmen für Kraft-, Ausdauer- und Intervalltraining. Mit der UP- und DOWN-Taste kann hier jeweils der Widerstand verändert werden. Hier stehen dem Sportler insgesamt 32 Widerstandslevel zur Verfügung. Weiter können bis zu vier selbst erstellte Profile gespeichert werden. Zusätzlich gibt es noch Programme, die eine Pulsmessung erfordern – dementsprechend kann man eine Zielherzfrequenz eintragen. Ein weiteres Programm hält die Watt-Zahl stets konstant, selbst bei Reduzierung der Geschwindigkeit. Ein letztes Programm schlägt noch ein spezielles Trainingsprogramm vor, bei vorab durchgeführter Körperfettmessung.

Alle nötigen Informationen werden während des Trainings auf dem übersichtlichen und gut ablesbaren Display auf einen Blick angezeigt. Die Pulsmessung erfolgt entweder über die gut ansprechenden Sensoren am Lenker oder über den mitgelieferten Brustgurt.

Fahrgefühl

Das Fahrgefühl auf dem Fahrradergometer hat uns im Test ebenfalls überzeugt. Das Morpheus kommt zwar nicht an den Rundlauf des Bluefin Fitness Tour 5.0 heran, dieser ist jedoch bis zu einer Watt-Zahl von ca. 200 Watt vergleichbar. Erst bei höheren Werten wird der Rundlauf etwas hakelig. Bei höheren Trittfrequenzen um die 70 bis 80 Umdrehungen wird der Rundlauf jedoch wieder besser. Schön ist auch, dass das Ergometer sehr leise läuft, nur ein leises Surren des Stellmotors für die Widerstandseinstellung bei einer Veränderung des Widerstandswertes ist zu hören.

Alternativ lässt sich der Ergometer auch mit der DelighTech Fitness App steuern, die man auf der Webseite appfit.biz finden kann. Das Installieren der App ist jedoch nicht ganz intuitiv und nimmt etwas Zeit in Anspruch.

Letztlich überzeugt das Skandika Morpheus in unserem Test und im Gesamtpaket ist es das aus den getesteten Ergometern für uns das Beste. Nicht nur Gelegenheitssportler oder Anfänger werden mit diesem Fahrradergometer glücklich werden, nein, auch der ambitionierte Sportler wird seine Freude mit diesem Gerät haben.

Skandika Morpheus im Testspiegel

Chip hat das Skandika Morpheus im Januar 2025 getestet und schreibt im Fazit:

Das Skandika Morpheus hat im CHIP Test als sehr gutes Ergometer überzeugt. Dank der hohen Schwungmasse von 12 Kilogramm lässt es sich ruhig und gleichmäßig treten. Für die Pulsmessung liegt ein Brustgurt als Alternative zu den Handsensoren bei. Der Bordcomputer bietet insgesamt 24 Trainingsprogramme, wer mehr Abwechslung möchte, kann das Ergometer auch mit einer Fitness-App betreiben. Alles in allem eine Top-Leistung zum wirklich günstigen Preis von ca. 500 Euro zum Testzeitpunkt.

Die Stiftung Warentest hat im September 2023 acht Heimtrainer getestet, darunter war allerdings keiner aus unseren Empfehlungen. Sollten weitere Testberichte erscheinen, tragen wir sie hier nach.

Alternativen

Auch gut

Hammer Cardio XT6 BT

Das Cardio XT6 BT ist ein hochwertig verarbeitetes Ergometer mit tiefem Einstieg und edlem Design.

Eine fast ebenbürtige Alternative zu unserem Testsieger ist das Hammer Cardio XT6 BT. Auch hier ist wie beim Testsieger aus dem Hause Skandika das Gesamtpaket stimmig und das Training spaßig.

Doch zunächst der Aufbau. Dieser geht wirklich schnell und ist von jedem zu bewerkstelligen. Bereits beim Aufbau merkt man, wie hochwertig das Ergometer ist. Von allen getesteten Fahrradergometern hinterlässt es mit den besten Eindruck in dieser Hinsicht. Auch die mattschwarze Lackierung trägt dazu bei. Dank der angebrachten Rollen ist das Ergometer schnell an den Trainingsort gerollt.

Das Cardio XT6 lässt sich sehr gut an die jeweilige Person anpassen. Der Lenker ist wie bei den meisten Ergometern in der Neigung verstellbar, gleiches gilt für den Sattel. Schön ist hier ebenfalls, dass der mitgelieferte Sattel gegen einen eigenen getauscht werden kann. Der Sattel ist zusätzlich noch in der Vertikalen stufenlos verschiebbar. Die Sitzhöhe ist zudem in Raster über einen angemessenen Bereich verstellbar, sodass auch größere Personen gut auf dem Ergometer Platz finden.

1 von 6
Unsere Alternative, das Hammer Cardio XT6 BT Ergometer.
Ergometer Test: Dsc02450
Der tiefe Einstieg macht das Aufsteigen besonders komfortabel.
Ergometer Test: Dsc02452
Es lässt sich auch ein eigener Sattel montieren.
Ergometer Test: Dsc02456
Auch große Personen finden noch gut Platz auf dem Ergometer.
Ergometer Test: Dsc02458
Der Rundlauf ist ordentlich, kommt jedoch nicht ganz an unseren Testsieger hin.
Ergometer Test: Dsc02461
Das Display ist sehr aufgeräumt und übersichtlich. Mit dem Wählrad lassen sich nicht nur die Widerstandsstufen verstellen.

Schön ist der tiefe Einstieg, was das Aufsitzen für verletzte oder ältere Personen erleichtert. Der Nachteil: Die Schrauben müssen an der vorderen Stange wirklich gut angezogen werden, da die Stange sonst während des Trainings recht leicht wackeln kann.

Auch das Display wirkt sehr hochwertig. So stehen dem Sportler alle nötigen Informationen zur Verfügung. Zwölf Trainingsprogramme stehen zur Verfügung, die zum Teil optisch unterhalb des Displays angedeutet sind. Der Widerstand ist in 16 Stufen unterteilt, wobei hier ein Bereich von 10 bis 350 Watt abgedeckt wird. Die Wahl der Programme bzw. des Widerstandes erfolgt mittels des mittig angebrachten Drehrades. Zudem verfügt das Ergometer über einen Recovery und Bodyfat-Modus. Schön ist auch, dass nach jedem Training der Trainingszustand ermittelt werden kann und das Ergometer ihn mit den Noten 1 bis 6 bewertet.

Das Fahrgefühl ist dank der 8 Kilogramm schweren Schwungmasse angenehm und der Rundlauf ordentlich. Jedoch kommt er an den Testsieger nicht ganz hin, da auch hier bei steigender Watt-Zahl das Pedalieren unrund wird.

Auch lässt sich ein Tablet oder Smartphone mit dem Gerät koppeln und Apps wie BitGym oder iConsole sorgen für Abwechslung. Dies hat im Test gut geklappt.

Insgesamt ist das Hammer ein durchdachtes, leises und gut verarbeitetes Ergometer mit tiefem Einstieg für einen bequemen Aufsitz. Dem Testsieger kann es aber nicht ganz das Wasser reichen und verpasst den Testsieg nur sehr knapp. Jedoch können wir das Hammer Cardio XT6 BT uneingeschränkt empfehlen.

Luxusklasse

Schwinn 590U

Das Schwinn 590U ist ein durchdachtes und vollwertiges Trainingsgerät mit nützlichen Details und gutem Rundlauf.

Das Schwinn 590U ist ein Ergometer im gehobenen Preissegment und bietet entsprechend gute Qualität – sowohl in der Verarbeitung als auch beim Rundlauf. Uns hat das 590U bis auf wenige Details gut gefallen, wodurch es sich einen Platz unter unseren Empfehlungen sichert. Aufgrund des hohen Preises empfehlen wir das Ergometer vor allem Sportlern, die regelmäßig und intensiv trainieren möchten.

Da das Schwinn-Ergometer bereits aufgebaut bei uns angeliefert wurde, können wir zur Montage keine Bewertung abgeben. Insgesamt macht das Trainingsgerät einen soliden und qualitativ hochwertigen Eindruck. Zu bemängeln sind höchstens das etwas lockere Verkleidungselement zwischen Sattelstange und Lenkerstange sowie die Sattelstütze, die bei hoher Einstellung etwas wackelt. Vor allem große und damit prinzipiell schwerere Personen könnten dies beim intensiven Pedalieren spüren.

1 von 9
Unsere Luxus-Empfehlung, das Schwinn 590U.
Das Schwinn 590U ist ein semi-professionelles Ergometer für ein intensives Training.
Die Qualität des Ergometers ist gut, das Gerät hat aber seinen Preis.
Das Schwinn 590U lässt sich optimal auf die Körpergröße einstellen, zum Teil auch während des Pedalierens.
Das Display des 590U ist groß und übersichtlich, die Bedienung ist sehr einfach.
Auch große Personen finden optimal darauf Platz.
Der Rundlauf des Schwinn 590U ist durchaus gut.
Auch bei intensiveren Trainingseinheiten steht das 590U stabil.
Die Neigung des Displays kann verstellt werden.

Das Ergometer kann optimal auf die eigene Größe angepasst werden. So lässt sich die Neigung des Lenkers und des Sattels sowie der Abstand zwischen Lenker und Sattel einstellen. Die Sattelhöhe lässt sich stufenweise und in einem großen Bereich ändern, sodass auch großgewachsene Personen weit über 1,80 Meter Körpergröße bequem darauf Platz finden – mit der bereits erwähnten Einschränkung, dass die Sattelstütze irgendwann leicht wackelt.

Gut hat uns der Verstellmechanismus gefallen, auch während des Trainings kann die Sitzhöhe mit nur einem Handgriff verändert werden. Je nach Vorliebe kann man aufrechter oder sportlicher sitzen, der Sattel ist dabei sehr bequem und nicht zu schwammig.

Die Bedienung ist einfach und intuitiv

Das Training mit dem Schwinn 590U gestaltet sich generell sehr angenehm. Die Bedienung des großen Displays ist sehr einfach und intuitiv, ein Blick in die Bedienungsanleitung ist nicht notwendig. Insgesamt stehen dem Trainierenden 12 vorinstallierte Trainingsprogramme und 25 Widerstandsstufen zur Verfügung. Praktisch finden wir, dass man mit zehn Tasten am Display direkt eine Widerstandsstufe auswählen kann und nicht wie wild auf den Pfeiltasten für die Einzelverstellung herumdrücken muss. So kann z. B. mit einem Knopfdruck von der schwersten auf die leichteste Stufe geschaltet werden. Auf dem großen Display werden alle Parameter gut ablesbar dargestellt, und sollte das Display einmal spiegeln, kann die Neigung leicht angepasst werden.

Der Rundlauf des 590U ist gut und erst bei hohem Widerstand, etwa ab Stufe 21 von 25, verspürt man einen etwas unrunder werdenden Lauf. Dabei ist die Abstufung der Widerstände gut gewählt, sodass die erste Stufe sehr leichtgängig ist und die höchsten Stufen einen ordentlichen Widerstand aufweisen.

Ein kleiner Kritikpunkt sind die fehlenden Pulssensoren am Lenker. Über die integrierte Bluetooth-Schnittstelle lassen sich aber Pulsgurte mit dem Ergometer koppeln, was bei einem professionelleren Gerät und ernsthaftem Training sowieso meist Anwendung findet. Auch lassen sich per Bluetooth Fitness-Apps wie ZWIFT oder JRNY mit dem Gerät verwenden. Die Kinomap-App ist jedoch nicht kompatibel.

Am Ende bekommt man mit dem Schwinn 590U ein gutes und – wie der Hersteller verspricht – semi-professionelles Ergometer für regelmäßiges und intensives Training zu Hause. Das Gerät will erstmal bezahlt werden, aber steht es dann im Wohnzimmer oder im heimischen Fitnessstudio, wird man sicher nicht enttäuscht.

Preistipp

Tunturi Cardio Fit E30

Das Tunturi Cardio Fit E30 besitzt ein gutes Preis-Leistungs-Verhältnis.

Das Tunturi Cardio Fit E30 Ergometer ist ein einfaches, kostengünstiges und dennoch einwandfrei funktionierendes Trainingsgerät. Der Aufbau des Ergometers geht auch dank der übersichtlichen Anleitung schnell und unkompliziert vonstatten. Die Qualität des Tunturi Cardio Fit ist gut, nur die Spaltmaße der Verkleidung sind etwas unregelmäßig. Dies ist jedoch Jammern auf hohem Niveau.

Insgesamt wirkt das Ergometer recht klein. Menschen um die 1,80 Meter finden noch Platz und können gut trainieren, für größere Menschen können wir es jedoch nur bedingt empfehlen. Der Sattel des Ergometers lässt sich in der Höhe und in der Entfernung zum Lenker einstellen. Außerdem kann zusätzlich noch der Lenker in der Neigung eingestellt werden, um eine optimale Sitzposition zu garantieren.

1 von 5
Ergometer Test: Dsc03962
Das Tunturi Cardio Fit E30 ist ein einfaches, aber dennoch gut funktionierendes Ergometer zu einem fairen Preis.
Ergometer Test: Dsc03964
Personen bis zu 1,80 m finden noch Platz, für größere Personen (wie auf diesem Bild) ist das Ergometer jedoch weniger geeignet.
Ergometer Test: Dsc03965
Der Rundlauf des Tunturi Cardio Fit E30 ist gut.
Ergometer Test: Dsc03960
Die Sitzposition kann in der Länge verstellt werden.
Ergometer Test: Dsc03967
Das Display ist zwar klein, zeigt aber alle Informationen auf den ersten Blick an.

Das Display ist zwar etwas klein geraten, dennoch lassen sich alle Informationen gut ablesen. Die Bedienung ist einfach, und der Sportler kann zwischen zwölf Programmen wählen, um sein Training abwechslungsreicher zu gestalten. Auch lässt sich der Körperfettanteil bestimmen, wobei man sich immer die Frage nach der Genauigkeit bei so einer Methode stellen muss.

Das Training selbst mit dem Cardio Fit E30 ist recht gut. Der Rundlauf ist ordentlich und erst ab der 13. von insgesamt 16 Intensitätsstufen wird es zunehmend hakeliger. Etwas gestört hat uns, dass das Ergometer den Widerstand verzögert nach der Wahl der Stufe geschaltet hat, was gerade im manuellen Programm nervig war. So dauerte es etwas, bis man die richtige Stufe gefunden hat.

Außerdem sollte man sich nach dem Training nicht zu schnell nach hinten lehnen oder absteigen, da das Ergometer aufgrund des kurzen Fußabstandes nach hinten kippen kann.

Letztlich ist das Tunturi Cardio Fit E30 ein kostengünstiges, aber dennoch gutes Ergometer und besonders für kleine bis mittelgroße Personen gut geeignet für ein regelmäßiges Training im Wohnzimmer.

Günstiges Liege­ergometer

SportPlus SP-RB-9500-iE

Liegeergometer-Empfehlung für alle, die für bequemes Training nicht so viel ausgeben möchten.

Das SportPlus SP-RB-9500-iE ist ein Liegeergometer mit guter Funktion und durchdachten Details und ist somit eine gute und etwas günstigere Alternative zum Miweba ME700. Der Aufbau des Ergometers ist dank der guten Anleitung einfach, dauert aber etwas länger. Das Ergometer ist gut verarbeitet und wirkt bis auf das etwas günstig wirkende Display qualitativ hochwertig.

Ist es einmal aufgebaut und mit den integrierten Rollen in Position gebracht, kann auch schon mit dem Training begonnen werden. Dank der Rückenlehne sowie des breiten Sattels lässt es sich durchaus bequem sitzen. Besonders gut hat uns die Sitzlängenverstellung gefallen. Bei den bisher getesteten Liegeergometern musste stets erst eine Schraube gelöst werden, bevor die Sitzlänge Stufenweise eingestellt werden konnte. Beim SportPlus ist das jedoch sehr elegant gelöst: Dank eines Hebels kann der Sitz einfach und stufenlos verstellt werden. Das lässt sich sogar problemlos während des Trainings bewerkstelligen. Zudem finden hier bequem Personen Platz, die 1,90 Meter groß oder sogar etwas größer sind.

1 von 5
Ergometer Test: Dsc03969
Das SportPlus SP-RB-9500-iE Ergometer ist das bisher beste Liegeergometer im Test.
Ergometer Test: Dsc03971
Dank des durchdachten Verstellmechanismus kann jederzeit die richtige Position gefunden werden.
Ergometer Test: Dsc03974
Auch große Personen finden auf dem SportPlus Ergometer Platz.
Ergometer Test: Dsc03976
Insgesamt stehen 24 Intensitätsstufen und sechs Programme zur Auswahl.
Ergometer Test: Dsc03981
Das Display könnte für unseren Geschmack etwas größer ausfallen.

Der Rundlauf des Ergometers ist gut, wird aber dennoch in höheren Intensitätsstufen etwas hakelig. Ein kleiner Minuspunkt ist das Display. Nach kurzer Eingewöhnungszeit ist die Bedienung einfach und es lässt sich aus insgesamt sechs Programmen und 24 Intensitätsstufen wählen. Leider ist das Display jedoch recht klein und die Informationen wie Puls oder Geschwindigkeit werden nur im Durchlauf angezeigt. Ein etwas größeres und übersichtliches Display hätte uns hier besser gefallen.

Das SportPlus SP-RB-9500-iE verfügt außerdem über eine Bluetooth-Schnittstelle und kann so zum Beispiel mit der kostenpflichtigen Kinomap-App genutzt werden. Dafür kann auch ein etwas größeres Tablet sicher auf dem Display abgelegt werden.

Alles in allem ist das Gerät ein gutes Liegeergometer zu einem fairen Preis mit durchdachten Details wie der Sitzlängenverstellung. Somit können wir das SportPlus SP-RB-9500-iE jedem empfehlen, der ein günstiges Liegeergometer für das Training sucht.

Außerdem getestet

Skandika Atlantis

Das Skandika Atlantis ist ein einfaches und unaufgeregtes Ergometer für zuhause. Es sticht durch nichts wirklich aus der Masse heraus, offenbart aber auch keine gravierenden Schwächen.

Der Aufbau des Ergometers ist dank der ausführlichen Anleitung sehr einfach und geht zügig von der Hand. Dabei hilft auch das mitgelieferte und völlig ausreichende Werkzeug. Die Verarbeitung ist gut, jedoch finden sich gerade bei der Lackierung hier und da ein paar kleinere Sprühnebel. Ansonsten macht das Atlantis einen wertigen Eindruck.

Am Ergometer lässt sich nicht nur die Sitzhöhe in einem großen Bereich stufenweise einstellen, auch der Abstand zwischen Sattel und Lenker kann hier stufenlos und in einem gewissen Bereich verstellt werden. Der Lenker ist selbstverständlich in der Neigung verstellbar. Somit finden auf dem Atlantis durchaus größere Person noch bequem Platz, um intensiv trainieren zu können. Dabei ist das Ergometer auch für Personen mit bis zu 150 Kilogramm Körpergewicht zugelassen.

Die Bedienung ist sehr einfach und man findet sich nach kurzer Zeit intuitiv zurecht. Auf dem Display werden alle notwendigen Daten angezeigt, zum Beispiel die Geschwindigkeit oder die Herzfrequenz. Unterhalb des Anzeigefeldes befindet sich noch ein Smartphone- oder Tablet-Halterung, welche bei Benutzung das eigentliche Display jedoch überdeckt. Durch die integrierte Bluetooth-Schnittstelle kann die auf einem Tablet aufgespielte Kinomap oder iConsole App verwendet werden, um das Training abwechslungsreicher zu gestallten.

Das Training selbst ist dank der 10 Kilogramm schweren Schwungmasse und den insgesamt 15 Programmen sehr angenehm und kann nach Lust und Laune abwechslungsreich gestaltet werden. Lediglich in den höheren der insgesamt 32 wählbaren Widerstandsstufen ist der sonst gute Rundlauf etwas hakelig, aber durchaus noch akzeptabel.

Am Ende bekommt man mit dem Skandika Atlantis ein durchaus vernünftiges Heimergometer ohne große Stärken, aber auch ohne große Schwächen, auf dem sich aber abwechslungsreich trainieren lässt.

Ativafit X-Bike R8

Wer gezielt ein klappbares Ergometer sucht, sollte sich das Ativafit X-Bike R8 ansehen. Dank einer gut verständlichen Aufbauanleitung und der bereits zum Teil vormontierten Schrauben ging der Aufbau des Ergometers im Test einfach und schnell. Ansonsten wirkt die Qualität recht gut, nur die ein oder andere Mutter wies bei unserem Testgerät leichte Rostspuren auf.

Das Ativafit X-Bike ist schnell auf- und zusammenklappbar. Dafür muss lediglich eine Schraube ganz heraus und wieder hineingedreht werden, was jedoch etwas fummelig ist. Im zusammengeklappten Zustand kann das X-Bike dank der integrierten Rollen leicht in der Wohnung verschoben werden.

Während des Trainings sitzt man nicht zuletzt dank der Rückenlehne sehr bequem auf dem Ergometer, wenn auch leicht nach hinten geneigt. Der Sattel lässt sich in einem gewissen Bereich in der Höhe verstellen, auch der Abstand zwischen Sattel und Lenker ist verstellbar. Dadurch finden Menschen bis ca. 1,80 m Körpergröße noch komfortabel Platz. Weitere Verstellmöglichkeiten bietet das X-Bike jedoch nicht.

Das Ergometer besitzt acht Intensitätsstufen, die über ein Wählrad unterhalb des Lenkers durchgeschaltet werden können. Dabei ist das Fahrgefühl erstaunlich rund und nur in den beiden höchsten Stufen wirkt es etwas hakelig. Während des Trainings zeigt einem das kleine LCD Display alle nötigen Informationen an und die Bedienung ist nach kurzer Eingewöhnungsphase einfach.

Als Extra hat der Hersteller dem X-Bike in der R8 Version noch die sogenannten Power Ropes verpasst. Dabei handelt es sich um Expander, die über Rollen laufen und dem Trainierenden die Möglichkeit bieten, während des Tretens auch Oberkörper und Arme trainieren zu können. Auch das funktioniert recht gut, die Spannkraft der Power Ropes ist weder zu leicht, noch zu stark.

Insgesamt ist das Ergometer von Ativafit ein durchdachtes zusammenklappbares Ergometer mit gutem Fahrgefühl und bequemem Sitz, das dank der Power Ropes sogar ein Ganzkörpertraining ermöglicht. Die Handhabung ist leicht, nur besitzt das X-Bike hier und da kleine Schwächen wie der etwas fummelige Klappmechanismus oder die nicht ganz hervorragende Verarbeitung. Wir können das Ativafit X-Bike R8 dennoch jedem empfehlen, der ein gut verstaubares Ergometer sucht.

Wellactive Silver

Das Wellactive Best Ager Silver ist ein unkomplizierter, klappbarer Heimtrainer mit tiefem Einstieg, der besonders Menschen im gehobenen Alter oder Menschen mit Bewegungseinschränkungen anspricht.

Bevor man jedoch trainieren kann, muss auch dieser Heimtrainer zunächst zusammengebaut werden. Dank der Step-by-Step-Anleitung geht dies recht zügig vonstatten. Dabei sticht auch die recht hochwertige Verarbeitung des Heimtrainers ins Auge. Nach dem Aufbau müssen noch zwei AAA-Batterien in das Display eingelegt werden und schon kann man mit dem Training beginnen. Das Best Ager Silver kommt ohne Netzanschluss aus und kann überall aufgestellt werden.

Um die richtige Sitzposition zu finden, kann lediglich der Sattel in der Höhe verstellt werden. In der Vertikalen lässt sich der Sattel nicht einstellen und auch die Neigung des Lenkers ist fix. Dennoch sitzt man auf dem Heimtrainer erstaunlich komfortabel, nicht zuletzt dank der bequemen Rückenlehne. Größere Menschen um die 1,90 werden jedoch nicht ganz so froh mit dem Silver, da die Knie hier am Lenker anschlagen können.

Das einfach gehaltene Display mit allen nötigen Informationen ist gut abzulesen und der rote Modus-Knopf ist gut zu erreichen. Gleiches gilt für das Wählrad des Widerstandes kurz unterhalb des Sattels. Hier kann der Trainierende zwischen acht Widerstandsstufen wählen. Das Fahrgefühl ist trotz der geringen Schwungmasse von 1,5 Kilogramm erstaunlich gut und lässt auch Ergometer mit deutlich schwereren Schwungmassen alt aussehen. Erst in den höheren Stufen ist ein etwas hakeliger Rundlauf zu spüren.

Der Klappmechanismus des Best Ager Silver hat uns jedoch nicht ganz so gut gefallen. Hier muss zunächst der Sattel wieder in die tiefste Position gebracht werden, bevor der Heimtrainer zusammengeklappt werden kann. Dafür muss man die Verstellschraube ganz herausdrehen, bevor der Sattel verstellt werden kann. Eine Schraube, die nicht ganz herausgedreht werden muss, würde uns hier besser gefallen.

Um den Heimtrainer letztlich zusammenklappen zu können, muss die Schraube am unteren Teil der gesamten Lenkerstange herausgedreht werden. Hierfür muss der Trainierende sich jedes Mal tief bücken oder hinknien, was vielleicht älteren Menschen nicht mehr ganz so leicht fällt.

Letztlich ist das Wellactive Best Ager Silver ein sehr komfortables und einfach zu bedienendes Trainingsgerät mit gutem Rundlauf und eignet sich für jeden, der sich ohne viel Schnickschnack fit halten will. Lediglich die begrenzten Einstellmöglichkeiten auf den Trainierenden und das etwas umständliche Zusammenklappen sind hier zu bemängeln.

Hop-Sport Root HS-040L

Das Hop-Sport Root HS-040L ist eines von zwei Liegeergometern in unserem Test. Der Aufbau des Ergometers geht dank des mitgelieferten Werkzeuges schnell und einfach und bereits nach Einlegen der Batterien am Display kann schon mit dem Training begonnen werden. Dabei wirkt das Ergometer durchgehend recht hochwertig. Aufgrund der Bauform nimmt es jedoch viel Platz in der Wohnung weg.

Der Abstand Sattel zu Pedale lässt sich stufenweise verstellen. Leider ist dies jedoch sehr schwergängig und für eine einzelne Person sehr mühselig. Hier ist die Hilfe einer zweiten Person vom Vorteil. Hat man die Länge eingestellt, ist dank des breiten Sattels und der langen Rückenlehne die Sitzposition auf dem Root HS-040L sehr angenehm. Für das Training sind die Handpulssensoren an dem Lenker direkt unterhalb des Sitzes angebracht und sprechen gut und schnell an.

Das Trainieren selbst ist recht angenehm. Das große und gut ablesbare Display zeigt einem die nötigsten Informationen an und ist sehr einfach zu bedienen. Der Widerstand lässt sich über ein Wählrad unterhalb des Displays einstellen. Hier stehen dem Sportler insgesamt acht Stufen zur Verfügung. Während der Rundlauf bei niedriger Stufe noch überzeugt, wird er bei höherer Widerstandsstufe trotz der 9,5 Kilogramm schweren Schwungmasse hakelig und das Liegeergometer macht dann nicht mehr ganz so viel Spaß.

Insgesamt ist das Root HS-040L ein einfach zu bedienendes und komfortables Trainingsgerät und eignet sich aufgrund der Bauform sehr für Senioren. Lediglich die schwergängige Längenverstellung sowie das hakelige Fahrgefühl bei höherem Widerstand stören uns etwas.

Miweba ME500

Das Miweba ME500 ist ein einfaches Heimergometer mit gutem Rundlauf, jedoch ist der Zusammenbau des Ergometers etwas umständlich und die vorhandenen Laufgeräusche während des Trainings empfanden wir im Test mit zunehmender Trainingsdauer als störend.

Der Zusammenbau des Ergometers war mit am umständlichsten von allen Geräten im Test. So muss zum Beispiel die Rückplatte des Displays komplett aufgeschraubt werden, um dieses am Ergometer selbst zu befestigen. Auch die Füße des Ergometers müssen extrem umständlich mit Mutter und Schraube befestigt werden. Dazu hat man zum einen kaum Platz, zum anderen ist das mitgelieferte Werkzeug nicht ausreichend, um diesen Arbeitsschritt zu bewerkstelligen. Zusätzliches Werkzeug ist also notwendig. Wenig hilfreich ist auch die Aufbauanleitung im Handbuch des ME500 Ergometers. Die Abbildungen zu den einzelnen Schritten sind kaum ablesbar und kleine Details, wie die Nummer der benötigten Schrauben, sind auch mit einer Lupe nicht erkennbar. Hier kann Miweba einiges besser machen, wie andere Hersteller zeigen.

Hat man den Zusammenbau gemeistert, steht das ME500 dennoch recht hochwertig da und macht einen gut verarbeiteten Eindruck. Schön ist, dass sich die Sitzposition in einem großen Bereich auf Sitzhöhe und Abstand zwischen Sattel und Lenker einstellen lässt, wodurch auch große Personen auf dem Ergometer Platz finden. Der Lenker selbst lässt sich noch in der Neigung einstellen. Die Bedienung ist recht einfach, das Display ist gut ablesbar und wirkt aufgeräumt. Auch wird dem Fahrer während des Trainings alles Notwendige angezeigt. Das Display bietet über dem Anzeigefeld ein Ablagefach für ein Tablet und dank der Bluetooth-Schnittstelle kann zum Beispiel die Zwift-App als Trainingsbegleiter verwendet werden.

Der Rundlauf des Ergometers ist dank der 14 Kilogramm schweren Schwungmasse sehr gut, auch in den höheren der insgesamt 32 Widerstandsstufen, wobei gerade diese hohen Stufen schon wirklich schwer sind. Was uns im Test jedoch viel mehr gestört hat, war ein deutlich wahrnehmbares Laufgeräusch unter dem Training. Auf Dauer nervt das latent.

Alles in allem ist das Miweba ME500, wenn es mal aufgebaut ist, ein solides Ergometer mit allen notwendigen Funktionen und Programmen sowie einem guten Rundlauf. Lediglich die Laufgeräusche können während des Trainings als störend empfunden werden.

AsViva H22

Das AsViva H22 ist ein Heimergometer mit sehr gutem Rundlauf, die Qualität entspricht für uns jedoch nicht ganz dem aufgerufenen Preis. Der Aufbau ist recht verständlich und einfach, nur das mitgelieferte Werkzeug könnte besser sein. Hier empfiehlt es sich, den ein oder anderen Gabelschlüssel zu Hause zu haben. Gefallen hat uns, dass im Lieferumfang ein zusätzlicher Polar-Brustgurt enthalten war, welcher die Pulsmessung während des Trainings einfacher gestaltet.

Qualitativ hat uns das Ergometer im Test nicht ganz überzeugt, behält man den Preis für das H22 im Hinterkopf. Eine leicht wackelnde Sattelstütze sowie die etwas unsauberen Spaltmaße haben uns nicht gefallen. Auch das Display wirkt etwas günstig. Es ist zwar einfach und recht intuitiv zu bedienen, jedoch ist der Kontrast zwischen den angezeigten Zahlen und den Dunklen im Hintergrund sehr unvorteilhaft, wodurch das Display etwas unübersichtlich wirkt.

Auf dem H22 finden auch große Personen komfortabel Platz. So lässt sich die Sitzhöhe in einem langen Bereich verstellen, wie auch der Abstand zwischen Sattel und Lenker. Letzterer lässt sich zudem im Winkel einstellen.

Überzeugt hat uns im Test das Fahrgefühl des Ergometers. Dank der 15 Kilogramm schweren Schwungmasse und Riementrieb ist der Rundlauf auch in den höheren der insgesamt 16 Widerstandsstufen ausgezeichnet und ermöglicht ein angenehmes Training. Ein leichtes Laufgeräusch konnten wir unter dem Training wahrnehmen, welches wir aber nicht als störend empfanden.

Um hier für etwas Abwechslung zu sorgen, bietet das H22 insgesamt 16 Trainingsprogramme an, die vor dem Training am Display mit einem Drehknopf gewählt werden können. Auch besitzt das Ergometer über eine Bluetooth-Schnittstelle, wodurch zum Beispiel ein Tablet mit dem Gerät gekoppelt werden kann, welches auf dem entsprechenden Halter am Display eingelegt werden kann. So können auch App von diversen Anbietern genutzt werden.

Letztlich ist das AsVIVA H22 ein Heimergometer mit ausgezeichnetem Rundlauf, es besitzt aber hier und da seine Schwächen – wie zum Beispiel seinen Preis. Hier gibt es günstigere Alternativen bei uns im Test.

Christopeit AL 2

Das Christopeit AL 2 ist ein minimalistisch gehaltenes Fahrradergometer. Der Zusammenbau ist leicht und die Beschreibung gut. Nur das mitgelieferte Werkzeug ist nicht ausreichend, um den Sattel fest genug anschrauben zu können. Die Verarbeitung des Testgeräts war eher mäßig. Die Kunststoffverkleidung zeigte sichtbare Spalten und die Verkleidungsteile liefen nicht ganz bündig zueinander. Positiv ist, dass hier der Sattel in der Neigung verstellbar ist und sogar ein eigener Sattel montiert werden kann. Auch der Lenker lässt sich in der Neigung verstellen. Der Sattel kann zudem in der Vertikalen, wie auch in der Höhe verstellt werden. Somit findet jeder Sportler die perfekte Sitzposition auf dem Ergometer.

Für Abwechslung während des Trainings sorgen zehn verschiedene Profile sowie vier Herzfrequenz- und fünf individuelle Programme. Der Widerstand ist in 24 Schritten einstellbar. Etwas nervig fanden wir, dass in den gewählten Programmen nur der Widerstandswert der aktuellen Stufe verstellen lässt, nicht aber für alle anderen. Somit kam leider kein flüssiges Training zustande.

Die Menüführung und Bedienung des Ergometers sind jedoch selbsterklärend und das Display übersichtlich designt. So stehen dem Sportler alle wichtigen Informationen auf einen Blick zur Verfügung. Dank der neun Kilogramm schweren Schwungmasse fanden wir das Fahrgefühl recht rund, jedoch wird auch beim AL 2 bei höherem Widerstand der Rundlauf etwas hakelig.

Letztlich ist das AL 2 recht einfach in der Handhabung, aber eher mäßig in der Verarbeitung. Für einen ähnlichen Preis würde man aber schon unseren Testsieger bekommen.

Wellactive F-Bike Curved

Das Wellactive F-Bike Curved ist ein einfaches, klappbares Fahrradergometer ohne viel Schnickschnack. Der Aufbau ging im Test dank der guten Anleitung relativ zügig und somit ist das Ergometer schnell einsatzbereit. Das F-Bike sieht recht gut verarbeitet aus, wirkt aber etwas wackelig.

Durch einen leicht zu entfernenden Bolzen kann das Ergometer schnell und unkompliziert zusammengeklappt wie auch wieder aufgebaut werden. Mit den im Fuß integrierten Rollen kann es zudem bequem von A nach B gerollt werden, was den Rücken schont.

Der Sitz lässt sich in der Höhe verstellen und dank der Rückenlehne sitzen kleinere Personen recht bequem. Weitere Einstellmöglichkeiten bietet das Ergometer nicht. Durch ein unter dem Lenker angebrachtes Wählrad kann zwischen acht Intensitätsstufen gewählt werden. Der Rundlauf während des Trainings ist gut, jedoch sei hier gesagt, dass auch die höchste Stufe noch recht leichtgängig ist. Somit wird ein Training bei höherer Intensität mit diesem Gerät schwierig.

Das gut ablesbare Display zeigt alle notwendigen Informationen an und ist einfach zu bedienen. Während des Trainings mit dem F-Bike fällt auf, dass es sich insgesamt etwas verwindet, vor allem wenn die Person größer und schwerer ist.

Letztlich ist das Wellactive F-Bike Curved ein einfaches und kostengünstiges, klappbares Fahrradergometer, welches wir eher kleineren und leichteren Personen empfehlen können, die gelegentlich etwas für ihre Gesundheit unternehmen möchten.

Wellactive Nestor

Der Liegeheimtrainer Wellactive Best Ager Nestor ist wie auch der Heimtrainer Best Ager Silver vom Discounter Aldi zu beziehen. Der Liegeheimtrainer Nestor ist dank der guten Aufbauanleitung einfach und schnell zusammenzubauen und durchwegs hochwertig verarbeitet. Nach Einlegen zweier AA-Batterien kann auch schon mit dem Training begonnen werden. Der Heimtrainer ist wie auch der Best Ager Silver für Menschen im fortgeschrittenen Alter oder mit Bewegungseinschränkungen gedacht und verfügt über einen tiefen Einstieg. Die Sitzposition kann in der Höhe und in der Vertikalen eingestellt werden, um eine bequeme Sitzposition zu finden. Man sitzt recht bequem auf dem Best Ager Nestor, wobei die Hände auf die unter dem Sitz angebrachte Lenkerstange gelegt werden können. Dennoch sitzt man recht aufrecht im Vergleich zum ebenfalls getesteten Liegeergometer Hop-Sport Root HS-040L.

Das Training gestaltet sich unkompliziert, wobei dem Trainierenden insgesamt acht Widerstandsstufen zur Verfügung stehen, die mittels eines Wählrades einfach gewählt werden können. Der Rundlauf ist auch hier ordentlich, aber im Vergleich zum Best Ager Silver nicht ganz so rund. Auffällig war jedoch ein recht lautes, mahlendes Geräusch während des Trainings, was uns im Test nicht ganz so gut gefallen hat und auf die Dauer störend ist. Auch fanden wir das Display zu klein und zu weit entfernt, um es bequem bedienen und ablesen zu können. Um den großen Wählschalter zu bedienen, muss man sich stets nach vorne beugen.

Der Wellactive Best Ager Nestor Liegeheimtrainer ist für diejenigen geeignet, die ein kostengünstiges und einfach zu bedienendes Gerät für ein kurzes Training zwischendurch suchen. Weniger an dem Gerät hat uns im Test das Laufgeräusch und das zu kleine Display gefallen. Auch war im direkten Vergleich das Trainieren nicht ganz so komfortabel wie etwa beim Best Ager Silver. Wer nicht unbedingt ein Liegeheimtrainer sucht, wird für ein paar Euro mehr mit dem Best Ager Silver letztlich glücklicher werden.

Ultrasport F-Bike

Das zweite klappbare Fahrradergometer im Test ist das Ultrasport F-Bike. Der Aufbau des Ergometers ist recht einfach und geht mit dem mitgelieferten Werkzeug schnell vonstatten. Das F-Bike ist sehr simpel gehalten. Das Auf- und Zusammenklappen ist nicht ganz so komfortabel wie beim F-Bike von Ancheer. Die Arretierung geschieht beim Ultrasport mittels eines einfachen Bolzens. Das Ergometer besitzt keine Rollen und muss so jedes Mal an den Trainingsort getragen werden. Im aufgeklappten Zustand wirkt das Gerät recht klein und auch der fest angeschraubte Sattel lässt sich nur über einen kleinen Bereich in der Höhe verstellen. Somit ist das F-Bike von Ultrasport nicht für größere Personen geeignet.

Die Pulssensoren am Lenker sprechen gut an und das einfach gehaltene Display zeigt die nötigsten Informationen wie Geschwindigkeit, Puls, zurückgelegte Strecke, verbrauchte Kalorien und die Zeit an. Auch die Widerstandsstufen lassen sich einfach mit einem Wählrad unterhalb des Displays verstellen. Hier stehen dem Sportler insgesamt nur acht Stufen zur Verfügung. Selbst die höchste Widerstandsstufe ist jedoch noch recht leichtgängig.

Die Neigung des Sattels kann nicht verändert werden und so hatten wir während des Trainings stets das Gefühl nach hinten zu rutschen, was das Sitzen auf dem F-Bike nicht angenehm macht. Der Rundlauf und das Fahrgefühl waren verhältnismäßig gut, was jedoch auch an dem geringen Widerstand lag.

Das F-Bike von Ultrasport liegt preislich jedoch sehr im Rahmen und macht es für den nicht allzu großen Gelegenheitssportler vielleicht interessant. Aufgrund der fehlenden Transportrollen ist es auch nicht für jeden Pensionär geeignet und wir würden daher eher zum F-Bike von Ancheer raten, wenn es ein zusammenklappbares Ergometer sein soll.

SportPlus SP-HT-9600-iE

Das SportPlus SP-HT-9600-iE ist ein einfaches Ergometer für ein gelegentliches Training zu Hause, welches sowohl Stärken als auch Schwächen besitzt.

Der Aufbau ist wirklich sehr einfach und schnell, nicht zuletzt dank einer detailreichen Anleitung und identischen Schrauben für die entsprechenden Anbauteile. Die Qualität der Verkleidung könnte dennoch besser sein. So sieht das Plastikgehäuse des Displays zum Beispiel etwas günstig aus oder einzelne kleinere Abdeckungen liegen lose auf. Letzteres stört beim Training jedoch nicht.

Die Sitzposition auf dem SP-HT-9600-iE ist eher aufrecht, jedoch lässt sich die Sitzhöhe stufenweise einstellen. Auch die Neigung des Sattels und Lenkers sowie der Abstand Sitz zu Lenker können in einem gewissen Bereich stufenlos verstellt werden. Auch größere Personen finden auf dem Ergometer bequem Platz.

Die Bedienung des Ergometers ist sehr einfach, gewöhnungsbedürftig ist lediglich, dass die beiden Tasten für die Widerstandsstufen Up und Down vertauscht zu sein scheinen. So ist die Down-Taste rechts, die Up-Taste links angebracht. Hat man sich daran gewöhnt, stehen einem 24 Widerstandsstufen sowie 24 Programme zur Verfügung. 18 weitere Programme können über eine App abgerufen werden. Möchte man dennoch etwas Abwechslung haben, lassen sich bis zu drei Trainingsprogramme anlegen.

Auf dem Display werden während des Trainings alle notwendigen Informationen auf einem Blick angezeigt.

In den unteren Widerstandsstufen ist das Trainingsgefühl gut, ab der Stufe 17 ist jedoch ein hakeliger Rundlauf wahrnehmbar, welcher sich in den höheren Stufen zunehmend bemerkbarer macht.

Letztlich ist das SportPlus SP-HT-9600-iE ein solides Gerät für gelegentliche, aber nicht zu intensive Trainings für zwischendurch, das sich jedoch gut an den Trainierenden anpassen lässt und auch für größere Personen geeignet ist.

SportPlus SP-HT-1004-iE

Das SportPlus SP-HT-1004-iE ist ein einfaches Faltergometer mit Magnetbremssystem. Aufgrund der Bauart besitzt das Ergometer die entsprechenden Vor- und Nachteile und ist eher für gelegentliche Trainings in beengten Wohnsituationen geeignet, dafür ist es jedoch etwas zu hochpreisig.

Der Aufbau des Faltergometers geht einfach von der Hand, lediglich die Bilder in der Anleitung könnten etwas detailreicher sein.

Das fertig aufgebaute SP-HT-1004-iE sieht recht hochwertig aus und hier gibt es von uns nichts zu bemängeln.

Ein stabiler Metallsplint hält das Ergometer im aufgebauten Zustand. Durch Ziehen des Splintes lässt sich das Ergometer zusammenklappen und über die am Fuß angebrachten Rollen transportieren.

Laut Hersteller sollen Personen mit 185 cm Körpergröße komfortabel trainieren können, bei einer Körpergröße von 182 cm fühlt sich das Ergometer schon sehr klein an. Damit man auf dem Ergometer Platz findet, kann der Sitz stufenweise in der Höhe verstellt werden. Bei maximaler Länge fühlt sich das Ergometer schon recht wackelig an. Weitere Einstellungsmöglichkeiten gibt es an diesem Gerät nicht. Lediglich die Rückenlehne lässt sich noch einklappen, wodurch das Ergometer etwas platzsparender verstaut werden kann.

Die Bedienung ist sehr einfach und intuitiv. Um das Training abwechslungsreicher zu gestalten, stehen insgesamt sechs Programme und 24 Widerstandsstufen zur Verfügung. Die entsprechenden Daten werden dabei auf dem doch recht kleinen und nicht beleuchteten Display angezeigt. Durch eine integrierte Bluetooth-Schnittstelle können Apps wie zum Beispiel die Kinomap App verwendet werden.

Die in diesem Typ Ergometer verbaute, relativ geringe Schwungmasse von drei kg sorgt dennoch für vernünftigen Rundlauf, nur in den höheren Stufen wird dieser zunehmend hakelig. Dabei schalten die Stufen etwas zeitverzögert hoch oder runter.

Am Ende ist das SportPlus SP-HT-1004-iE ein einfaches und typisches Faltergometer mit Magnetbremssystem für den gelegentlichen Gebrauch in einer kleinen Wohnung. Für das, was es bietet, ist es doch etwas zu hochpreisig, lediglich die Bluetooth-Schnittstelle ist ein nettes Detail.

Skandika Centaurus

Das Skandika Centaurus ist ein klassisches Liegeergometer mit guten Verstellmöglichkeiten und gutem Rundlauf, das Preis-Leitungs-Verhältnis und die Stabilität sind jedoch nicht so gut wie bei unserer aktuellen Empfehlung unter den Liegeergometern.

Der Aufbau des Ergometers dauert etwas länger und die Anleitung könnte etwas verständlicher sein, ansonsten ist der Aufbau recht einfach und von einer Person zu bewerkstelligen. Die Qualität des Ergometers ist ordentlich, jedoch trifft dies nicht auf die beiliegenden Schrauben zu. Diese machen schon einen sehr günstigen Eindruck, am Ende waren jedoch alle verwendbar. Im Lieferumfang war weiter ein Flaschenhalter wie auch eine kleine Aluminium-Trinkflasche als Zubehör enthalten.

Das Training gestaltet sich auf dem Ergometer sehr angenehm. Die Sitzposition kann stufenlos in der Höhe sowie zusätzlich die Neigung der Rückenlehne verändert werden. So kann nicht nur die Sitzposition perfekt eingestellt werden, auch lässt sich das Ergometer etwas platzsparender verstauen, indem die Rückenlehne auf den Sitz gekurbelt wird.

Ein hakelfreier Rundlauf ist dank der 13 kg schweren Schwungmasse in Kombination mit dem Magnetbremssystem selbst in der höchsten der insgesamt 32 Widerstandsstufen gegeben. Auffällig ist jedoch, dass das ganze Ergometer etwas arbeitet und sich leicht verwindet. So lässt sich gerade bei einem hohen Widerstand ein taktgleiches hin- und her Wackeln des Displays beobachten. Das Display lässt sich jedoch selbst hier gut ablesen und alle Informationen sind auf einen Blick ersichtlich. Zudem sind leichte Laufgeräusche während des Trainings hörbar.

Um das Training etwas abwechslungsreicher zu gestalten, stehen einem zwölf vorinstallierte Programme sowie vier zusätzliche pulsgesteuerte Programme zur Verfügung. Zusätzlich verfügt das Centaurus über eine Bluetooth-Schnittstelle, um zum Beispiel die iconsloe App verwenden zu können, um das Training noch abwechslungsreicher gestalten zu können.

Zwar verfügt das Skandika Liegeergometer über Transportrollen am vorderen Standfuß, jedoch ist ein Bewegen des 51 kg schweren Gerätes nicht unbedingt einfach und sollte deshalb an einem fixen Ort aufgebaut werden.

Am Ende ist das Skandika Centaurus ein einfaches Liegeergometer mit diversen Vor- und Nachteilen und nicht mit dem besten Preis-Leistungs-Verhältnis. Mit einem Kauf macht man zwar nichts falsch, jedoch würden wir hier eher zu unserer aktuellen Empfehlung unter den Liegeergometern, dem Miweba ME700 raten.

Kettler Tour 600 R

Das Kettler Tour 600 R ist ein gutes, jedoch etwas hochpreisiges Liegeergometer mit gutem Rundlauf und guten Einstellungsmöglichkeiten, was das Training betrifft. Kleine Schwächen und der im Vergleich hohe Preis verwehren diesem Ergometer einen Platz unter unseren Empfehlungen, dennoch macht man mit dem Gerät nichts falsch.

Der Aufbau ist dank der guten Anleitung einfach, beim Anbringen der Standfüße ist unter Umständen eine zweite Person hilfreich. Das Ergometer macht einen soliden und hochwertigen Eindruck, lediglich der Displayhalter sowie das Displaygehäuse sehen etwas günstig aus und entsprechen nicht dem aufgerufenen Preis.

Auf dem Tour 600 R finden auch große Menschen bequem Platz. Dazu lässt sich die Sitzposition stufenweise einstellen. Ein stufenloser Mechanismus wie bei anderen hier getesteten Liegeergometern wie beispielsweise beim Miweba ME700 wäre hier praktischer gewesen und im Hinblick auf den Preis auch Pflicht.

Die Bedienung des Ergometers ist einfach und verständlich. Schön ist, dass am Gerät vier eigene Nutzerprofile angelegt werden können, wie auch eigene Trainingsprofile, sollten die bereits zehn vorprogrammierten Profile auf Dauer zu langweilig werden. Eine Bluetooth-Schnittstelle bietet zudem die Möglichkeit, Apps wie die Kinomap App zu verwenden oder das Koppeln eines Brustgurtes zur Pulsmessung. Gelungen finden wir, dass der Widerstand beziehungsweise die Leistung zwischen 25 und 320 Watt in fünf Watt Schritten Drehzahlunabhängig gewählt werden kann. Drehzahlabhängig stehen 20 Stufen zur Verfügung. Somit kann das Training noch feiner abgestimmt werden.

Die verbaute Schwungmasse von 8 kg ist nicht unbedingt schwer in dieser Klasse, dennoch ist der Rundlauf auch dank des Induktionsbremssystems selbst in den höchsten Stufen sehr gut und von einem hakeligen Laufgefühl ist keine Spur.

Wird das Training nach einer kurzen Unterbrechung von wenigen Sekunden wieder aufgenommen, ist ein deutlicher Anfangswiderstand in den ersten zwei oder drei Umdrehungen zu überwinden. Deutlich ist dies vor allem, wenn die Drehzahl etwas abgesunken ist. Dieses Verhalten empfanden wir beim Tour R Liegeergometer als gewöhnungsbedürftig bis störend

Letztlich bekommt man mit dem Kettler Tour 600 R ein gutes Gerät, was Rundlauf und Trainingsmöglichkeiten betrifft. Details wie die nur stufenweise Sitzhöhenverstellung und der erhöhte Widerstand nach einer kurzen Pause sowie der doch stattliche Preis dämpfen etwas die Euphorie über das ansonsten gute Ergometer.

Kuipers E1

Das Kuipers E1 ist ein Ergometer im mittleren Preissegment und macht einen soliden Eindruck. Die Bedienung ist einfach und der Rundlauf ordentlich, sofern man unter einem gewissen Widerstand bleibt.

Der Aufbau ist relativ einfach. Eine zweite Person, die hier und da mal zur Hand geht, ist durchaus hilfreich. Lediglich die Montage des Displays bzw. des Wählrades ist äußerst fummelig. Das mitgelieferte Werkzeug ist beim Anschrauben der Kunststoffschalen der einzelnen Verkleidungsteile nur bedingt geeignet.

Die Verarbeitung sieht optisch gut aus, hier und da stören aber kleine Details. So fielen bei unserem Testgerät die Gummiabdeckkappen des hinteren Standfußes sogar während des Trainings öfter heraus – und auch jedes Mal, wenn wir das Ergometer bewegten. Hier scheinen die Toleranzen nicht optimal zu sein.

Insgesamt sitzt man im Vergleich zu anderen Geräten etwas aufrechter auf dem Ergometer. Um den Heimtrainer auf die eigene Größe abzustimmen, lassen sich die Sattelhöhe und -neigung sowie die Entfernung zwischen Sattel und Lenker in einem gewissen Bereich verstellen. Die Neigung des Lenkers ist zudem einstellbar.

Die Bedienung des E1 ist sehr einfach und intuitiv, viele Einstellmöglichkeiten bietet das Gerät letztlich auch nicht. Das Display ist im Prinzip ein großer Knopf mit integriertem Wählrad um das Display herum. Es zeigt sämtliche Werte wie Geschwindigkeit oder Puls gut sichtbar an. Um zwischen den insgesamt 16 Widerstandsstufen zu wählen, dreht man den Knopf einfach nach links oder rechts.

Ein kleiner Kritikpunkt sind fehlende vorinstallierte Trainingsprogramme, um das Training auch ohne Smartphone oder Tablet etwas abwechslungsreicher zu gestalten. Der Ergometer verfügt über eine Bluetooth-Schnittstelle und lässt sich mit der Kinomap-App koppeln. Dort können entsprechende Programme gewählt und abgefahren werden, was in der Praxis auch sehr gut funktioniert. An dieser Stelle sei erwähnt, dass die volle Nutzung der App mit zusätzlichen Kosten verbunden ist. Letztlich hat man die Wahl, ob man sich einfach zwischendurch bewegen oder ernsthaft trainieren möchte.

Das E1 verfügt über eine 8 kg schwere Schwungmasse, wodurch der Rundlauf in den unteren und mittleren Stufen recht gut ist. Wählt man jedoch eine höhere Widerstandsstufe, wird es nach und nach unrund. Etwas störend fanden wir ein permanentes Laufgeräusch während des Trainings.

Am Ende ist das Kuipers E1 ein solides und einfach zu bedienendes Ergometer mit noch akzeptablem Rundlauf. Es ist vor allem für das schnelle Training zwischendurch geeignet. Hier und da besteht noch Verbesserungspotenzial, aber den Kauf wird man auch nicht bereuen.

Skandika Abisko

Das Skandika Abisko besitzt eine automatische und stufenlose Anpassung der Sitz- sowie Lenkerhöhe, was praktisch ist, aber auch den Preis in die Höhe treibt. Der Aufbau des Abisko unterscheidet sich daher grundlegend vom Aufbau aller anderen bisher getesteten Geräte. Ein genaues Befolgen der Anleitung sowie eine zweite Person sind notwendig, da das Ergometer zum Beispiel mit dem Karton gedreht werden muss. Ansonsten müssen lediglich die Standfüße, das Display und die Pedale montiert werden. Die Verarbeitung des Abisko ist gut, wobei unser weißes Testgerät mit vereinzelten Verschmutzungen an Lenker und Gehäuse ankam. Eine andere Farbe eignet sich vielleicht besser.

Das Hauptfeature des Ergometers ist sicherlich die motorisierte Höhenverstellung des Sattels sowie des Lenkers. Ohne die Skandika-App lassen sich die Höhen durch kleine Tasten direkt am Lenker verstellen, auch während des Trainings. Grundsätzlich funktioniert das sehr gut, die Tasten sind aber an einer Position am Griff angebracht, die gerne während des Trainings von den Händen eingenommen wird. Dadurch könnte es vorkommen, dass die Tasten aus Versehen während des Trainings gedrückt werden. Da man die Sitzhöhe normalerweise eher selten verstellt, ist es uns nicht ganz schlüssig, warum keine andere Stelle für die Tasten gewählt wurde. Übrigens ist der Verstellbereich etwas limitiert – Personen ab 1,85 Meter fühlen sich allmählich wie ein Riese auf einem zu kleinen Fahrrad.

Wer möchte, kann sich zudem die Skandika Fitness-App auf sein Smartphone laden. Hier lässt sich zum Beispiel die Sitzposition errechnen und einstellen.

Über einen Trainingscomputer im eigentlichen Sinne verfügt das Abisko nicht. Stattdessen ist über dem Wählrad für die Widerstandseinstellung und unter der Verkleidung ein rudimentäres Display eingebaut, welches die notwendigsten Informationen, z. B. die gewählte Widerstandsstufe, recht unscharf anzeigt. Ein Vorteil dieser Lösung: Das Display kann nicht spiegeln. Möchte man sich aber mehrere Trainingsdaten gleichzeitig anzeigen lassen, benötigt man ein Tablet oder Smartphone und eine App. Zur Verfügung steht die hauseigene Skandika-App, aber auch mit der Kinomap-App lässt sich das Abisko verbinden.

Über das bereits erwähnte Wählrad kann zwischen den insgesamt 36 Widerstandsstufen gewählt werden. Dabei sollte man nicht zu schnell am Rad drehen, da das Ergometer sonst nicht hinterherkommt. Es muss also langsam gedreht werden. Auffällig sind auch die unglückliche Abstimmung der Widerstandsstufen sowie der ab ca. Stufe 18 immer unrunder werdende Lauf. Ab dieser Stufe ist der Widerstand schon sehr ordentlich, höhere Stufen sind für viele Hobbysportler quasi nicht mehr nutzbar.

Am Ende bleibt die Vermutung, dass sich die Ingenieure des Skandika Abisko zu sehr auf die automatische Höhenverstellung konzentriert haben und andere wesentliche Punkte wie Rundlauf und einfache Bedienung vergessen haben. Für den aufgerufenen Preis können wir das Ergometer letztlich kaum empfehlen.

Merach S08 Smart Recumbent Bike

Das Merach S08 Smart Recumbent Bike ist ein auf das Wesentliche beschränktes Liegeergometer, das den Geldbeutel schont und vor allem für gelegentliches Training geeignet ist. Für intensivere Einheiten oder ein vollwertiges Training ist dieses Recumbent Bike jedoch nur bedingt geeignet.

Aufgebaut ist das S08 relativ schnell, eine zweite Person ist lediglich beim Einhängen des Bowdenzuges für die manuelle Widerstandsverstellung nötig. Qualitativ steht das Ergometer gut da und selbst bei intensiverem Pedalieren ist kein Verwinden oder Wackeln zu verspüren.

Selbst größere Personen finden auf dem Liegeergometer Platz. Der Sattel lässt sich in der Entfernung zum Display stufenweise einstellen, wie auch die Höhe der Rücklehne – diese sogar stufenlos. Hat man alles eingestellt, kann sofort mit dem Training begonnen werden. Dabei ist die Bedienung äußerst einfach. Auf dem Display werden die wichtigsten Parameter angezeigt, der Widerstand lässt sich über ein Wählrad einstellen. Insgesamt stehen acht Stufen zur Verfügung, Trainingsprogramme gibt es aufgrund der manuellen Widerstandsverstellung jedoch nicht.

Während des Trainings fallen hauptsächlich zwei Punkte auf. Zum einen sind die Kurbelarme mit 14 cm relativ kurz, was man beim Pedalieren auch spürt. Hier fühlt sich die Bewegung etwas unnatürlich an, vor allem bei großen Personen. Der zweite Punkt betrifft den Rundlauf. In den unteren Stufen ist dieser noch gut, ab Stufe fünf wird es deutlich unrunder. Hier macht sich die geringe Schwungmasse von 3,5 kg negativ bemerkbar.

Der Heimtrainer verfügt über eine Bluetooth-Schnittstelle, was in dieser Kategorie nicht unbedingt selbstverständlich ist. So kann das S08 mit einem Smartphone oder Tablet gekoppelt werden. Mit der hauseigenen Merach-App stehen dann sogar verschiedene Trainingsmodi zur Verfügung. Die Widerstandsverstellung bleibt jedoch in eigener Hand und wird nicht vom Ergometer vorgenommen.

Letztlich ist das Merach S08 ein einfaches Liegeergometer mit einem fairen Preis-Leistungs-Verhältnis für die gelegentliche Trainingseinheit zu Hause. Obwohl auch große Personen Platz finden, kommen kleinere Sportler aufgrund der geringen Kurbellänge mit dem Gerät besser zurecht.

So haben wir getestet

Bei den meisten Ergometern beginnt der Test mit dem Aufbau, nur wenige Testmuster haben wir bereits montiert erhalten. Bei allen anderen bewerten wir zunächst die Schwierigkeit des Aufbaus sowie das mitgelieferte Werkzeug. Im Zuge dessen beurteilen wir auch den weiteren Lieferumfang und die Verarbeitung aller Ergometer.

Nach erfolgreicher Montage prüfen wir, inwieweit sich die Ergometer an den Trainierenden anpassen lassen. In welche Richtungen können Sattel und Lenker verstellt werden, und wie groß ist der Verstellbereich? Finden kleine wie große Menschen eine angenehme Trainingsposition?

1 von 7
Ergometer Test: Dsc04004
Ergometer Test: Dsc03998

Danach machen wir uns mit den Trainingseinstellungen vertraut. Dabei erfassen wir die Anzahl der Widerstandsstufen sowie der voreingestellten Programme und bewerten Bedienkomfort und Ablesbarkeit des Trainingscomputers. Bei Ergometern, die mit einer Smartphone-App gekoppelt werden können, testen wir hierbei auch diese auf Funktionsumfang.

Anschließend absolvieren wir auf allen Ergometern Trainings in verschiedenen Modi. Hierbei bewerten wir zunächst den Rundlauf auf kleinen wie großen Widerstandsstufen und prüfen, wie schnell die Ergometer auf Änderungen reagieren. Schließlich beurteilen wir auch das Trainingserlebnis hinsichtlich Komfort des Sattels, Laufgeräuschen und Stabilität des Ergometers.

Die wichtigsten Fragen

Welches Fahrradergometer ist das beste?

Das Skandika Morpheus hat uns insgesamt am meisten überzeugt. Es ist einfach aufzubauen, wirkt sehr hochwertig und kommt mit vernünftigem Werkzeug sowie einem Pulsmessgurt. Das Ergometer lässt sich gut auf kleine wie auch auf große Personen einstellen, wodurch ein bequemes Training für alle ermöglicht wird. Dem Sportler stehen eine Vielzahl von voreingestellten Programmen sowie 32 Widerstandslevel zur Verfügung. Es gibt in unserem Test aber auch interessante Alternativen.

Was ist der Unterschied zwischen einem Ergometer und einem Heimtrainer?

Ein Heimtrainer und ein Ergometer sind klar voneinander zu unterscheiden und nach Europäischer Norm voneinander getrennt. Der Aufbau ist jedoch meist ähnlich. Ergometer besitzen zusätzlich noch Pulssensoren oder lassen sich mit einem Pulsmessgurt koppeln. Ein Ergometer muss laut der Norm EN 957-1/5, Unterklasse A, über eine Anzeige mit der erbrachten Leistung in Watt verfügen und der einstellbare Wattbereich muss mindestens um 250 Watt veränderbar sein. Heimtrainer müssen dagegen keine Wattanzeige besitzen.

Wie viel Schwungmasse benötigt ein gutes Ergometer?

Generell gilt: Je größer die Schwungmasse, desto runder ist das Fahrgefühl, denn eine große Schwungmasse bedeutet gleichzeitig ein höheres Trägheitsmoment, was sich letztendlich in einem besseren Rundlauf niederschlägt. Mindestens 5 Kilogramm sollten es in jedem Fall sein, besser sind über 10 Kilogramm – dann tritt sich das Ergometer auch bei niedrigerer Geschwindigkeit (fast) so rund wie ein Fahrrad.

Für wen eignet sich ein Ergometer?

Im Prinzip für jeden, der sich zuhause bewegen bzw. fit halten will. Mit einem guten Ergometer lässt sich ernstzunehmendes Ausdauertraining betreiben, für leichteres Training reichen auch einfache Heimtrainer. Interessant für Senioren und Rehapatienten sind vor allem Liegeheimtrainer, oder solche, die eine kleine Rückenlehne mitbringen. Und selbst wer nur wenig Platz in den eigenen vier Wänden hat, kann sich nach einem kleinen, klappbaren Heimtrainer umschauen.

Newsletter abonnieren und gewinnen!

In unserem wöchentlichen Newsletter verlosen wir jeden Sonntag dutzende Testgeräte. Jetzt anmelden und mitmachen!

F.A.Z. Sonntagszeitung

Kommentare

Benachrichtigen
Benachrichtigen zu:
1 Kommentar
Alle anzeigen

100 % unabhängig dank Ihres Klicks

Kaufen Sie ein Produkt über einen Link, der mit einem markiert ist, erhalten wir eine kleine Provision. So können wir Ihnen weiterhin unab­hän­gige, ehrliche Kauf­beratung anbieten. Vielen Dank für Ihre Unter­stützung!

Mehr erfahren

Auch interessant

Newsletter abonnieren und gewinnen!

Wir verlosen jeden Sonntag dutzende Testgeräte an unsere Newsletter-Abonnenten. Jetzt anmelden und mitmachen!

Wenn Sie unseren Newsletter abonnieren, senden wir Ihnen einmal pro Woche, kostenlos und jederzeit widerruflich Informationen zu Neuigkeiten und Verlosungen per E-Mail zu. Mit dem Abonnement erklären Sie sich mit der Analyse und Speicherung Ihres Klick- und Öffnungsverhaltens einverstanden. Ausführliche Hinweise finden Sie in unserer Datenschutzerklärung.