/* Teaser */
input, textarea {
    font-size: 100%;
    box-sizing: border-box;
    max-width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.gutschein-melden--content i.fa-search:before {
    top: 2px;
}

.gutschein-melden--content input, .gutschein-melden--content select {
    font-size: 22px !important;

}

body #ffg-modal-backdrop {
    z-index: 99998 !important;
}
body #ffg-modal.in {
    z-index: 99999 !important;
}

button, input {
    overflow: visible;
}

button, input {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

input[type="checkbox"] {
    padding: 8px;
}

.stern-vergleich-wrapper {
    width: auto !important;
    margin-right: -100%;
    margin-left: -100%;
	margin-bottom: 10px;
    padding: 40px 0;
    background: var(--color-highlight);
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
}

.teaser-feld-kreditkarte input[type="checkbox"]:checked + label::after {
    font-size: 13px;
    line-height: 15px;
    position: absolute;
    right: 24px;
    bottom: -8px;
    width: 17px;
    height: 16px;
    content: "\f10d";
    font-family: "icons";
    text-align: center;
    color: #c00;
    border: 1px solid #c00;
    border-radius: 100px;
    background: white;
}

.sticky-vergleich.fixed {
    left: 0;
    width: 100% !important;
    margin: 0 auto;
    padding: 5px 0 !important;
    position: fixed !important;
    top: 0;
    z-index: 99999;
}

.sticky-vergleich.fixed .stern-vergleich-wrapper-inside {
    padding: 0 !important;
}

.stern-vergleich-extra-btn .fa.fa-arrow-circle-right:before {
    background: #fff;
}

.sticky-vergleich.fixed .stern-vergleich-wrapper-inside .stern-vergleich-extra-btn {
    top: -10px;
    right: -1px;
}

.sticky-vergleich.fixed .stern-vergleich-wrapper-inside .teaser-headline {
    margin: 0;
}

.sticky-vergleich.fixed .stern-vergleich-wrapper-inside hr {
    background: none;
    margin: 0;
	border: 0;
	color: transparent;
}

.sticky-vergleich.fixed .stern-vergleich-wrapper-inside .teaser-form form {
    padding: 5px 15px 10px;
}

.sticky-vergleich.fixed .teaser-headline {
    font-size: 20px;
    margin: 10px 0 5px;
}

.sticky-vergleich.fixed .teaser-submit::after {
    display: none;
}

.sticky-vergleich.fixed .teaser-vorteile.infield {
    display: block;
}

.sticky-vergleich.fixed .teaser-vorteile {
    display: none;
}

.sticky-vergleich.stern-vergleich-wrapper.mobile-fixed {
    left: 0;
    width: 100% !important;
    margin: 0 auto;
    /* padding: 10px 0 !important; */
    position: fixed;
    top: 0;
    z-index: 99999;
	overflow: hidden;
}

.stern-vergleich-wrapper.sticky-vergleich .stern-vergleich-wrapper-inside .teaser-form form.active {
    display: block;
}

.sticky-vergleich.mobile-fixed .stern-vergleich-wrapper-inside {
    padding: 0 !important;
}

.sticky-vergleich.mobile-fixed .stern-vergleich-extra-btn {
    display: none;
}

.sticky-vergleich.mobile-fixed .teaser-headline, .sticky-vergleich.mobile-fixed hr, .sticky-vergleich.mobile-fixed .teaser-vorteile {
    display: none;
}

.sticky-vergleich.mobile-fixed .teaser-submit {
    margin-bottom: 0 !important;
}

.sticky-vergleich.mobile-fixed .teaser-form form,
.stern-vergleich-wrapper.sticky-vergleich .stern-vergleich-wrapper-inside .teaser-form form.active.not-active,
.teaser-einblenden {
    display: none;
}

.sticky-vergleich.mobile-fixed .robo-teaser {
    display: none;
}

.sticky-vergleich.mobile-fixed .teaser-einblenden {
    display: block;
    position: relative;
    z-index: 5;
    color: var(--color-max-light);
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    text-decoration: none;
}

.sticky-vergleich.mobile-fixed .teaser-einblenden:active, .sticky-vergleich.mobile-fixed .teaser-einblenden:focus {
    outline: none;
}

.sticky-vergleich.mobile-fixed .teaser-einblenden span {
    border-bottom: 1px solid var(--color-max-light);
}

.sticky-vergleich.mobile-fixed .teaser-einblenden:before, .sticky-vergleich.mobile-fixed .teaser-einblenden:after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzJsOC0xNkwwLDBoNGw4LDE2TDQsMzJIMHoiLz4KPC9zdmc+Cg==) no-repeat center right;
    background-size: 9px 24px;
    transform: rotate(90deg);
}

.sticky-vergleich.mobile-fixed .teaser-einblenden.active:before, .sticky-vergleich.mobile-fixed .teaser-einblenden.active:after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzJsOC0xNkwwLDBoNGw4LDE2TDQsMzJIMHoiLz4KPC9zdmc+Cg==) no-repeat center left;
    background-size: 9px 24px;
    transform: rotate(270deg);
}

.sticky-vergleich.mobile-fixed .teaser-einblenden:before {
    margin-right: 10px;
}

.sticky-vergleich.mobile-fixed .teaser-einblenden:after {
    margin-left: 10px;
}

.sticky-vergleich.mobile-fixed .teaser-einblenden.active {
    margin: 10px 0 5px;
}

.stern-vergleich-wrapper-inside {
    max-width: 1184px;
    margin: 0 auto;
}

.stern-vergleich-wrapper-inside > hr {
    background-color: white;
	height: 5px;
	color: transparent;
}

.teaser-headline {
    font-size: 30px;
    font-weight: 600;
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    color: var(--color-max-light);
}

.teaser-form {
    max-width: 1184px;
    background: var(--color-max-light);
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.9);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.9);
}
.teaser-form form:not(.not-active):after {
	content: 'Anzeige';
	position: absolute;
	color: var(--color-text-default);
	right: 5px;
	top: 0;
	font-size: 10px;
	opacity: 0.5;
}
.teaser-form form {
    width: 100%;
    padding: 15px;
    transition: all .2s ease-in-out;
    -webkit-box-shadow: inset 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 10px -3px rgba(0, 0, 0, 0.2);
	position: relative;
}

.teaser-felder.wohngebaeude span {
    width: 100%;
}

.teaser-felder.wohngebaeude > div.stern-vergleich-field-single-check-wohnung {
    margin-top: 5px;
}

.teaser-felder.wohngebaeude > div.submit-after-wohngebaeude button {
    margin-top: 5px;
}

/* Für media query: 375 + Breite inputs (zzgl. je 15px margin pro input) */
/* Vorsicht wenn groesser als 1024px media query */
@media screen and (max-width: 1060px) {
    .teaser-form.break-685 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-685 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-685 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-685 .teaser-submit {
        width: 680px;
    }
}

@media screen and (max-width: 1040px) {
    .teaser-form.break-665 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-665 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-665 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-665 .teaser-submit {
        width: 660px;
    }
}

@media screen and (max-width: 1025px) {
    .teaser-form.break-650 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-650 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-650 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-650 .teaser-submit {
        width: 645px;
    }
}

@media screen and (max-width: 995px) {
    .teaser-form.break-620 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-620 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-620 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-620 .teaser-submit {
        width: 615px;
    }

    .teaser-form.break-620 .teaser-felder .stern-vergleich-field-single-check {
        margin-top: 26px;
        margin-right: 5px;
    }
}

@media screen and (max-width: 950px) {
    .teaser-form.break-575 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-575 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-575 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-575 .teaser-submit {
        width: 570px;
    }
}

@media screen and (max-width: 875px) {
    .teaser-form.break-545 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-545 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-545 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-545 .teaser-submit {
        width: 540px;
    }
}

@media screen and (max-width: 855px) {
    .teaser-form.break-525 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-525 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-525 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-525 .teaser-submit {
        width: 520px;
    }
}

@media screen and (max-width: 840px) {
    .teaser-form.break-510 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-510 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-510 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-510 .teaser-submit {
        width: 505px;
    }
}

@media screen and (max-width: 835px) {
    .teaser-form.break-490 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-490 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-490 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-490 .teaser-submit {
        width: 485px;
    }
}

@media screen and (max-width: 885px) {
    .teaser-form.break-480 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-480 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-480 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-480 .teaser-submit {
        width: 475px;
    }
}

@media screen and (max-width: 840px) {
    .teaser-form.break-465 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-465 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-465 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-465 .teaser-submit {
        width: 460px;
    }
}

@media screen and (max-width: 780px) {
    .teaser-form.break-450 .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-450 .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-450 .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-450 .teaser-submit {
        width: 445px;
    }
}

