/* ************************************************
 * Sidebar
 * ************************************************/

    .sidebar .areatoplistbox {
            background-color: var(--color-cont-background-01);
            border-radius: 10px 10px 10px 10px;
            transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
            padding: 0;
            border: 1px solid var(--color-border-02);
        }

        .areatoplist_item .rc-rating,
        .rc-rating {
            display: inline-flex;
            flex-direction: column;
            align-items: flex-start;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            --rc-rating-star-size: 24px;
            --rc-rating-star-fg: #ff9800; /* etwas dunkler, mehr Kontrast */
            --rc-rating-star-bg: #e0e0e0;
            margin-top: 1px;
            margin-left: 22px;
        }

        .areatoplist_item .rc-rating__stars,
        .rc-rating__stars {
            line-height: 1;
        }

        .areatoplist_item .rc-rating__svg,
        .rc-rating__svg {
            height: var(--rc-rating-star-size);
            width: auto;
            display: block;
            min-height: 18px;
        }

        .areatoplist_item .rc-rating__label,
        .rc-rating__label {
            margin-top: 4px;
            font-size: 12px;
            color: var(--rankx-color);
            width: 100%;
        }

        .areatoplist_item .rc-rating__label a,
        .rc-rating__label a {
            color: inherit;
            text-decoration: none;
            font-weight: 600;
        }

        .areatoplist_item .rc-rating__label a:hover,
        .rc-rating__label a:hover {
            text-decoration: underline;
        }

        .areatoplist_item .rc-rating--regular,
        .rc-rating--regular {
            --rc-rating-star-size: 22px;
            --rc-rating-star-fg: #ff9800;
            --rc-rating-star-bg: #dbdbdb;
        }

        /* kleine Variante */
        .areatoplist_item .rc-rating--small,
        .rc-rating--small {
            --rc-rating-star-size: 18px;
            --rc-rating-star-fg: #ff9800;
            --rc-rating-star-bg: #dbdbdb;
        }

        .areatoplist_item:nth-child(-n + 4) .rc-rating--regular,
        .gb-casino-card:nth-child(-n + 4) .rc-rating--regular {
            --rc-rating-star-bg: #fff;
        }


        .areatoplist_item .rc-rating--small .rc-rating__svg path[stroke],
        .rc-rating--small .rc-rating__svg path[stroke] {
            stroke-width: 0.8;
            stroke: rgba(0,0,0,0.22);
        }

        .areatoplist_hdr {
            font-weight: 700;
            font-size: 18px;
            color: var(--color-cont-text-01);
            padding: 0 10px 10px;
            text-align: center;
            line-height: 21px;
        }

        .areatoplist_item{
            width: 100%;
            display: block;
            background: var(--rankitem-bg-01);
            border: 1px solid var(--color-border-02);
            color: var(--color-cont-text-01);
        }

        .areatoplist_item .itempos,
        .areatoplist_item .itemreview{
            display: inline-block;
            width: 150px;
            vertical-align: top;
            text-align: center;
            height: 55px;
        }

        .areatoplist_item .itempos{
           /* text-align: left; */
        }

        .areatoplist_item .itempos{
            padding: 10px 5px 5px 8px;
        }


        .areatoplist_item .itempos .logoblock{
            width: 135px;
            text-align: left;
        }

        .areatoplist_item .itemreview{
            padding: 3px 5px 10px 10px;
            line-height: 10px;
        }

        .areatoplist_item .itemboni,
        .areatoplist_item .itemaction{
            display: inline-block;
            width: calc(100% - 152px);
            text-align: center;
            height: 55px;
        }

        .areatoplist_item .itemboni{
            padding: 10px 5px 5px 5px;
            vertical-align: middle;
            font-size: 15px;
            line-height: 20px;
        }

        .areatoplist_item .itemboni a{
            background-color: transparent;
            border: none;
            vertical-align: middle;
            height: 40px;
            text-decoration: none;
            color: var(--color-cont-text-01);

            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            height: 100%;
        }

        .areatoplist_item .itemaction{
            padding: 5px 10px 5px 10px;
            vertical-align: top;
        }

        .areatoplist_item .itemaction .btn{
            white-space: nowrap;
            margin: 0;
            line-height: 15px;
            padding: 8px 16px 10px 16px;
        }

        .areatoplist_item .itemaction .btn.speclink {
            line-height: 13px;
            padding: 10px;
        }

        .areatoplist_item .itemaction .btn.speclink:after{
            content: '*';
            font-size: 13px;
            top: -3px;
            position: relative;
            left: 3px;
            margin-right: -3px;
            text-decoration: none !important;
        }

        .areatoplist_item .itemboni .bonitxt{
            font-weight: 600;
        }

        .areatoplist_item .itemboni .bonisubtxt{
            font-weight: 400;
            font-size: 15px;
        }

        .areatoplist_item .itempos .logoblock .provlogo{
            height: 39px !important;
            width: auto !important;
            border: 1px solid var(--ranknumber-brd);
           /* border-left: none; */
            border-radius: 0 4px 4px 0;
           /* margin-left: -5px; */
        }

        .areatoplist_item:nth-child(2n) {
            background: var(--rankitem-bg-02);
        }

        .areatoplist_item .areatoplist_itemrow a{
            text-decoration: none;
            font-weight: 600;
        }

        .areatoplist_item .areatoplist_itemrow a:hover{
            text-decoration: underline;
        }

        .areatoplist_item .areatoplist_itemrow .number{
            background: var(--ranknumber-gb);
            border: 1px solid var(--ranknumber-brd);
            border-right: 1px solid var(--ranknumber-brd);
            border-right: none;
            border-radius: 4px 0 0 4px;
            float: left;
            width: 28px;
            font-size: 18px;
            font-weight: 600;
            height: 39px;
            line-height: 35px;
            text-align: center;
            padding-top: 2px;
            border-right: 2px solid var(--ranknumber-brd);
        }


        .sidebar .areatoplistbox .showall {
            width: calc(100% - 30px);
            text-align: center;
            font-weight: 600;
            margin: 5px 15px;
        }

        .sidebar .areatoplistbox .specinfo {
            margin-top: 5px;
            font-size: 13px;
            text-align: center;
            padding: 0 15px 0;
        }

        .rank-1 {
            --bg-a: var(--rank1-bg-a);
            --bg-b: var(--rank1-bg-b);
            --bg-c: var(--rank1-bg-c);
            --bg-d: var(--rank1-bg-d);
            --border: var(--rank1-border);
            --fg: var(--rank1-fg);
        }

        .rank-2 {
            --bg-a: var(--rank2-bg-a);
            --bg-b: var(--rank2-bg-b);
            --bg-c: var(--rank2-bg-c);
            --bg-d: var(--rank2-bg-d);
            --border: var(--rank2-border);
            --fg: var(--rank2-fg);
        }

        .rank-3 {
            --bg-a: var(--rank3-bg-a);
            --bg-b: var(--rank3-bg-b);
            --bg-c: var(--rank3-bg-c);
            --bg-d: var(--rank3-bg-d);
            --border: var(--rank3-border);
            --fg: var(--rank3-fg);
        }

        .rank-1,
        .rank-2,
        .rank-3 {
            background: linear-gradient(
                135deg,
                var(--bg-a) 0%,
                var(--bg-b) 25%,
                var(--bg-c) 55%,
                var(--bg-d) 100%
            ) !important;
            border-left: 4px solid var(--border);
            position: relative;
            border-top: none;
            border-bottom: none;
        }

        .rank-1 *,
        .rank-2 *,
        .rank-3 * {
            color: var(--fg);
        }

        .rank-1::after,
        .rank-2::after,
        .rank-3::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(
                to bottom,
                rgba(255,255,255,0.18) 0%,
                rgba(255,255,255,0.12) 6%,
                rgba(255,255,255,0) 20%
            );
            pointer-events: none;
        }

        .rank-x{
            border-left: 4px solid transparent;
        }


        .areatoplist_item .areatoplist_itemrow .number{
            position: relative;
        }

        .areatoplist_item .areatoplist_itemrow .number[data-badge]{
                line-height: 28px;
        }

       .areatoplist_item .areatoplist_itemrow .number[data-badge]::before{
            content: "";
            position: absolute;
            left: 4px;
            right: 4px;
            bottom: 14px;
            height: 1px;
            background: rgba(0,0,0,.12);
        }

        .areatoplist_item .areatoplist_itemrow .number[data-badge]::after{
            content: attr(data-badge);
            position: absolute;
            left: 0;
            bottom: 0;

            background: #c00118;
            color: #fff;

            font-size: 8px;
            font-weight: 700;
            letter-spacing: .3px;
            text-transform: uppercase;

            padding: 2px 4px;
            line-height: 8px;
            border-bottom-left-radius: 2px;
            white-space: nowrap;
            box-sizing: border-box;
            pointer-events: none;
            width: calc(100% + 1px);
            padding: 2px 3px;
            font-size: 9px;
           /* text-shadow: 0px 0px 2px #000; */
        }

        .areatoplist_item .btn.btn-cta,
        .gb-advert-card .btn.btn-cta {
            color: #FFF !important;
            background-color: #FF5056;
            border: none;
            font-weight: 600;
            text-shadow: 1px 1px 3px #F00;
            font-weight: 700;
            display: inline-flex;
        }


        .areatoplist_item .btn.speclink::after,
        .gb-advert-card .btn.speclink::after {
            content: '*';
            font-size: 13px;
            top: -3px;
            position: relative;
            left: 3px;
            margin-right: -3px;
            text-decoration: none !important;
        }



        @media screen and (min-width: 1301px) and (max-width: 1440px) {

            .areatoplist_item {
                display: block;
                width: 100%;
            }

            .areatoplist_item .itempos .logoblock {
                width: 139px;
            }

            .areatoplist_item .itempos .logoblock .number {
                height: 40px;
                padding-top: 0;
            }

            .areatoplist_item .itempos .logoblock .provlogo {
                height: 40px !important;
                width: auto !important;
            }

            .areatoplist_item .itempos,
            .areatoplist_item .itemreview {
                width: 150px;
            }

            .areatoplist_item .itemboni,
            .areatoplist_item .itemaction {
                width: calc(100% - 160px);
            }

            .areatoplist_item .itemaction .btn {
                padding: 6px 10px 10px;
            }

            .areatoplist_item .itemboni {
                font-size: 14px;
                line-height: 16px;
            }

            .areatoplist_item .itemboni .bonitxt {
                font-size: 14px;
                line-height: 16px;
            }

            .areatoplist_item .itemboni .bonisubtxt {
                font-weight: 400;
                font-size: 13px;
            }
        }


         @media screen and (min-width: 1141px) and (max-width: 1300px) {
            .areatoplist_item .itempos, .areatoplist_item .itemreview {
                width: 120px;
                height: 50px;
            }
            .areatoplist_item .itempos .logoblock {
                width: 115px;
            }

            .areatoplist_item .itempos .logoblock .provlogo {
                height: 33px !important;
                width: auto !important;
            }

            .areatoplist_item .areatoplist_itemrow .number {
                height: 33px;
            }

            .areatoplist_item .itemboni {
                padding: 5px;
                font-size: 14px;
                line-height: 15px;
            }
            .areatoplist_item .itemboni .bonisubtxt {
                font-size: 13px;
            }

            .areatoplist_item .itemboni, .areatoplist_item .itemaction{
                width: calc(100% - 120px);
                height: 50px;
            }

            .areatoplist_item .itemaction .btn.speclink {
                line-height: 13px;
                padding: 6px 10px 10px 10px;
            }

            .areatoplist_item .areatoplist_itemrow .number {
                font-size: 15px;
                line-height: 28px;
            }

        }


        @media screen and (min-width: 1061px) and (max-width: 1140px) {

            .areatoplist_item {
                display: inline-block;
                width: calc(33% - 12px);
            }

            .areatoplist_item .itempos .logoblock {
                width: 150px;
            }

            .areatoplist_item .itempos .logoblock .number {
                height: 46px;
                padding-top: 2px;
            }

            .areatoplist_item .itempos .logoblock .provlogo {
                height: 46px !important;
                width: auto  !important;
            }

            .areatoplist_item .itempos,
            .areatoplist_item .itemreview {
                width: 170px;
            }

            .areatoplist_item .itemboni,
            .areatoplist_item .itemaction {
                width: calc(100% - 180px);
            }

            .areatoplist_item .itemaction .btn {
                padding: 6px 15px 10px;
            }

            .areatoplist_item .itemboni .bonitxt {
                font-size: 16px;
                line-height: 20px;
            }

            .areatoplist_item .itemboni .bonisubtxt {
                font-weight: 400;
                font-size: 15px;
            }
        }

        @media screen and (min-width: 901px) and (max-width: 1060px) {

            .areatoplist_item {
                display: inline-block;
                width: calc(33% - 12px);
            }

            .areatoplist_item .itempos .logoblock {
                width: 134px;
            }

            .areatoplist_item .itempos .logoblock .number {
                height: 40px;
                padding-top: 0;
            }

            .areatoplist_item .itempos .logoblock .provlogo {
                height: 40px !important;
                width: auto  !important;
            }

            .areatoplist_item .itempos,
            .areatoplist_item .itemreview {
                width: 150px;
            }

            .areatoplist_item .itemboni,
            .areatoplist_item .itemaction {
                width: calc(100% - 160px);
            }

            .areatoplist_item .itemaction .btn {
                padding: 6px 10px 10px;
            }

            .areatoplist_item .itemboni .bonitxt {
                font-size: 14px;
                line-height: 16px;
            }

            .areatoplist_item .itemboni .bonisubtxt {
                font-weight: 400;
                font-size: 13px;
            }
        }

        @media screen and (min-width: 741px) and (max-width: 900px) {

            .areatoplist_item {
                display: inline-block;
                width: calc(50% - 16px);
                margin-right: 12px;
            }

            .areatoplist_item .itempos .logoblock {
                width: 150px;
            }

            .areatoplist_item .itempos .logoblock .number {
                height: 46px;
                padding-top: 2px;
            }

            .areatoplist_item .itempos .logoblock .provlogo {
                height: 46px !important;
                width: auto !important;
            }

            .areatoplist_item .itempos,
            .areatoplist_item .itemreview {
                width: 170px;
            }

            .areatoplist_item .itemboni,
            .areatoplist_item .itemaction {
                width: calc(100% - 180px);
            }

            .areatoplist_item .itemaction .btn {
                padding: 6px 10px 10px;
            }

            .areatoplist_item .itemboni .bonitxt {
                font-size: 17px;
                line-height: 20px;
            }

            .areatoplist_item .itemboni .bonisubtxt {
                font-weight: 400;
                font-size: 16px;
            }
        }

        @media screen and (min-width: 661px) and (max-width: 740px) {

            .areatoplist_item {
                display: inline-block;
                width: calc(50% - 16px);
                margin-right: 12px;
            }

            .areatoplist_item .itempos .logoblock {
                width: 134px;
            }

            .areatoplist_item .itempos .logoblock .number {
                height: 40px;
                padding-top: 0;
            }

            .areatoplist_item .itempos .logoblock .provlogo {
                height: 40px !important;
                width: auto  !important;
            }

            .areatoplist_item .itempos,
            .areatoplist_item .itemreview {
                width: 150px;
            }

            .areatoplist_item .itemboni,
            .areatoplist_item .itemaction {
                width: calc(100% - 160px);
            }

            .areatoplist_item .itemboni .bonitxt {
                font-size: 16px;
                line-height: 18px;
            }

            .areatoplist_item .itemboni .bonisubtxt {
                font-weight: 400;
                font-size: 14px;
            }

            .areatoplist_item .itemaction .btn {
                padding: 6px 10px 10px;
            }
        }

        @media screen and (min-width: 361px) and (max-width: 660px) {

            .areatoplist_item {
                display: inline-block;
                width: 100%;
            }

            .areatoplist_item .itempos .logoblock {
                width: 155px;
            }

            .areatoplist_item .itempos .logoblock .number {
                height: 46px;
                padding-top: 2px;
            }

            .areatoplist_item .itempos .logoblock .provlogo {
                height: 46px !important;
                width: auto  !important;
            }

            .areatoplist_item .itempos,
            .areatoplist_item .itemreview {
                width: 170px;
            }

            .areatoplist_item .itemboni,
            .areatoplist_item .itemaction {
                width: calc(100% - 180px);
            }

            .areatoplist_item .itemboni .bonitxt {
                font-size: 16px;
                line-height: 18px;
            }

            .areatoplist_item .itemboni .bonisubtxt {
                font-weight: 400;
                font-size: 14px;
            }

            .areatoplist_item .itemaction .btn {
                padding: 6px 10px 10px;
            }
        }

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

            .areatoplist_item {
                display: inline-block;
                width: 100%;
            }

            .areatoplist_item .itempos .logoblock {
                width: 134px;
            }

            .areatoplist_item .itempos .logoblock .number {
                height: 40px;
                padding-top: 0;
            }

            .areatoplist_item .itempos .logoblock .provlogo {
                height: 40px !important;
                width: auto  !important;
            }

            .areatoplist_item .itempos,
            .areatoplist_item .itemreview {
                width: 150px;
            }

            .areatoplist_item .itemboni,
            .areatoplist_item .itemaction {
                width: calc(100% - 160px);
            }

            .areatoplist_item .itemaction .btn {
                padding: 6px 10px 10px;
            }

            .areatoplist_item .itemboni .bonitxt {
                font-size: 14px;
                line-height: 16px;
            }

            .areatoplist_item .itemboni .bonisubtxt {
                font-weight: 400;
                font-size: 13px;
            }
        }



















    .button, .btn {
        display: inline-block;
        background-color: var(--color-btn-standard-bg);
        color: var(--color-cont-text-03);
        margin: 12px 0;
        color: var(--color-cont-text-03) !important;
        padding: 6px 16px;
        border-radius: 4px;
        text-decoration: none;
        font-weight: normal;
        font-size: 13px;
        border: none;
        cursor: pointer;
    }





    .gb-advert-list {
                                            --gb-advert-blue: #020b55;
                                            --gb-advert-border: #dfe2e8;
                                            --gb-advert-text: #24264f;
                                            --gb-advert-muted: #747780;
                                            width: 100%;
                                            margin: 25px 0;
                                        }

                                        .gb-advert-list,
                                        .gb-advert-list * {
                                            box-sizing: border-box;
                                        }

                                        /*
                                         * Überschrift
                                         */
                                        .gb-advert-list__headline {
                                            display: flex;
                                            align-items: normal;
                                            gap: 12px;
                                            margin: 0 0 10px;
                                        }

                                        .advert-cas-icon{
                                            background-image: url('https://gamblebase.com/wp-content/uploads/2023/04/Empfehlung-150x150.png');
                                            background-repeat: no-repeat;
                                            background-size: contain;
                                            width: 26px;
                                            height: 26px;
                                            display: inline-block;
                                        }

                                        .gb-advert-list__headline-icon {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            width: 38px;
                                            height: 38px;
                                            flex: 0 0 38px;
                                            border-radius: 6px;
                                            background: #ffb51b;
                                            color: #fff;
                                            font-size: 26px;
                                            line-height: 1;
                                        }

                                        .gb-advert-list__headline h2 {
                                            margin: 0;
                                            color: var(--gb-advert-blue);
                                            font-size: 22px;
                                            line-height: 25px;
                                        }

                                        .gb-advert-list__label {
                                            margin-left: 3px;
                                            color: var(--gb-advert-muted);
                                            font-size: 12px;
                                            font-weight: 400;
                                        }

                                        /*
                                         * Liste
                                         */
                                        .gb-advert-list__items {
                                            display: flex;
                                            flex-direction: column;
                                            gap: 10px;
                                        }

                                        /*
                                         * Einzelne Anbieterbox
                                         */
                                        .gb-advert-card {
                                            display: grid;
                                            grid-template-columns:
                                                minmax(220px, 250px)
                                                minmax(300px, 1fr)
                                                minmax(190px, 220px)
                                                minmax(175px, 205px);
                                            align-items: stretch;
                                            gap: 0;
                                            min-height: 96px;
                                            padding: 0;
                                            background: #f9f9f9;
                                            border: 1px solid var(--gb-advert-border);
                                            border-radius: 8px;
                                            overflow: hidden;
                                        }

                                        /*
                                         * Gemeinsamer Bereich aus Rangnummer und Logo
                                         */
                                        .gb-advert-card__provider {
                                            display: grid;
                                            grid-template-columns: 35px minmax(0, 1fr);
                                            align-items: center;
                                            min-width: 0;
                                            padding: 12px 15px 12px 15px;
                                            border-right: 1px solid #d5d7dc;
                                        }

                                        .gb-advert-card__rank {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            min-width: 0;
                                            color: var(--gb-advert-blue);
                                            font-size: 21px;
                                            font-weight: 700;
                                            line-height: 1;
                                            background: #fff;
                                            border: 1px solid #e0e2e7;
                                            border-right: 0;
                                            border-radius: 7px 0 0 7px;
                                            height: 60px;
                                        }

                                        .gb-advert-card__logo-link {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            min-width: 0;
                                            height: 60px;
                                            background: #fff;
                                            border: 1px solid #e0e2e7;
                                            border-radius: 0 7px 7px 0;
                                            overflow: hidden;
                                        }

                                        .gb-advert-card__logo-link img {
                                            display: block;
                                            width: auto;
                                            max-width: 100%;
                                            height: auto;
                                            max-height: 60px;
                                            object-fit: contain;
                                        }

                                        /*
                                         * Bonusbereich
                                         */
                                        .gb-advert-card__bonus {
                                            display: grid;
                                            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
                                            align-items: stretch;
                                            min-width: 0;
                                            min-height: 94px;
                                            color: var(--gb-advert-text);
                                        }

                                        .gb-advert-card__bonus.is-single {
                                            grid-template-columns: minmax(0, 1fr);
                                        }

                                        .gb-advert-card__bonus-part {
                                            display: flex;
                                            flex-direction: column;
                                            align-items: flex-start;
                                            justify-content: center;
                                            gap: 3px;
                                            min-width: 0;
                                            padding: 12px 26px;
                                        }

                                        .gb-advert-card__bonus-part + .gb-advert-card__bonus-part {
                                            border-left: 1px solid #e0e2e7;
                                        }

                                        .gb-advert-card__bonus-main,
                                        .gb-advert-card__bonus-extra {
                                            display: block;
                                            color: var(--gb-advert-blue);
                                            font-size: 19px;
                                            font-weight: 700;
                                            line-height: 1.3;
                                        }

                                        .gb-advert-card__bonus-main a,
                                        .gb-advert-card__bonus-extra a,
                                        .gb-advert-card__rating .rc-tile-rating a,
                                        .gb-advert-card__button {
                                            text-decoration: none !important;
                                        }

                                        .gb-advert-card__bonus-extra {
                                            font-weight: 600;
                                        }

                                        /*
                                         * Trennlinien rechts vom Bonusbereich
                                         */
                                        .gb-advert-card__rating,
                                        .gb-advert-card__action {
                                            min-height: 94px;
                                            border-left: 1px solid #d5d7dc;
                                        }


                                        /*
                                         * Bewertung
                                         */
                                        .gb-advert-card__rating {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            min-width: 0;
                                            padding: 10px 18px;
                                        }

                                        .gb-advert-card__rating .rc-tile-rating {
                                            display: flex;
                                            flex-direction: column;
                                            align-items: center;
                                            justify-content: center;
                                            gap: 3px;

                                            width: 100%;
                                        }

                                        .gb-advert-card__rating .rc-tile-rating-stars {
                                            display: flex;
                                            align-items: center;
                                            gap: 1px;
                                        }

                                        .gb-advert-card__stars {
                                            display: flex;
                                            align-items: center;
                                            gap: 2px;
                                        }

                                        .gb-advert-card__star {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            width: 24px;
                                            height: 24px;
                                            background: linear-gradient(
                                                to bottom,
                                                #53aeff 0%,
                                                #2584df 48%,
                                                #0750b8 100%
                                            );

                                            color: #fff;
                                            font-size: 18px;
                                            line-height: 1;
                                        }

                                        .gb-advert-card__star.is-empty {
                                            background: linear-gradient(
                                                to bottom,
                                                #d9dde4 0%,
                                                #bcc2cc 100%
                                            );
                                        }

                                        .gb-advert-card__review {
                                            color: var(--gb-advert-blue);
                                            font-size: 15px;
                                            font-weight: 600;
                                            line-height: 1.2;
                                            text-decoration: none;
                                        }

                                        .gb-advert-card__review:hover {
                                            text-decoration: underline;
                                        }

                                        /*
                                         * Button
                                         */
                                        .gb-advert-card__action {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            min-width: 0;
                                            padding: 14px 10px 14px 10px;
                                        }

                                        .gb-advert-card__button {
                                            display: inline-flex;
                                            align-items: center;
                                            justify-content: center;
                                            min-height: 54px;
                                            padding: 10px 12px;
                                            border-radius: 5px;
                                            font-size: 16px;
                                            font-weight: 700;
                                            line-height: 1.2;
                                            text-align: center;
                                            text-decoration: none !important;
                                            margin: 0;
                                        }

                                        .gb-advert-card__button:active {
                                            transform: translateY(1px);
                                        }

                                        /*
                                         * Einmaliger Werbe-/Jugendschutzhinweis
                                         */
                                        .gb-advert-list__notice {
                                            margin: 10px 0 0;
                                            padding: 0 0 5px 0;
                                            color: var(--gb-advert-muted);
                                            font-size: 13px;
                                            line-height: 13px;
                                            text-align: center;
                                        }

                                        .gb-advert-list__notice a {
                                            color: var(--gb-advert-blue);
                                            text-decoration: none;
                                        }

                                        .gb-advert-list__notice a:hover {
                                            text-decoration: underline;
                                        }







                                        @media (min-width: 651px) and (max-width: 1000px) {

                                            .gb-advert-list {
                                                margin: 20px 0;
                                            }

                                            /*
                                             * Überschrift kompakter, aber weiterhin einzeilig
                                             */
                                            .gb-advert-list__headline {
                                                display: flex;
                                                align-items: center;
                                                gap: 10px;
                                                margin-bottom: 10px;
                                            }

                                            .advert-cas-icon {
                                                flex: 0 0 28px;
                                                width: 28px;
                                                height: 28px;
                                            }

                                            .gb-advert-list__headline h2 {
                                                margin: 0;
                                                font-size: 20px;
                                                line-height: 1.15;
                                            }

                                            .gb-advert-list__label {
                                                display: inline;
                                                margin-left: 3px;
                                                font-size: 11px;
                                                line-height: inherit;
                                            }

                                            /*
                                             * Weiterhin eine Zeile pro Anbieter,
                                             * aber mit kompakteren Spalten
                                             */
                                            .gb-advert-card {
                                                display: grid;
                                                grid-template-columns:
                                                    minmax(190px, 225px)
                                                    minmax(180px, 1fr)
                                                    minmax(145px, 175px)
                                                    minmax(140px, 165px);
                                                grid-template-areas:
                                                    "provider bonus rating action";
                                                align-items: stretch;
                                                min-height: 88px;
                                                padding: 0;
                                            }

                                            /*
                                             * Rang + Logo
                                             */
                                            .gb-advert-card__provider {
                                                grid-area: provider;
                                                display: grid;
                                                grid-template-columns: 34px minmax(0, 1fr);
                                                align-items: center;
                                                min-width: 0;
                                                min-height: 88px;
                                                padding: 10px 12px;
                                                border-right: 1px solid #d5d7dc;
                                                border-bottom: 0;
                                            }

                                            .gb-advert-card__rank {
                                                height: 50px;
                                                font-size: 18px;
                                                border-radius: 6px 0 0 6px;
                                            }

                                            .gb-advert-card__logo-link {
                                                height: 50px;
                                                width: 135px;
                                                border-radius: 0 6px 6px 0;
                                            }

                                            .gb-advert-card__logo-link img {
                                                width: 135px;
                                                height: 50px;
                                                object-fit: contain;
                                            }

                                            /*
                                             * Bonus im Tablet-Modus untereinander,
                                             * damit die Spalte nicht zu breit werden muss
                                             */
                                            .gb-advert-card__bonus {
                                                grid-area: bonus;
                                                display: flex;
                                                flex-direction: column;
                                                align-items: flex-start;
                                                justify-content: center;
                                                min-width: 0;
                                                min-height: 88px;
                                                padding: 10px 16px;
                                                border-bottom: 0;
                                            }

                                            .gb-advert-card__bonus.is-single {
                                                display: flex;
                                            }

                                            .gb-advert-card__bonus-part {
                                                display: block;
                                                width: 100%;
                                                min-width: 0;
                                                padding: 0;
                                            }

                                            .gb-advert-card__bonus-part + .gb-advert-card__bonus-part {
                                                margin-top: 4px;
                                                padding: 0;
                                                border: 0;
                                            }

                                            .gb-advert-card__bonus-main,
                                            .gb-advert-card__bonus-extra {
                                                font-size: 15px;
                                                line-height: 1.25;
                                            }

                                            .gb-advert-card__bonus-main {
                                                font-weight: 700;
                                            }

                                            .gb-advert-card__bonus-extra {
                                                font-weight: 500;
                                            }

                                            /*
                                             * Bewertung
                                             */
                                            .gb-advert-card__rating {
                                                grid-area: rating;
                                                min-width: 0;
                                                min-height: 88px;
                                                padding: 8px 8px;
                                                border-left: 1px solid #d5d7dc;
                                            }

                                            .gb-advert-card__rating .rc-tile-rating {
                                                width: 100%;
                                                min-width: 0;
                                                gap: 2px;
                                            }

                                            .gb-advert-card__rating .rc-tile-rating-stars {
                                                justify-content: center;
                                                gap: 1px;
                                            }

                                            /*
                                             * Button
                                             */
                                            .gb-advert-card__action {
                                                grid-area: action;

                                                min-width: 0;
                                                min-height: 88px;
                                                padding: 10px 9px;
                                                border-left: 1px solid #d5d7dc;
                                            }

                                            .gb-advert-card__button {
                                                width: 100%;
                                                min-height: 44px;
                                                padding: 8px 7px;
                                                font-size: 13px;
                                                line-height: 1.2;
                                                white-space: nowrap;
                                            }

                                            .gb-advert-list__notice {
                                                margin-top: 8px;
                                                padding: 2px 5px 0;
                                                font-size: 10px;
                                                line-height: 1.4;
                                            }
                                        }





                                        @media (min-width: 481px) and (max-width: 650px) {

                                            .gb-advert-list {
                                                margin: 18px 0;
                                            }

                                            /*
                                             * Überschrift
                                             */
                                            .gb-advert-list__headline {
                                                display: grid;
                                                grid-template-columns: 32px minmax(0, 1fr);
                                                align-items: center;
                                                gap: 9px;
                                                margin-bottom: 11px;
                                            }

                                            .advert-cas-icon {
                                                width: 32px;
                                                height: 32px;
                                                flex: none;
                                            }

                                            .gb-advert-list__headline h2 {
                                                margin: 0;
                                                font-size: 17px;
                                                line-height: 0.9;
                                            }

                                            .gb-advert-list__label {
                                                display: block;
                                                margin: 3px 0 0;
                                                font-size: 11px;
                                                line-height: 12px;
                                            }

                                            .gb-advert-list__items {
                                                gap: 9px;
                                            }

                                            /*
                                             * Kompakte Aufteilung wie in der Sidebar
                                             */
                                            .gb-advert-card {
                                                display: grid;
                                                grid-template-columns: minmax(0, 50%) minmax(0, 48%);
                                                grid-template-areas:
                                                    "provider bonus"
                                                    "rating action";
                                                align-items: stretch;
                                                min-height: 0;
                                                padding: 0;
                                                background: #f7f7f7;
                                                border-radius: 7px;
                                                overflow: hidden;
                                            }

                                            /*
                                             * Rang + Logo
                                             */
                                            .gb-advert-card__provider {
                                                grid-area: provider;
                                                display: grid;
                                                grid-template-columns: 36px minmax(0, 1fr);
                                                align-items: stretch;
                                                min-width: 0;
                                                min-height: 70px;
                                                padding: 8px;
                                                border: none;
                                                align-items: center;
                                            }

                                            .gb-advert-card__rank {
                                                display: flex;
                                                align-items: center;
                                                justify-content: center;
                                                width: auto;
                                                min-width: 0;
                                                height: 60px;
                                                color: var(--gb-advert-blue);
                                                font-size: 18px;
                                                font-weight: 700;
                                                background: #fff;
                                                border: 1px solid #dfe2e8;
                                                border-right: 0;
                                                border-radius: 5px 0 0 5px;
                                            }

                                            .gb-advert-card__logo-link {
                                                display: flex;
                                                align-items: center;
                                                justify-content: center;
                                                width: 162px;
                                                height: 60px;
                                                background: #fff;
                                                border: 1px solid #dfe2e8;
                                                border-radius: 0 5px 5px 0;
                                                overflow: hidden;
                                            }

                                            .gb-advert-card__logo-link img {
                                                display: block;
                                                width: 162px;
                                                height: 60px;
                                                max-height: 60px;
                                                object-fit: contain;
                                            }

                                            /*
                                             * Bonus rechts oben
                                             */
                                            .gb-advert-card__bonus {
                                                grid-area: bonus;
                                                display: flex;
                                                flex-direction: column;
                                                align-items: flex-start;
                                                justify-content: center;
                                                min-width: 0;
                                                min-height: 70px;
                                                padding: 8px 10px;
                                            }

                                            .gb-advert-card__bonus.is-single {
                                                display: flex;
                                            }

                                            .gb-advert-card__bonus-part {
                                                display: block;
                                                width: 100%;
                                                min-width: 0;
                                                padding: 0;
                                            }

                                            .gb-advert-card__bonus-part + .gb-advert-card__bonus-part {
                                                margin-top: 4px;
                                                padding-top: 0;
                                                border: 0;
                                            }

                                            .gb-advert-card__bonus-main,
                                            .gb-advert-card__bonus-extra {
                                                display: block;
                                                font-size: 20px;
                                                font-weight: 700;
                                                line-height: 22px;
                                            }

                                            .gb-advert-card__bonus-extra {
                                                font-weight: 500;
                                            }

                                            /*
                                             * Sterne links unten
                                             */
                                            .gb-advert-card__rating {
                                                grid-area: rating;
                                                display: flex;
                                                align-items: center;
                                                justify-content: center;
                                                min-width: 0;
                                                min-height: 68px;
                                                padding: 7px 5px;
                                                border-left: 0;
                                            }

                                            .gb-advert-card__rating .rc-tile-rating {
                                                display: flex;
                                                flex-direction: column;
                                                align-items: flex-start;
                                                justify-content: center;
                                                width: 100%;
                                                min-width: 0;
                                                gap: 2px;
                                                margin-left: 9px;
                                            }

                                            .gb-advert-card__rating .rc-tile-rating-stars {
                                                display: flex;
                                                justify-content: center;
                                                gap: 1px;
                                                max-width: 100%;
                                            }

                                            /*
                                             * Button rechts unten
                                             */
                                            .gb-advert-card__action {
                                                grid-area: action;
                                                display: flex;
                                                align-items: center;
                                                justify-content: center;
                                                min-width: 0;
                                                min-height: 68px;
                                                padding: 8px;
                                                border-left: 0;
                                            }

                                            .gb-advert-card__button {
                                                width: 100%;
                                                min-height: 42px;
                                                padding: 8px 5px;
                                                font-size: 13px;
                                                line-height: 1.2;
                                                white-space: nowrap;
                                            }

                                            /*
                                             * Hinweis
                                             */
                                            .gb-advert-list__notice {
                                                margin: 8px 0 0;
                                                padding: 3px 5px 0;
                                                font-size: 10px;
                                                line-height: 1.4;
                                                text-align: center;
                                            }
                                        }





                                        @media (max-width: 480px) {

                                            .gb-advert-list {
                                                margin: 18px 0;
                                            }

                                            /*
                                             * Überschrift
                                             */
                                            .gb-advert-list__headline {
                                                display: grid;
                                                grid-template-columns: 32px minmax(0, 1fr);
                                                align-items: center;
                                                gap: 9px;
                                                margin-bottom: 11px;
                                            }

                                            .advert-cas-icon {
                                                width: 32px;
                                                height: 32px;
                                                flex: none;
                                            }

                                            .gb-advert-list__headline h2 {
                                                margin: 0;
                                                font-size: 16px;
                                                line-height: 0.9;
                                            }

                                            .gb-advert-list__label {
                                                display: block;
                                                margin: 3px 0 0;
                                                font-size: 11px;
                                                line-height: 12px;
                                            }

                                            .gb-advert-list__items {
                                                gap: 9px;
                                            }

                                            /*
                                             * Kompakte Aufteilung wie in der Sidebar
                                             */
                                            .gb-advert-card {
                                                display: grid;
                                                grid-template-columns: minmax(0, 50%) minmax(0, 50%);
                                                grid-template-areas:
                                                    "provider bonus"
                                                    "rating action";
                                                align-items: stretch;
                                                min-height: 0;
                                                padding: 0;
                                                background: #f7f7f7;
                                                border-radius: 7px;
                                                overflow: hidden;
                                            }

                                            /*
                                             * Rang + Logo
                                             */
                                            .gb-advert-card__provider {
                                                grid-area: provider;
                                                display: grid;
                                                grid-template-columns: 30px minmax(0, 1fr);
                                                align-items: stretch;
                                                min-width: 0;
                                                min-height: 55px;
                                                padding: 8px 8px 0 15px;
                                                border: none;
                                                align-items: center;
                                            }

                                            .gb-advert-card__rank {
                                                display: flex;
                                                align-items: center;
                                                justify-content: center;
                                                width: auto;
                                                min-width: 0;
                                                height: 40px;
                                                color: var(--gb-advert-blue);
                                                font-size: 16px;
                                                font-weight: 700;
                                                background: #fff;
                                                border: 1px solid #dfe2e8;
                                                border-right: 0;
                                                border-radius: 5px 0 0 5px;
                                            }

                                            .gb-advert-card__logo-link {
                                                display: flex;
                                                align-items: center;
                                                justify-content: center;
                                                width: 108px;
                                                height: 40px;
                                                background: #fff;
                                                border: 1px solid #dfe2e8;
                                                border-radius: 0 5px 5px 0;
                                                overflow: hidden;
                                            }

                                            .gb-advert-card__logo-link img {
                                                display: block;
                                                width: 108px;
                                                height: 40px;
                                                max-height: 40px;
                                                object-fit: contain;
                                            }

                                            /*
                                             * Bonus rechts oben
                                             */
                                            .gb-advert-card__bonus {
                                                grid-area: bonus;
                                                display: flex;
                                                flex-direction: column;
                                                align-items: flex-start;
                                                justify-content: center;
                                                min-width: 0;
                                                min-height: 55px;
                                                padding: 0 10px;
                                            }

                                            .gb-advert-card__bonus.is-single {
                                                display: flex;
                                            }

                                            .gb-advert-card__bonus-part {
                                                display: block;
                                                width: 100%;
                                                min-width: 0;
                                                padding: 0;
                                            }

                                            .gb-advert-card__bonus-part + .gb-advert-card__bonus-part {
                                                margin-top: 4px;
                                                padding-top: 0;
                                                border: 0;
                                            }

                                            .gb-advert-card__bonus-main,
                                            .gb-advert-card__bonus-extra {
                                                display: block;
                                                font-size: 15px;
                                                font-weight: 700;
                                                line-height: 16px;
                                            }

                                            .gb-advert-card__bonus-extra {
                                                font-weight: 500;
                                            }

                                            /*
                                             * Sterne links unten
                                             */
                                            .gb-advert-card__rating {
                                                grid-area: rating;
                                                display: flex;
                                                align-items: center;
                                                justify-content: center;
                                                min-width: 0;
                                                min-height: 60px;
                                                padding: 0px 5px 0 15px;
                                                border-left: 0;
                                            }

                                            .gb-advert-card__rating .rc-tile-rating {
                                                display: flex;
                                                flex-direction: column;
                                                align-items: flex-start;
                                                justify-content: center;
                                                width: 100%;
                                                min-width: 0;
                                                gap: 2px;
                                                margin-left: 6px;
                                            }

                                            .gb-advert-card__rating .rc-tile-rating-stars {
                                                display: flex;
                                                justify-content: center;
                                                gap: 1px;
                                                max-width: 100%;
                                            }

                                            /*
                                             * Button rechts unten
                                             */
                                            .gb-advert-card__action {
                                                grid-area: action;
                                                display: flex;
                                                align-items: center;
                                                justify-content: center;
                                                min-width: 0;
                                                min-height: 60px;
                                                padding: 8px 15px 10px 8px;
                                                border-left: 0;
                                            }

                                            .gb-advert-card__button {
                                                width: 100%;
                                                min-height: 42px;
                                                padding: 8px 5px;
                                                font-size: 13px;
                                                line-height: 1.2;
                                                white-space: nowrap;
                                            }

                                            /*
                                             * Hinweis
                                             */
                                            .gb-advert-list__notice {
                                                margin: 8px 0 0;
                                                padding: 3px 5px 0;
                                                font-size: 10px;
                                                line-height: 1.4;
                                                text-align: center;
                                            }
                                        }








    .rc-tile-rating {
        display:inline-block;
        margin-top:calc(var(--rc-tile-size) * 0.15)
    }
    .rc-tile-rating__stars {
        display:block;
        line-height:0;
        font-size:0
    }
    .rc-tile-rating__svg {
        display:block
    }
    .rc-tile-rating__label {
        width:var(--rc-tile-total-w);
        margin-top:calc(var(--rc-tile-size) * 0.20);
        font-size:calc(var(--rc-tile-size) * 0.6);
        font-weight:600;
        line-height:13px;
        letter-spacing:0.04em;
        text-align:center
    }
    .rc-tile-rating__review-info {
        width:var(--rc-tile-total-w);
        margin-top:calc(var(--rc-tile-size) * 0.18);
        text-align:center
    }
    .rc-tile-rating__review-count {
        font-size:calc(var(--rc-tile-size) * 0.45);
        font-weight:600
    }
    .rc-tile-rating__review-last {
        margin-top:calc(var(--rc-tile-size) * 0.02);
        font-size:calc(var(--rc-tile-size) * 0.40);
        opacity:0.9
    }
    .rc-tile-rating__link {
        color:inherit;
        text-decoration:none
    }

    .sidebar .areatoplistbox .specinfo {
        font-size: 11px;
        line-height: 14px;
    }





 :root{
    --color-btn-standard-bg: #000B49;
    --ranknumber-gb: #FFF;
    --ranknumber-brd: #EEE;
    --rankitem-bg-01: #FFF;
    --rankitem-bg-02: #f9f9f9;
    --rankx-color: #282626;

    --rank1-bg-a: #FFF6D4;
    --rank1-bg-b: #F2D58D;
    --rank1-bg-c: #E3BC63;
    --rank1-bg-d: #F4D68C;
    --rank1-border: #D4A017;
    --rank1-fg: #0e0e0e;


    --rank2-bg-a: #F9F9F9;
    --rank2-bg-b: #E6E6E6;
    --rank2-bg-c: #CFCFCF;
    --rank2-bg-d: #E8E8E8;
    --rank2-border: #BEBEBE;
    --rank2-fg: #1e1e1e;

    --rank3-bg-a: #F2DDC7;
    --rank3-bg-b: #D9AE7B;
    --rank3-bg-c: #C48C5A;
    --rank3-bg-d: #E2B890;
    --rank3-border: #A46A3C;
    --rank3-fg: #46290f;

    --rc-tile-hole-bg: #ffffff;

    --color-cont-text-03: #FFF;

    --ratingstar-blue-bg: #c0c8d8;
        --ratingstar-blue-color: #003070;
        --ratingstar-gold-bg: #c8c8c8;
        --ratingstar-gold-color: #7a5000;

}