@media screen and (max-width: 767px) {
    .teaser-form.break-none .teaser-felder {
        justify-content: center;
    }

    .teaser-form.break-none .teaser-felder > div {
        margin: 0 10px 10px 10px;
    }

    .teaser-form.break-none .teaser-felder span {
        text-align: center;
    }

    .teaser-form.break-none .teaser-submit {
        width: 475px;
    }
}

.teaser-felder {
    display: flex;
    flex-wrap: wrap;
}

.teaser-felder > div {
    position: relative;
    margin-right: 15px;
}

.teaser-felder span {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    min-height: 21px;
}

.teaser-input input[type=text], .teaser-felder select {
    font-size: 18px;
    width: 100%;
    height: 55px;
    border: 1px solid #ccc;
	color: var(--neutral-dark);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
}

.teaser-input input[type=text] {
    padding: 5px 15px 5px 20px;
}

.teaser-felder select {
    cursor: pointer;
    padding: 5px 25px 5px 15px;
}

.teaser-checkbox span:nth-child(2) {
    height: 55px;
	display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.teaser-checkbox span:nth-child(2) input[type="checkbox"] {
    display: inline-block;
    
}

.teaser-checkbox span:nth-child(2) label {
    display: inline-block;
}

.teaser-select:after {
    position: absolute;
    right: 10px;
    bottom: 25px;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    pointer-events: none;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: var(--color-max-dark) transparent transparent transparent;
}

.euro:after {
    font-size: 20px !important;
    position: absolute;
    top: 50%;
    right: 10px;
    content: '€';
}

.order::after {
    font-size: 18px !important;
    position: absolute;
    top: 50%;
    right: 10px;
    content: 'Order';
}

.kwh::after {
    font-size: 18px !important;
    position: absolute;
    top: 51%;
    right: 10px;
    content: 'kWh';
}

.qm::after {
    font-size: 18px !important;
    position: absolute;
    top: 50%;
    right: 10px;
    content: 'qm';
}

.jahre::after {
    font-size: 18px !important;
    position: absolute;
    top: 50%;
    right: 10px;
    content: 'Jahre';
}

.teaser-feld-90 {
    width: 90px;
}

.teaser-feld-120 {
    width: 120px;
}

.teaser-feld-140 {
    width: 140px;
}

.teaser-feld-150 {
    width: 150px;
}

.teaser-feld-160 {
    width: 160px;
}

.teaser-feld-180 {
    width: 180px;
}

.teaser-feld-200 {
    width: 200px;
}

.teaser-feld-220 {
    width: 220px;
}

.teaser-feld-240 {
    width: 240px;
}

.teaser-feld-250 {
    width: 250px;
}

.teaser-feld-260 {
    width: 260px;
}

.teaser-feld-280 {
    width: 280px;
}

.teaser-feld-300 {
    width: 300px;
}

.teaser-feld-320 {
    width: 320px;
}

.teaser-feld-360 {
    width: 360px;
}

.teaser-feld-375 {
    width: 375px;
}

.teaser-feld-440 {
    width: 440px;
}

.teaser-feld-560 {
    width: 560px;
}

.teaser-feld-595 {
    width: 595px;
}

.teaser-felder .teaser-submit {
    position: relative;
    width: 250px;
    margin: 0 0 0 auto;
}

.teaser-submit button {
    font-size: 20px;
    font-weight: 500;
    display: block;
    width: 100%;
    overflow: hidden;
    background: var(--color-highlight);
    position: relative;
    margin-top: 26px;
    padding: 15px 60px 15px 15px;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    color: var(--color-max-light);
    border: 0;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    transition: all .2s ease-in-out;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.8);
    cursor: pointer;
    -moz-appearance: button;
}

.teaser-submit button:before, .teaser-submit button:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    content: "";
    transition: .2s;
    background: #ea1818 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzJsOC0xNkwwLDBoNGw4LDE2TDQsMzJIMHoiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 9px 24px;
}

.teaser-submit button:hover {
    color: var(--color-max-light);
    background-color: #ea1818;
}

.teaser-submit button:active, .teaser-submit button:focus {
    outline: none;
}

.teaser-submit button:hover:after {
    -webkit-animation: bounceright 0.3s alternate ease infinite;
    animation: bounceright 0.3s alternate ease infinite;
}

.teaser-submit:after {
    content: '';
    position: absolute;
    bottom: -110px;
    left: -65px;
    display: inline-block;
    height: 116px;
}

.submit-after-zinsen::after {
    width: 171px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-zinsen.png);
}

.submit-after-tagesgeld::after {
    width: 182px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-tagesgeld.png);
}

.submit-after-zahnzusatz::after {
    width: 182px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-zahnzusatz.png);
}

.submit-after-depot::after {
    width: 230px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-depot.png);
}

.submit-after-risikolv::after {
    width: 230px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-allgemein.png);
}

.submit-after-auslandskranken::after, .submit-after-sterbegeld::after, .submit-after-geschaeftskonto::after {
    width: 230px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-allgemein.png);
}

.submit-after-etf::after {
    width: 250px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-etf-broker.png);
}

.submit-after-roboad::after {
    width: 230px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-roboad.png);
}

.submit-after-zinsen::after {
    width: 171px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-zinsen.png);
}

.submit-after-strom::after {
    width: 171px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-strom.png);
}

.submit-after-sparen::after {
    width: 215px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-sparen.png);
}

.submit-after-handy::after {
    width: 252px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-handy.png);
}

.submit-after-kreditkarten::after {
    width: 280px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-kreditkarten.png);
}

.submit-after-surfstick::after {
    width: 280px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-surfstick.png);
}

.submit-after-hausrat::after {
    width: 351px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-hausrat.png);
}

.submit-after-heizoel::after {
    width: 280px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-heizoel.png);
}

.submit-after-kfzver::after {
    width: 280px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-kfzver.png);
}

.submit-after-rechtsschutz::after {
    width: 299px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-rechtsschutz.png);
}

.submit-after-wohngebaeude::after {
    width: 299px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-wohngebaude.png);
}

.submit-after-haftpflicht::after {
    width: 299px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-haftpflicht.png);
}

.submit-after-dsl::after {
    width: 280px;
    background: url(/vergleich/wp-content/themes/stern/img/vergleich-pfeil-dsl.png);
}

.teaser-vorteile {
    display: inline-block;
    margin-top: 15px;
}

.teaser-vorteile ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.teaser-vorteile ul li {
    flex-basis: 50%;
    font-size: 18px;
    line-height: 30px;
    color: white;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.teaser-vorteile ul li::before {
    font-size: 17px;
    margin-right: 10px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    position: relative;
    top: 7px;
}

.infield.teaser-vorteile ul li::before {
    background-color: var(--color-highlight);
}

.teaser-vorteile.infield ul {
    margin-left: 15px;
}

.teaser-vorteile.infield ul li {
    color: var(--color-max-dark);
    text-shadow: none;
}

.teaser-vorteile.infield ul li:before {
    color: var(--color-highlight);
    text-shadow: none;
}
.wohngebaeude .stern-vergleich-field-single-check label {
    font-size: 10px;
}
.stern-vergleich-field-single-check label {
    position: absolute;
	font-size: 14px;
    z-index: 15;
    bottom: 2px;
    left: 0;
    width: 100%;
    pointer-events: none;
    color: var(--color-max-light);
}

.teaser-felder div.stern-vergleich-field-single-check {
    float: left;
    width: 75px;
    height: 55px;
    margin-top: 26px;
    text-align: center;
    color: var(--color-max-light);
    margin-right: 5px;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
}

.stern-vergleich-field-single-check-wohnung {
    width: 90px !important;
    font-size: 10px!important;
    position: relative;
}

.stern-vergleich-field-single-check input {
    display: inline-block;
    width: 100%;
    height: 55px;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    background: #b3b3b3 !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.stern-vergleich-field-single-check::before {
    font-size: 28px;
    position: absolute;
    width: 100%;
    margin: 2px auto 0;
    text-align: center;
    pointer-events: none;
    color: var(--color-max-light);
}

.stern-vergleich-field-single-check-wohnung::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-einfamilienhaus.png) no-repeat center center;
    position: absolute;
    height: 36px;
    z-index: 999;
    text-align: center;
    content: "";
}

.stern-vergleich-field-single-check-krankenkasse {
    height: 75px !important;
    width: 100px !important;
}

.stern-vergleich-field-single-check-krankenkasse input {
    height: 75px !important;
}

.stern-vergleich-field-single-check-krankenkasse label {
    bottom: 5px !important;
	font-size: 10px!important;
}

.anspruchsvoll.stern-vergleich-field-single-check-krankenkasse::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-anspruchsvoll.png) no-repeat center center;
    margin-top: 15px;
}

.naturheilfan.stern-vergleich-field-single-check-krankenkasse::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-naturheilfan.png) no-repeat center center;
    margin-top: 15px;
}

.bequem.stern-vergleich-field-single-check-krankenkasse::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-bequem.png) no-repeat center center;
    margin-top: 15px;
}

.preisbewusst.stern-vergleich-field-single-check-krankenkasse::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-preisbewusst.png) no-repeat center center;
    margin-top: 15px;
}

.gesundheitsbewusst.stern-vergleich-field-single-check-krankenkasse::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-gesundheitsbewusst.png) no-repeat center center;
    margin-top: 15px;
}

.stern-vergleich-field-single-check-wohnung-einfamilienhaus::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-einfamilienhaus.png) no-repeat center center;
}

.stern-vergleich-field-single-check-wohnung-zweifamilienhaus::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-zweifamilienhaus.png) no-repeat center center;
}

.stern-vergleich-field-single-check-wohnung-doppelhaushaelfte::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-doppelhaushaelfte.png) no-repeat center center;
}

.stern-vergleich-field-single-check-wohnung-reihenhaus::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-reihenhaus.png) no-repeat center center;
}

.stern-vergleich-field-single-check-wohnung-doppelhaus::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-doppelhaus.png) no-repeat center center;
}

.stern-vergleich-field-single-check-wohnung-mehrfamilienhaus::before {
    background: url(/vergleich/wp-content/themes/stern/img/icon-mehrfamilienhaus.png) no-repeat center center;
}

.stern-vergleich-field-single-check input[type=checkbox]:checked, .stern-vergleich-field-single-check input[type=radio]:checked {
    background: var(--color-highlight) !important;
}

.stern-vergleich-field-single-check input::before {
    display: none;
}

.stern-vergleich-field-single-check input[type='checkbox']:checked::before, .stern-vergleich-field-single-check input[type='radio']:checked::before  {
    display: block;
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 17px;
    height: 16px;
    text-align: center;
    color: var(--color-highlight);
    border: 1px solid var(--color-highlight);
    border-radius: 100px;
    background: var(--color-max-light);
}

.teaser-haftpflicht {
    position: relative;
    float: left;
    margin-right: 15px;
}

.teaser-haftpflicht span {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}

.teaser-haftpflicht .haft-icon {
    float: left;
    width: 90px;
}

.teaser-haftpflicht .haft-icon .haft-icon-img img {
    height: 30px;
}

.teaser-haftpflicht .haft-icon label span {
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    white-space: inherit;
    margin-bottom: 0;
}

.teaser-haftpflicht .haft-icon label {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

.teaser-haftpflicht .radio_item {
    display: none !important;
}

.teaser-haftpflicht .radio_item + label::before {
    display: none;
}

.teaser-haftpflicht .radio_item:checked + label::before {
    display: block;
    font-size: 11px;
    line-height: 17px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 17px;
    height: 17px;
    text-align: center;
    color: var(--color-highlight);
    border: 1px solid var(--color-highlight);
    border-radius: 100px;
    background: var(--color-max-light);
}

.teaser-haftpflicht .radio_item:checked + label {
    filter: none;
}

.kredit-teaser {
    position: relative;
    padding: 0;
}

@media screen and (min-width: 1025px) {
    .kredit-teaser .teaser-headline {
        padding: 4px 0;
    }
}

.stern-vergleich-extra-btn {
    background: orange;
    position: absolute;
    text-align: center;
    top: -40px;
    right: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 9;
    transform: scale(1);
}

.stern-vergleich-extra-btn:hover {
    background: #ffb122;
    transform: scale(1.05);
}

.stern-vergleich-extra-btn a:hover {
    text-decoration: none;
}

.stern-vergleich-extra-btn a {
    color: var(--color-max-light);
    font-size: 24px;
    padding: 10px;
    display: inline-block;
    text-decoration: none;
}

.stern-vergleich-extra-btn .icon-chart {
    margin-right: 5px;
    display: inline-block;
}

.stern-vergleich-extra-btn i {
    margin-left: 10px;
    font-size: 22px;
}

.sticky-vergleich.fixed .gas .teaser-felder {
    padding-bottom: 5px;
}

.robo-teaser {
    color: var(--color-max-light);
    margin-bottom: 10px;
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .robo-button {
        float: left !important;
        width: 100%;
    }

    .haftpflicht-button {
        float: left !important;
        width: 100%;
    }
}

.robo-icon {

}

.anlagestrategie-icon {
    background: var(--color-highlight);
    color: var(--color-max-light);
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    padding: 17px 0;
}

.robo_item {
    display: none !important;
}

.robo-icon label {
    cursor: pointer;
}

.label_item {
    filter: grayscale(.4);
    position: relative;
}

.robo_item:checked + label {
    filter: none;
}

.robo_item + label::before {
    display: none;
}

.robo_item:checked + label::before {
    display: block;
    font-size: 19px;
    line-height: 24px;
    position: absolute;
    left: 128px;
    top: 10px;
    width: 26px;
    height: 26px;
    text-align: center;
    color: var(--color-highlight);
    border: 1px solid var(--color-highlight);
    border-radius: 100px;
    background: var(--color-max-light);
    z-index: 11;
}

@media screen and (max-width: 767px) {
    .robo_item:checked + label::after {
        left: 10px;
        bottom: 10px;
    }

    .teaser-felder-kfz {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 600px) {
    .teaser-felder.teaser-felder-kfz {
        flex-direction: row;
    }

    .teaser-felder.teaser-felder-kfz .stern-vergleich-field-kennzeichen input {
        height: 55px;
    }
}

.stern-kennzeichen::before {
    font-size: 25px;
    line-height: 56px;
    position: absolute;
    bottom: 2px;
    left: 2px;
    display: inline-block;
    width: 25px;
    height: 56px;
    content: 'D';
    text-align: center;
    color: var(--color-max-light);
    background: #039;
}

.stern-kennzeichen {
    width: 300px !important;
    min-width: 300px;
    border: 2px solid var(--color-max-dark);
    border-radius: 5px !important;
    background: url(/vergleich/wp-content/themes/stern/img/kfzkennzeichen.jpg) no-repeat center right;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
}

.teaser-input.stern-vergleich-field-kennzeichen input {
    width: 70px;
    min-width: 70px !important;
    margin-left: 25px;
    box-shadow: none;
}

@media screen and (max-width: 390px) {
    .stern-kennzeichen {
        width: auto !important;
        min-width: auto;
        background: none;
    }
}

@media screen and (max-width: 1280px) {
    .sticky-vergleich.stern-vergleich-wrapper {
        width: calc(100% + 96px) !important;
        margin: 0 auto;
        overflow-x: hidden;
        position: relative;
        left: -48px;
    }

    .stern-vergleich-wrapper-inside {
        margin: 0 48px;
    }

    .sticky-vergleich.stern-vergleich-wrapper.fixed .stern-vergleich-wrapper-inside {
        width: calc(100% - 96px);
        padding: 0 48px !important;
    }

    .sticky-vergleich.stern-vergleich-wrapper.mobile-fixed {
        padding: 10px 0 15px;
    }
    .teaser-submit::after {
        background: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .teaser-submit {

    }

    .teaser-submit input {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .sticky-vergleich.stern-vergleich-wrapper {
        width: calc(100% + 48px) !important;
        left: -24px !important;
    }

    .stern-vergleich-wrapper-inside {
        padding-left: 0;
        padding-right: 0;
        margin: 0 24px;
    }

    .sticky-vergleich.mobile-fixed {
        padding: 10px 24px !important;
        left: 0 !important;
    }

    .sticky-vergleich.mobile-fixed .stern-vergleich-wrapper-inside {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .stern-vergleich-wrapper {
        padding: 20px 0 20px 0;
    }

    .stern-vergleich-extra-btn {
        width: 100%;
        display: inline-block;
    }

    .stern-vergleich-extra-btn a {
        padding: 10px 24px;
        font-size: 20px;
    }

    .teaser-headline {
        white-space: normal;
    }

    .teaser-form form {
        padding: 15px 10px;
    }

    .teaser-felder > div {
        min-width: calc(50% - 20px);
        margin: 0 10px 10px 10px;
        flex: 1;
    }

    .teaser-submit {
        margin: 0 10px 10px 10px;
    }

    .teaser-vorteile ul {
        width: 100%;
        flex-direction: column;
    }

    .teaser-form.break-575 .teaser-felder div.teaser-feld-gas {
        margin-bottom: 20px;
    }

    .teaser-felder .teaser-haftpflicht {
        flex-basis: 100%;
    }

    .teaser-form.break-620 .teaser-felder .stern-vergleich-field-single-check {
        margin-right: 10px;
    }

    .teaser-form.break-575 .teaser-felder .stern-vergleich-field-single-check-wohnung {
        min-width: calc(16.6% - 6px);
        margin: 0 3px 10px;
    }
}

@media screen and (max-width: 600px) {
    .teaser-headline {
        font-size: 26px;
        line-height: 30px;
    }

    .teaser-felder > div {
        min-width: calc(100% - 20px);
    }

    .teaser-input input[type="text"], .teaser-felder select {
        height: 45px;
    }

    .teaser-select::after {
        bottom: 20px;
    }

    .teaser-submit {
        margin: 0;
    }

    .stern-vergleich-wrapper-inside .teaser-form form .teaser-felder .teaser-submit button {
        margin-top: 10px;
    }

    .teaser-form.break-620 .teaser-felder .stern-vergleich-field-single-check {
        margin-top: 0;
        min-width: calc(20% - 20px);
    }

    .teaser-form.break-575 .teaser-felder .stern-vergleich-field-single-check-wohnung {
        min-width: calc(33.33% - 6px);
        margin: 0 3px 10px;
    }
}

@media screen and (max-width: 600px) {
    .teaser-form.break-620 .teaser-felder .stern-vergleich-field-single-check {
        margin-top: 0;
        min-width: calc(33% - 20px);
        max-width: calc(33% - 20px);
    }
}

@media screen and (max-width: 409px) {
    .stern-vergleich-wrapper-inside.kredit-teaser {
        padding-top: 10px !important;
    }

    .stern-vergleich-extra-btn a {
        font-size: 16px;
        padding: 8px;
    }

    .stern-vergleich-extra-btn a span.icon-chart img {
        height: 12px;
    }

    .stern-vergleich-extra-btn i {
        font-size: 14px;
    }

    .teaser-form.break-575 .teaser-felder .stern-vergleich-field-single-check-wohnung {
        min-width: calc(50% - 10px);
        margin: 0 5px 10px;
    }
}

/* Auto Leasing */

.car-leasing-form {
    background: none;
    box-shadow: none !important;
}

.tab-wrapper {
    width: 100%;
}

.tab-headers {
    background: var(--color-highlight);
}

.tab-header {
    background: var(--color-max-light);
}

.tabs {
    background: var(--color-max-light);
}

.tab-wrapper .tab-headers .tab-header {
    font-size: 18px;
    line-height: 20px;
    margin: 0 2px 1px 0;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    background: #eee;
    float: left;
    border-radius: 0;
    opacity: 0.6;
}

.tab-wrapper .tab-headers .tab-header.active {
    font-weight: bold;
    line-height: 21px;
    margin-bottom: -2px;
    background: var(--color-max-light);
    opacity: 1
}

.tab-wrapper .tab-headers .tab-header.marke::before {
    content: "Nach ";
}

.tab-wrapper .tab-headers .tab-header.marke::after {
    content: " / Modell";
}

.tab-wrapper .tab-headers .tab-header.typ::before {
    content: "Nach Fahrzeugt";
}

.tab-wrapper .tab-headers .tab-header.budget::before {
    content: "Nach ";
}

.tab-wrapper .tab-headers:after {
    display: table;
    content: "";
    clear: both;
}

.tab-wrapper.stern-vergleich-field-manufacturer select,
.tab-wrapper .stern-vergleich-field-model select,
.tab-wrapper .stern-vergleich-field select {
    font-size: 18px !important;
}

.tab-wrapper .stern-vergleich-field:nth-child(3) {
    margin-right: 0 !important;
}

.tab-wrapper .stern-vergleich-field select {
    min-width: 200px;
    max-width: 200px;
}

.tab-wrapper .car-filter-range {
    min-width: 200px;
    border: none;
    padding: 0;
    font-size: 18px;
}

.tab-wrapper .car-filter-range .ui-slider-handle.ui-state-default {
    width: 18px;
    top: -3px;
    height: 18px;
}

.tab-wrapper .range-output-slider {
    margin-top: 0;
    max-width: 96%;
}

.tab-wrapper .car-filter-range input {
    max-width: 80px !important;
    min-width: 100px;
    font-size: 18px !important;
    background: transparent;
    border: 2px solid #ccc;
    margin-right: 8px;
    display: none !important;
}

.car-leasing {
    box-sizing: border-box;
    box-shadow: none !important;
}

@media screen and (max-width: 767px) {

}


@media screen and (min-width: 768px) and (max-width: 935px) {
    .car-leasing-form {
        background: var(--color-max-light) !important;
    }

    .tab-headers {
        background: transparent;
        margin-bottom: 25px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }

    .tab-wrapper .tab-headers .tab-header {
        margin: 0 2px;
    }

    .tab-wrapper .tab-headers .tab-header.active {
        background: var(--color-max-dark);
        color: var(--color-max-light);
        margin: 0 2px;
    }

    .tab-wrapper .tab-headers .tab-header {
        background: rgba(0, 0, 0, 0.1);
        opacity: 1;
    }

    .tab-wrapper .teaser-submit input[type="submit"] {
        float: none;
        width: 100%;
    }

    .tab-headers {
        display: flex;
        justify-content: center;
    }

    .tab-wrapper .teaser-submit {
        float: none;
    }

    .tab-wrapper .tab-headers .tab-header {
        width: 100%;
        text-align: center;
    }

    .tab-wrapper .car-leasing {
        display: flex;
        justify-content: left;
        align-content: center;
        flex-direction: column;
    }

    .tab-wrapper .stern-vergleich-field {
        margin-bottom: 15px;
        margin-right: 0 !important;
    }

    .tab-wrapper .stern-vergleich-field select {
        min-width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 599px) {
    .tab-wrapper .tab-headers .tab-header::before, .tab-wrapper .tab-headers .tab-header::after {
        display: none;
    }

    .tab-headers {
        display: flex;
        justify-content: center;
    }

    .tab-header.typ::before {
        content: "T" !important;
        display: inline-block !important;
    }

    .tab-wrapper .tab-headers .tab-header {
        width: 100%;
        text-align: center;
    }
}

/* ENDE Auto Leasing */

.stern-vergleich-field-placeholder {
    height: 55px;
    background: #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    text-align: center;
}

.stern-vergleich-field-placeholder span {
    position: relative;
    display: inline-block;
    margin: 5px 5px 0;
    padding: 0;
    cursor: pointer;
    filter: grayscale(.4);
}

.teaser-feld-gas .stern-vergleich-field-placeholder span {
    margin: 2px 5px;
}

.stern-vergleich-field-placeholder span.active {
    filter: none;
}

.stern-vergleich-field-placeholder span::before {
    display: none;
}

.stern-vergleich-field-placeholder span.active::before {
    display: block;
    font-size: 11px;
    line-height: 17px;
    position: absolute;
    right: 0;
    bottom: -8px;
    width: 17px;
    height: 16px;
    text-align: center;
    color: var(--color-highlight);
    border: 1px solid var(--color-highlight);
    border-radius: 100px;
    background: var(--color-max-light);
}

.wohnung-icon-1 {
    top: 10px;
    width: 25px;
    height: 40px;
    background: url(/vergleich/wp-content/themes/stern/img/wohnung1.svg) no-repeat;
}

.wohnung-icon-2 {
    top: 8px;
    width: 30px;
    height: 40px;
    background: url(/vergleich/wp-content/themes/stern/img/wohnung1.svg) no-repeat;
}

.wohnung-icon-3 {
    top: 0;
    width: 40px;
    height: 35px;
    background: url(/vergleich/wp-content/themes/stern/img/wohnung1.svg) no-repeat;
}

.wohnung-icon-4 {
    top: 4px;
    width: 40px;
    height: 40px;
    background: url(/vergleich/wp-content/themes/stern/img/wohnung1.svg) no-repeat;
}

.teaser-feld-gas .stern-vergleich-field-placeholder .active i {
    display: block;
}

.teaser-feld-gas .stern-vergleich-field-placeholder .active:before {
    display: none;
}

.teaser-feld-gas .stern-vergleich-field-placeholder i {
    display: none;
    color: #fff;
    position: absolute;
    right: 2px;
    bottom: -3px;
    border-radius: 30px;
    height: 10px;
    width: 10px;
    padding: 0;
    background-color: #ea1818;
}

.teaser-feld-gas .stern-vergleich-field-placeholder i:before {
    background-color: #fff;
    top: -5px;
    left: -5px;
    position: absolute;
}

.stern-vergleich-field-placeholder .wohnung-icon-1:hover:after,
.stern-vergleich-field-placeholder .wohnung-icon-1.active::after {
    font-size: 8px;
    font-weight: normal;
    position: absolute;
    bottom: -15px;
    left: 2px;
    display: block;
    content: '50 m²';
}

.stern-vergleich-field-placeholder .wohnung-icon-2:hover:after,
.stern-vergleich-field-placeholder .wohnung-icon-2.active::after {
    font-size: 8px;
    font-weight: normal;
    position: absolute;
    bottom: -17px;
    left: 2px;
    display: block;
    content: '100 m²';
}

.stern-vergleich-field-placeholder .wohnung-icon-3:hover:after,
.stern-vergleich-field-placeholder .wohnung-icon-3.active::after {
    font-size: 8px;
    font-weight: normal;
    position: absolute;
    bottom: -25px;
    left: 5px;
    display: block;
    content: '150 m²';
}

.stern-vergleich-field-placeholder .wohnung-icon-4:hover:after,
.stern-vergleich-field-placeholder .wohnung-icon-4.active::after {
    font-size: 8px;
    font-weight: normal;
    position: absolute;
    bottom: -21px;
    left: 6px;
    display: block;
    content: '200 m²';
}

.stern-vergleich-field-placeholder .wohnung-icon-1.active i {
    right: -6px;
    bottom: 5px;
    top: auto;
}

.stern-vergleich-field-placeholder .wohnung-icon-2.active i {
    right: -4px;
    bottom: 3px;
    top: auto;
}

.stern-vergleich-field-placeholder .wohnung-icon-3.active i {
    right: 2px;
    bottom: -7px;
    top: auto;
}

.stern-vergleich-field-placeholder .wohnung-icon-4.active i {
    right: 0;
    bottom: -5px;
    top: auto;
}

/* Handy */

#handymodell {
    margin: 20px 0;
}

#handymodell fieldset {
    border: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#handymodelldiv {
    position: relative;
    float: left;
    text-align: center;
    width: 100px;
    height: 100px;
    margin: 5px 4px;
}

#handymodelldiv input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    font-size: 1em;
    width: 100%;
    width: 100px;
    height: 100px;
    float: left;
    cursor: pointer;
}

#handymodell input:checked {
    background-color: #ccc !important;
}

#handymodell input:checked + label {
    color: var(--color-max-dark) !important;
}

#handymodelldiv label {
    position: absolute;
    z-index: 999999;
    bottom: 5%;
    left: 0;
    width: 100%;
    pointer-events: none;
    color: #c00;
	font-size: 12px;
}

#handymodell input[type="radio"] + label::before {
    display: none;
    position: absolute;
    top: -5px;
    right: -5px;
}

#handymodell input[type="radio"]:checked + label::before {
    display: block;
    font-size: 11px;
    line-height: 17px;
    width: 17px;
    height: 16px;
    text-align: center;
    color: var(--color-highlight);
    border: 1px solid var(--color-highlight);
    border-radius: 100px;
    background: var(--color-max-light);
}

#andere {
    background: transparent !important;
    color: var(--color-highlight);
}

#xiaomi12t {
    background: url(/vergleich/wp-content/uploads/2023/01/xiaomi12t.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}

#iphone12 {
    background: url(/vergleich/wp-content/uploads/2020/10/iphone12.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}

#iphone12mini {
    background: url(/vergleich/wp-content/uploads/2020/10/iphone12mini.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}

#iphone12pro {
    background: url(/vergleich/wp-content/uploads/2020/10/iphone12pro.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}

#iphone12promax {
    background: url(/vergleich/wp-content/uploads/2020/10/iphone12promax.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}

#iphone16 {
    background: url(/vergleich/wp-content/uploads/2024/09/iphone16.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}

#iphone16plus {
    background: url(/vergleich/wp-content/uploads/2024/09/iphone16plus.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}

#iphone16pro {
    background: url(/vergleich/wp-content/uploads/2024/09/iphone16pro.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}

#iphone16promax {
    background: url(/vergleich/wp-content/uploads/2024/09/iphone16promax.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}


#iphonexs {
    background: url(/vergleich/wp-content/uploads/2019/02/iphonexs.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}

#galaxys215g {
    background: url(/vergleich/wp-content/uploads/2021/02/s215g.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 55px 55px !important;
}

#galaxys21plus5g {
    background: url(/vergleich/wp-content/uploads/2021/02/s215g.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 55px 55px !important;
}

#galaxys10 {
    background: url(/vergleich/wp-content/uploads/2019/02/galaxy10.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}

#galaxys24 {
    background: url(/vergleich/wp-content/uploads/2024/02/s24.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}
#s24ultra {
    background: url(/vergleich/wp-content/uploads/2024/02/s24-ultra.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}
#googlepixel8 {
    background: url(/vergleich/wp-content/uploads/2024/02/googlepixel8.png) !important;
    background-repeat: no-repeat !important;
    background-position: center 30% !important;
    background-size: 60px 60px !important;
}

/* Kreditkarten Teaser */

.teaser-feld-kreditkarte input[type=checkbox] {
    display: none;
}

.teaser-feld-kreditkarte input[type='checkbox'] + label {
    display: inline-block;
    padding: 0 0 0 0;
    cursor: pointer;
}

.teaser-feld-kreditkarte input[type='checkbox'].visa + label {
    width: 64px;
    height: 64px;
    background: url(/vergleich/wp-content/themes/stern/img/logo-visa.png) no-repeat;
}

.teaser-feld-kreditkarte input[type='checkbox'].mastercard + label {
    width: 64px;
    height: 64px;
    background: url(/vergleich/wp-content/themes/stern/img/logo-mastercard.png) no-repeat;
}

.teaser-feld-kreditkarte input[type='checkbox'].amex + label {
    width: 64px;
    height: 64px;
    background: url(/vergleich/wp-content/themes/stern/img/logo-amex.png) no-repeat;
}

.teaser-feld-kreditkarte input[type=checkbox]:checked + label {
    position: relative;
}

.teaser-feld-kreditkarte2 input[type=checkbox]:active, .teaser-feld-kreditkarte2 input[type=checkbox]:focus,
.teaser-feld-surfstick input[type=checkbox]:active, .teaser-feld-surfstick input[type=checkbox]:focus {
    ouline: none;
}

.teaser-feld-kreditkarte input[type=checkbox] + label:before {
    display: none;
}

.teaser-feld-kreditkarte input[type=checkbox]:checked + label:before {
    display: block;
    font-size: 11px;
    line-height: 17px;
    position: absolute;
    right: 24px;
    bottom: -8px;
    width: 17px;
    height: 16px;
    text-align: center;
    color: var(--color-highlight);
    border: 1px solid var(--color-highlight);
    border-radius: 100px;
    background: var(--color-max-light);
}

.teaser-feld-kreditkarte ul {
    padding-left: 0;
    margin: 0;
    height: 70px;
}

.teaser-feld-kreditkarte li {
    display: inline-block;
    margin-right: 25px;
    list-style: none;
}

.teaser-feld-kreditkarte2, .teaser-feld-surfstick {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-top: 20px;
}
.kk-facts {
	margin-right: 20px;
}

input#kostenlos, input#prepaid, input#vertrag {
    flex-basis: 20%
}

.teaser-feld-kreditkarte2 label, .teaser-feld-surfstick label {
    flex-basis: 80%;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.teaser-kreditkarte .teaser-submit button {
    margin-top: 34px;
}

@media screen and (max-width: 835px) {
    .teaser-feld-kreditkarte2, .teaser-feld-surfstick {
        padding-top: 20px;
    }

    .teaser-kreditkarte .teaser-submit button {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .teaser-feld-kreditkarte {
        text-align: center;
    }
}

@media screen and (max-width: 660px) {
    .teaser-feld-kreditkarte li {
        margin-right: 15px;
    }
}

@media screen and (max-width: 600px) {
    input#kostenlos, input#prepaid, input#vertrag {
        flex-basis: 10%
    }

    .teaser-feld-kreditkarte2 label, .teaser-feld-surfstick label {
        flex-basis: 40%;
    }
}

@media screen and (max-width: 420px) {
    input#kostenlos, input#prepaid, input#vertrag {
        flex-basis: 20%
    }

    .teaser-feld-kreditkarte2 label, .teaser-feld-surfstick label {
        flex-basis: 80%;
    }
}

@media screen and (max-width: 332px) {
    .teaser-feld-kreditkarte2, .teaser-feld-surfstick {
        padding-top: 70px;
    }
}

/* Kuendigung */

.kuendigung-kat {
    font-size: 20px;
    position: relative;
    font-weight: 500;
    padding: 15px 0 10px 50px;
    margin: 10px 0 20px;
}

.kuendigung-kat > .fa {
    color: var(--color-highlight);
    margin-right: 15px;
    font-style: unset;
    font-weight: normal;
    display: inline-block;
	position: absolute;
	top: calc(50% - 13px);
	left: 10px;
	max-height: 25px;
	max-width: 25px;
}

.kuendigung-kat::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 4px;
    content: '';
    background: var(--color-max-dark);
}

.fa-wallet {
    -webkit-mask: url(../img/wallet-solid.svg) no-repeat 100% 100%;
    mask: url(../img/wallet-solid.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--color-highlight);
    width: 25px;
    height: 25px;
}

.fa-coins {
    -webkit-mask: url(../img/coins-solid.svg) no-repeat 100% 100%;
    mask: url(../img/coins-solid.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--color-highlight);
    width: 25px;
    height: 25px;
}

.fa-network-wired {
    -webkit-mask: url(../img/network-wired-solid.svg) no-repeat 100% 100%;
    mask: url(../img/network-wired-solid.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--color-highlight);
    width: 30px !important;
    height: 25px;
}

.fa-file-medical {
    -webkit-mask: url(../img/file-medical-solid.svg) no-repeat 100% 100%;
    mask: url(../img/file-medical-solid.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--color-highlight);
    width: 25px !important;
    height: 25px;
}

.fa-mobile-alt::before {
    content: "\f10b";
}


/* Ab hier vom alten ubernommen */

/* CSS fuer Google Charts  */

#autokaufart {
    width: 100%;
    height: 410px;
    margin: 20px 0;
}

#zinstilgung {
    width: 100%;
    height: 410px;
    margin: 20px 0;
}

#dslmarktanteile {
    width: 100%;
    height: 600px;
    margin: 20px 0;
}

#dslgeschwindigkeit {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#oelpreis {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#bankengruppen {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#verwendungszweck {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#unfallort {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#unfallhaushalt {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#kreditkartenverteilung {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#datenvolumen {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#gaspreiszusammensetzung {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#anteilprepaid {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#ratenkreditrestschuld {
    width: 100%;
    height: 800px;
    margin: 20px 0;
}

#geldvermoegen {
    width: 100%;
    height: 800px;
    margin: 20px 0;
}

#elementarschaden {
    width: 100%;
    height: 800px;
    margin: 20px 0;
}

#dslkunden {
    width: 100%;
    height: 750px;
    margin: 20px 0;
}

#dslspeed {
    width: 100%;
    height: 750px;
    margin: 20px 0;
}

#abgeschlosseneratenkredite {
    width: 100%;
    height: 400px;
    margin: 20px 0;
}

#umsatzhandelstag {
    width: 100%;
    height: 400px;
    margin: 20px 0;
}

#verkehrsrechtsschutz {
    width: 100%;
    height: 400px;
    margin: 20px 0;
}

#rechtsschutzbeitrag {
    width: 100%;
    height: 600px;
    margin: 20px 0;
}

#teilkaskovertraege {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#ltespeed {
    width: 100%;
    height: 800px;
    margin: 20px 0;
}

#dslvolumen {
    width: 100%;
    height: 450px;
    margin: 20px 0;
}

#glasfaseranschluss {
    width: 100%;
    height: 450px;
    margin: 20px 0;
}

#kreditkarteneinsatz {
    width: 100%;
    height: 400px;
    margin: 20px 0;
}

#tagesgeldzins {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#dslanteil {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#dslanschluesse {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#glasfaser {
    width: 100%;
    height: 700px;
    margin: 20px 0;
}

#gaspreisentwicklung {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

#girokontendeutschland {
    width: 100%;
    height: 400px;
    margin: 20px 0;
}

#prepaidspeed {
    width: 100%;
    height: 600px;
    margin: 20px 0;
}

#geschwindigkeit {
    width: 100%;
    height: 600px;
    margin: 20px 0;
}

#anzahlsmartphonenutzer {
    width: 100%;
    height: 400px;
    margin: 20px 0;
}

#stromanbieterwechsler {
    width: 100%;
    height: 600px;
    margin: 20px 0;
}

#strompreisentwicklung {
    width: 100%;
    height: 600px;
    margin: 20px 0;
}

#ueberschuldeteprivatpersonen {
    width: 100%;
    height: 400px;
    margin: 20px 0;
}

#foerderbetrag {
    width: 100%;
    height: 650px;
    margin: 20px 0;
}

/* Tariffuxx */

#tariffuxx {
    padding: 0 !important;
}

.tx-filter-block {
    display: inline-block !important;
}

#tx-filter-show-full {
    display: none !important;
}

#tariffuxx div#tx-chs-hrd-chg {
    background: var(--color-highlight) !important;
}


.verbrauch-icon-1 {
    width: 36px;
    height: 40px;
    background: url(/vergleich/wp-content/themes/stern/img/strom1.svg) no-repeat;
}

.verbrauch-icon-2 {
    width: 36px;
    height: 40px;
    background: url(/vergleich/wp-content/themes/stern/img/strom2.svg) no-repeat;
}

.verbrauch-icon-3 {
    width: 50px;
    height: 40px;
    background: url(/vergleich/wp-content/themes/stern/img/strom3.svg) no-repeat;
}

.verbrauch-icon-4 {
    width: 60px;
    height: 40px;
    background: url(/vergleich/wp-content/themes/stern/img/strom4.svg) no-repeat;
}


.teaser-feld-250 .stern-vergleich-field-placeholder .active i {
    display: block;
}

.teaser-feld-250 .stern-vergleich-field-placeholder .active:before {
    display: none;
}

.teaser-feld-250 .stern-vergleich-field-placeholder i {
    display: none;
    color: #fff;
    position: absolute;
    right: 2px;
    bottom: -3px;
    border-radius: 30px;
    height: 10px;
    width: 10px;
    padding: 0;
    background-color: #ea1818;
}

.teaser-feld-250 .stern-vergleich-field-placeholder i:before {
    background-color: #fff;
    top: -3px;
    left: -2px;
    position: absolute;
}

.haft1 {
    width: 36px;
    height: 40px;
    background: url(/vergleich/wp-content/themes/stern/img/strom1.svg) no-repeat;
}

.haft2 {
    width: 36px;
    height: 40px;
    background: url(/vergleich/wp-content/themes/stern/img/strom2.svg) no-repeat;
}

.haft3 {
    width: 50px;
    height: 40px;
    background: url(/vergleich/wp-content/themes/stern/img/strom3.svg) no-repeat;
}

.haft4 {
    width: 60px;
    height: 40px;
    background: url(/vergleich/wp-content/themes/stern/img/strom4.svg) no-repeat;
}

.okz {
    text-transform: uppercase;
}

#volte {
    width: 100%;
    height: 350px;
    margin: 20px 0;
}

#ltenetze {
    width: 100%;
    height: 800px;
    margin: 20px 0;
}

#kfzversicherungen {
    width: 100%;
    height: 400px;
    margin: 20px 0;
}

.divtable {
    display: block;
}

.streamingvgl, .handyvers, .hundevers, .hundeop, .pferdehaftpflicht, .socialtrade, .steuererklaerung {
    box-shadow: none !important;
    overflow-x: visible !important;
}

.divtable-head {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.divtable-head > div {
    width: 15%;
}

.divtable-body {
    width: 100%;
    text-align: center;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    background: var(--color-max-light);
    margin: 20px 0;
    display: flex;
    align-items: center;
    min-height: 120px;
    border: 1px solid #ddd;
    transition: all .1s ease-in-out;
}

.divtable-body:hover {
    transform: scale(1.01);
}

.divtable-body > div {
    width: 15%;
    padding: 8px 2px;
    font-size: 18px;
    font-weight: 500;
}
.divtable-body > div a {
	color: #111;
	text-decoration: none;
}
.divtable-body > .divtable-body-6 > a {
	color: white;
}
.divtable-small {
    font-size: 12px !important;
    font-weight: normal !important;
}

.divtable-middle {
    font-size: 16px !important;
    font-weight: normal !important;
}

.divtable-body-1, .divtable-head-1 {
    width: 19% !important;
}

.divtable-body-1 > a {
    font-size: 16px;
    text-decoration: none;
    display: block;
    border: 0;
	color: #111;
}

.divtable-body-1 > a:hover {
    color: #c00;
    transition: color .3s;
    webkit-transition: color .3s;
}

.divtable-body-6, .divtable-head-6 {
    width: 20% !important;
}

.divtable-body-6 a.conversion {
    margin: 5px 0 0 !important;
    text-align: center;
    width: 100%;
    max-width: 300px;
	text-decoration: none;
	font-size: 17px;
	font-weight: 500;
}

.divtable-body-6 a.conversion:hover {
    transition: background .3s;
    webkit-transition: background .3s;
}

@media screen and (max-width: 800px) {
    .divtable-head {
        display: none;
    }

    .divtable-body {
        display: block;
        padding: 20px 10px;
    }

    .divtable-body:hover {
        transform: scale(1);
    }

    .divtable-body > div {
        width: 100% !important;
        padding: 5px;
    }

    .divtable-body-1 {
        margin-top: 10px;
    }

    .divtable-body-2, .divtable-body-3, .divtable-body-4, .divtable-body-5 {
        font-size: 16px !important;
        font-weight: normal !important;
    }

    .divtable-body-2::before {
        content: 'Mindesteinzahlung: ';
    }

    .divtable-body-3::before {
        content: 'Maximaler Hebel: ';
    }

    .divtable-body-4::before {
        content: 'Spread: ';
    }

    .divtable-body-5::before {
        content: 'W\0000e4hrungspaare: ';
    }

    .handyvers .divtable-body-2::before {
        content: 'Diebstahlschutz: ';
    }

    .handyvers .divtable-body-3::before {
        content: 'Versicherungssume: ';
    }

    .handyvers .divtable-body-4::before {
        content: 'Selbstbeteiligung: ';
    }

    .handyvers .divtable-body-5::before {
        content: 'Preis: ';
    }

    .hundevers .divtable-body-2::before, .hundeop .divtable-body-2::before {
        content: 'Selbstbeteiligung/Erstattung: ';
    }

    .hundevers .divtable-body-3::before, .hundeop .divtable-body-3::before {
        content: 'H\0000f6chstentsch\0000e4digung: ';
    }

    .hundevers .divtable-body-4::before, .hundeop .divtable-body-4::before {
        content: 'Laufzeit: ';
    }

    .hundevers .divtable-body-5::before, .hundeop .divtable-body-5::before {
        content: 'Kosten: ';
    }

    .pferdehaftpflicht .divtable-body-2::before, .hundeop .divtable-body-2::before {
        content: 'Selbstbeteiligung: ';
    }

    .pferdehaftpflicht .divtable-body-3::before, .hundeop .divtable-body-3::before {
        content: 'Deckungssumme: ';
    }

    .pferdehaftpflicht .divtable-body-4::before, .hundeop .divtable-body-4::before {
        content: 'Laufzeit: ';
    }

    .pferdehaftpflicht .divtable-body-5::before, .hundeop .divtable-body-5::before {
        content: 'Kosten: ';
    }

    .streamingvgl .divtable-body-2::before {
        content: 'Preis: ';
    }

    .streamingvgl .divtable-body-3::before {
        content: 'Qualit\0000e4t: ';
    }

    .streamingvgl .divtable-body-4::before {
        content: 'Testphase: ';
    }

    .streamingvgl .divtable-body-5::before {
        content: 'maximale Ger\0000e4te: ';
    }

    .steuererklaerung .divtable-body-2::before {
        content: 'Art des Angebots: ';
    }

    .steuererklaerung .divtable-body-3::before {
        content: 'Kostenloser Support: ';
    }

    .steuererklaerung .divtable-body-4::before {
        content: 'Fokus des Angebots: ';
    }

    .steuererklaerung .divtable-body-5::before {
        content: 'Kosten: ';
    }

    .socialtrade .divtable-body-2::before {
        content: 'Mindestanlage: ';
    }

    .socialtrade .divtable-body-3::before {
        content: 'Werte zum Handeln: ';
    }

    .socialtrade .divtable-body-4::before {
        content: 'Geb\0000fchren: ';
    }

    .socialtrade .divtable-body-5::before {
        content: 'Demokonto: ';
    }

    .divtable .divtable-body .divtable-body-6 {
        padding: 10px 20px;;
    }
}

.tippplatzierung {
    width: 100%;
    border: 1px solid #ccc;
    font-family: Helvetica;
    font-size: 18px;
    box-sizing: border-box;
    margin: 20px 0;
    position: relative;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    background: var(--color-max-light);
}
#tablepress-4, #tablepress-5, #tablepress-6, .girokonto .stern-vergleich-box {
	position: relative;
}
.girokonto .home-kategorie-box-th {
	overflow: visible;
}
#tablepress-4:after, #tablepress-5:after, #tablepress-6:after, .girokonto .home-kategorie-box-th:after {
    content: "Anzeige";
    position: absolute;
    float: right;
    top: -18px;
    right: 0;
    font-size: 10px;
    font-weight: 390;
    color: var(--color-text-default);
	opacity: 0.5;
}
.tippplatzierung-header::after {
    content: "Anzeige";
    position: absolute;
    float: right;
    top: -14px;
    right: 0;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--color-max-dark);
}

.tippplatzierung-header {
    width: 100%;
    background: #f7f7f7;
    padding: 5px 20px;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
}

.tippplatzierung-content {
    display: flex;
    align-items: center;
}

.tippplatzierung-content-2 {
    font-size: 13px;
    padding: 0;
    text-align: center;
}

.tippplatzierung > div > div {
    padding: 10px 10px;
/ / border: 1 px solid var(--color-highlight);
    float: left;
}

.tippplatzierung-1 {
    width: 25%;
}

.tippplatzierung-2 {
    width: 50%;
    font-size: 14px;
}

.tippplatzierung-2 ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.tippplatzierung-2 ul li {
    line-height: 25px;
    letter-spacing: 0 !important;
    margin-left: 20px;
    padding-left: 0;
}

.tippplatzierung-2 ul li::before {
    display: inline-block;
    font-size: 15px;
    margin: -1px 5px 0 -18px;
    line-height: 20px;
    color: var(--color-extra-success);
}

.tippplatzierung-content-4 {
    font-size: 13px;
    padding: 0;
    text-align: center;
}

.tippplatzierung-4 {
    width: 50%;
    font-size: 14px;
}

.tippplatzierung-4 ul {
    margin: 0 0 0 30px;
    list-style: none;
}

.tippplatzierung-4 ul li {
    line-height: 25px;
    text-align: left !important;
}

.tippplatzierung-4 ul li::before {
    font-size: 15px !important;
    margin: -10px 5px 0 -26px !important;
    line-height: 25px !important;
    vertical-align: unset !important;
}

.tippplatzierung-3 {
    width: 25%;
}

.tippplatzierung-3 a {
    float: right;
    margin-right: 30px;
}

.tippplatzierung-2.rlv {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .cosmos-rlv-siegel {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .tippplatzierung-content {
        flex-direction: column;
    }

    .tippplatzierung-3 a {
        margin: 10px 0;
        float: none !important;
        max-width: 200px;
        text-align: center;
        margin: 0 auto;
    }

    .tippplatzierung-3 {
        padding: 10px 0 20px !important;
    }

    .tippplatzierung-2 {
        display: flex;
        justify-content: center;
    }

    .tippplatzierung-2 ul {
        width: 400px;
        margin: 0 auto;
    }

    .tippplatzierung-3, .tippplatzierung-2, .tippplatzierung-1 {
        width: 100%;
        text-align: center;
    }

    .affilipus-button.affilipus-button-block img {
        margin-left: 0;
    }
}

@media screen and (max-width: 500px) {
    .tippplatzierung-2 ul {
        width: 95%;
        box-sizing: border-box;
    }
}


@media screen and (min-width: 600px) {

    .internet-security table tbody tr:nth-child(3) th, .internet-security table tbody tr:nth-child(3) td, .internet-security table tbody tr:nth-child(9) th, .internet-security table tbody tr:nth-child(9) td, .internet-security table tbody tr:nth-child(15) th, .internet-security table tbody tr:nth-child(15) td, .internet-security table tbody tr:nth-child(20) th, .internet-security table tbody tr:nth-child(20) td, .internet-security table tbody tr:nth-child(24) th, .internet-security table tbody tr:nth-child(24) td {
        background: var(--color-highlight) !important;
        color: var(--color-max-light) !important;
        font-weight: bold;
    }

    .passwort-manager table tbody tr:nth-child(5) th, .passwort-manager table tbody tr:nth-child(5) td, .passwort-manager table tbody tr:nth-child(9) th, .passwort-manager table tbody tr:nth-child(9) td, .passwort-manager table tbody tr:nth-child(12) th, .passwort-manager table tbody tr:nth-child(12) td {
        background: var(--color-highlight) !important;
        color: var(--color-max-light) !important;
        font-weight: bold;
    }

    .virenscanner table tbody tr:nth-child(2) th, .virenscanner table tbody tr:nth-child(2) td, .virenscanner table tbody tr:nth-child(9) th, .virenscanner table tbody tr:nth-child(9) td, .virenscanner table tbody tr:nth-child(15) th, .virenscanner table tbody tr:nth-child(15) td, .virenscanner table tbody tr:nth-child(20) th, .virenscanner table tbody tr:nth-child(20) td {
        background: var(--color-highlight) !important;
        color: var(--color-max-light) !important;
        font-weight: bold;
    }

}


.girokonto.stern-vergleich-box-wrapper, .kreditkartenanbieter.stern-vergleich-box-wrapper {
    display: flex;
    clear: both;
    margin: 50px 0;
	position: relative;
}
.kreditkartenanbieter.stern-vergleich-box-wrapper:after {
	content: 'Anzeige';
	position: absolute;
	font-size: 10px;
	color: gray;
	top: -17px;
	right: 0;
}
.girokonto .stern-vergleich-box-wrapper-content, .kreditkartenanbieter .stern-vergleich-box-wrapper-content {
    margin: 20px 0 !important;
}

.girokonto .stern-vergleich-box:nth-child(3), .kreditkartenanbieter .stern-vergleich-box:nth-child(3) {
    margin-right: 0;
}

.girokonto .stern-vergleich-box, .kreditkartenanbieter .stern-vergleich-box {
    float: left;
    width: 33%;
    margin-right: 30px;
    background: #f7f7f7;
}

.girokonto .stern-vergleich-box .home-kategorie-box-th, .kreditkartenanbieter .stern-vergleich-box .home-kategorie-box-th {
    max-height: none !important;
    box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
}

.girokonto .stern-vergleich-box .home-kategorie-box-th:hover img, .kreditkartenanbieter .stern-vergleich-box .home-kategorie-box-th:hover img {
    transform: scale(1) !important;
}

.girokonto .stern-vergleich-box-inside-content ul, .kreditkartenanbieter .stern-vergleich-box-inside-content ul {
    margin: 0 !important;
}

.girokonto .stern-vergleich-box-inside-content ul li, .kreditkartenanbieter .stern-vergleich-box-inside-content ul li {
    width: 100% !important;
    margin: 0 !important;
}

.girokonto .stern-vergleich-box ul, .kreditkartenanbieter .stern-vergleich-box ul {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

.girokonto .stern-vergleich-box-title, .kreditkartenanbieter .stern-vergleich-box-title {
    font-family: SternMetric, 'Helvetica Neue', Helvetica, Arial, sans-serif important;
    font-size: 18px !important;
    font-weight: 700;
    position: absolute;
    z-index: 1;
    top: 0;
    margin: 0 !important;
    padding: 5px 15px !important;
    color: white !important;
    background: #c00;
}

.girokonto .stern-vergleich-box-title-content, .kreditkartenanbieter .stern-vergleich-box-title-content {
    padding: 0 !important;
}

.girokonto .stern-vergleich-box-title-content-small, .kreditkartenanbieter .stern-vergleich-box-title-content-small {
    padding: 0 !important;
}

.girokonto .stern-vergleich-box-title-content span, .kreditkartenanbieter .stern-vergleich-box-title-content span {
    position: relative !important;
}

.girokonto .stern-vergleich-box-title-content-small span, .kreditkartenanbieter .stern-vergleich-box-title-content-small span {
    position: relative !important;
    padding-top: 3px;
}

@media screen and (max-width: 768px) {
    .girokonto.stern-vergleich-box-wrapper.stern-vergleich-box-wrapper-content, .kreditkartenanbieter.stern-vergleich-box-wrapper.stern-vergleich-box-wrapper-content {
        flex-direction: column;
    }

    .girokonto.stern-vergleich-box-wrapper.stern-vergleich-box-wrapper-content .stern-vergleich-box, .kreditkartenanbieter.stern-vergleich-box-wrapper.stern-vergleich-box-wrapper-content .stern-vergleich-box {
        width: 100% !important;
        margin-right: 0;
    }
}

@media screen and (max-width: 1050px) {
    .girokonto.stern-vergleich-box-wrapper.stern-vergleich-box-wrapper-content, .kreditkartenanbieter.stern-vergleich-box-wrapper.stern-vergleich-box-wrapper-content {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .girokonto.stern-vergleich-box-wrapper.stern-vergleich-box-wrapper-content .stern-vergleich-box, .kreditkartenanbieter.stern-vergleich-box-wrapper.stern-vergleich-box-wrapper-content .stern-vergleich-box {
        margin-bottom: 40px;
        width: unset;
    }
}

/* Mietwagen */

.destination-choice {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    width: 100%;
	font-size: 18px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	font-weight: 600;
}
.from-to {
	display: flex;
	flex-wrap: wrap;
}
label[for=one] {
    margin-right: 10px;
	cursor: pointer;
	font-size: 14px;
}
label[for=two] {
    margin-left: 10px;
	cursor: pointer;
	font-size: 14px;
}

#one, #two {
    --form-control-color: rebeccapurple;
	outline: none;
	cursor: pointer;
}
#one:after, #two:after {
    box-sizing: border-box;
}
input#one[type="radio"], input#two[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    width: 20px;
    height: 20px;
    border: 1px solid grey;
    position: relative;
}
input#one[type="radio"], input#one[type="radio"]:before {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}
input#two[type="radio"], input#two[type="radio"]:before {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}
input#one[type="radio"]:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 16px;
    background: #eee;
}
input#two[type="radio"]:before {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    width: 18px;
    height: 16px;
    background: #eee;
}
input#one[type="radio"]:checked:after, input#two[type="radio"]:checked:after {
    content: '';
    position: absolute;
    top: 1px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #c00;
}
input#one[type="radio"]:checked:after {
    left: 1px;
}
input#two[type="radio"]:checked:after {
    right: 1px;
}
.destination-one, .destination-two {
	position: relative;
}
.destination-one.half {
    width: 280px;
    margin-right: 0;
}
#destination_from, #destination_to {
    height: 66px;
    padding: 20px 15px 5px 15px;
}
.destination-one > span, .destination-two > span {
    position: absolute;
    top: 5px;
    left: 15px;
    font-weight: 400;
    font-size: 14px;
    color: #666;
}
.destination_from_hover, .destination_to_hover {
    position: absolute;
    width: 560px;
	z-index: 2;
    background: white;
    border: 1px solid #ccc;
    border-top-width: 0;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.2);
}
.destination_to_hover {
    right: 0;
}
#destination_from:focus, #destination_to:focus {
    border: 1px solid #bbb;
    background: #ddd;
}
.teaser-input #abholung, .teaser-input #rueckgabe {
    text-align: center;
    padding: 5px 15px;
	font-weight: 500;
	font-size: 16px;
	height: 33px;
}
.teaser-input .abholungH, .teaser-input .abholungM, .teaser-input .rueckgabeH, .teaser-input .rueckgabeM {
    position: relative;
    float: left;
    width: 70px;
    font-size: 12px;
    padding: 8px 12px 8px 4px;
    height: 33px;
}
.select-time > span {
	min-height: 26px;
}
.select-time:before, .select-time:before, .select-time:after, .select-time:after {
    position: absolute;
    bottom: 15px;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    pointer-events: none;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: var(--color-max-dark) transparent transparent transparent;
    z-index: 1;
}
.select-time:before, .select-time:before {
    right: 76px;
}
.select-time:after, .select-time:after {
    right: 6px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #c00!important;
	background: #fff5f5!important;
	color: #c00!important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #c00!important;
	background: #c00!important;
	color: white!important;
}
#mietwagen_form .teaser-submit button {
	margin-top: 36px;
}
.suggest {
    width: 100%;
    z-index: 1;
}
.suggest > .item {
    width: 100%;
    display: flex;
    padding: 3px 0;
    border-bottom: 1px dotted #ddd;
}
.suggest > .item:hover {
    background: #eee;
}
.suggest > .item:hover > div:first-child > span {
    transform: scale(1.04);
}
.suggest > .item div:first-child {
    width: 120px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}
.suggest > .item div:first-child span {
    padding: 3px 10px;
    background: #c00;
    border-radius: 6px;
    color: white;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    min-width: 92px;
    margin: 0;
    transition: all .2s ease-in-out;
}
.suggest > .item div.airport:first-child span {
    background: white;
    color: #c00;
    border: 1px solid #c00;
}
.suggest > .item div.destination {
    width: calc(100% - 120px);
    display: flex;
    flex-wrap: wrap;
}
.suggest > .item div.destination > span {
    position: relative;
    width: 100%;
    text-shadow: 0;
    font-weight: 500;
    margin: 0;
}
.suggest > .item div.destination > span.city > span.airport-code {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
    text-shadow: 0;
    font-weight: 500;
}
.suggest > .item div.destination > span.country {
    font-weight: 400;
    font-size: 14px;
    color: grey;
}
.suggest > .item:hover {
    cursor: pointer;
}
@media screen and (max-width: 1260px) {
	#mietwagen_form .from-to {
		width: 100%;
		justify-content: center;
		margin: 0 0 15px !important;
	}
	#mietwagen_form .teaser-felder {
		justify-content: center;
	}
	#mietwagen_form .teaser-felder .teaser-submit {
		margin: 0;
	}
}
@media screen and (max-width: 1025px) {
	#mietwagen_form .teaser-submit button {
		margin-top: 16px;
	}
	.teaser-form.break-650 #mietwagen_form .teaser-submit button {
		margin: 16px auto 5px;
		max-width: 560px;
	}
}
@media screen and (max-width: 767px) {
	#mietwagen_form .teaser-felder > div {
		flex: unset;
		min-width: unset;
	}
}
@media screen and (max-width: 645px) {
	#mietwagen_form {
		padding: 15px;
	}
	.destination_from_hover, .destination_to_hover {
		width: 100%;
	}
	.suggest > .item div.destination > span.city > span.airport-code {
		display: none;
	}
}
@media screen and (max-width: 510px) {
	.destination-choice {
		font-size: 16px;
		font-weight: 500;
	}
}
@media screen and (max-width: 460px) {
	.destination-choice {
		font-size: 14px;
		font-weight: 400;
	}
	label[for="one"] {
		text-align: right;
	}
	input#one[type="radio"], input#two[type="radio"] {
		min-width: 20px;
	}
}

hr.vgl_site {
	position: relative;
    overflow: visible;
}
hr.vgl_site:after {
	content: 'Anzeige';
	position: absolute;
	color: var(--color-text-default);
	right: 0;
	top: -19px;
	font-size: 12px;
	opacity: 0.5;
}