h1 {
            font-size: 24px;
            font-weight: 600;
            line-height: 1.3;
            margin: 0 0 10px 0;
            letter-spacing: -0.3px;
        }
        h2 {
            font-size: 21px;
            font-weight: 600;
            line-height: 1.35;
            margin-bottom: 0.6em;
            letter-spacing: -0.2px;
        }
        h3 {
            font-size: 18px;
            font-weight: 600;
            line-height: 1.4;
            margin-bottom: 0.5em;
        }
        h4, h5 {
            font-size: 16px;
            font-weight: 600;
            line-height: 1.45;
            margin-bottom: 0.4em;
        }


        .contentbox img {
        max-width: 100%;
        height: auto;
        border-radius: 12px;
        }




/* =============================================
   Basis-Stile
   ============================================= */

.box_alert,
.box_info,
.box_success,
.box_tip {
    margin: 10px 0 20px;
    padding: 12px 16px 12px 50px;
    font-size: 14px;
    line-height: 1.55;
    border-radius: 6px;
    border-left: 4px solid;
    clear: both;
    position: relative;
}

.box_alert p:first-of-type,
.box_info p:first-of-type,
.box_success p:first-of-type,
.box_tip p:first-of-type{
    margin-top: 0;
}


.box_alert p:last-of-type,
.box_info p:last-of-type,
.box_success p:last-of-type,
.box_tip p:last-of-type {
    margin-bottom: 0;
}


.box_alert strong:first-child,
.box_info  strong:first-child,
.box_success  strong:first-child,
.box_tip  strong:first-child {
    /*display: block; */
    margin-bottom: 0;
}

/* Hintergründe & Farben */
.box_tip {
    background-color: var(--box-tip-bg);
    border-color:     var(--box-tip-border);
    color:            var(--box-tip-color);
}
.box_info {
    background-color: var(--box-info-bg);
    border-color:     var(--box-info-border);
    color:            var(--box-info-color);
}
.box_alert {
    background-color: var(--box-alert-bg);
    border-color:     var(--box-alert-border);
    color:            var(--box-alert-color);
}
.box_success {
    background-color: var(--box-success-bg);
    border-color:     var(--box-success-border);
    color:            var(--box-success-color);
}

/* Icons */
.box_alert::before,
.box_info::before,
.box_success::before,
.box_tip::before {
    font-family: entypo, sans-serif;
    font-size: 20px;
    position: absolute;
    left: 14px;
    top: 12px;
    line-height: 1;
}

.box_tip::before     { content: "\1f4a1"; color: var(--box-tip-icon); }
.box_info::before    { content: "ℹ";     color: var(--box-info-icon); }
.box_alert::before   { content: "\26a0";  color: var(--box-alert-icon); }
.box_success::before { content: "\1f44d"; color: var(--box-success-icon); }

.box_tip a { color: var(--box-tip-link); }
.box_info a { color: var(--box-info-link); }
.box_alert a { color: var(--box-alert-link); }
.box_success a { color: var(--box-success-link); }

/* Titel */
.box_alert strong,
.box_info strong,
.box_success strong,
.box_tip strong {
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    padding-bottom: 0;
}

.box_tip strong     { color: var(--box-tip-strong); }
.box_info strong    { color: var(--box-info-strong); }
.box_alert strong   { color: var(--box-alert-strong); }
.box_success strong { color: var(--box-success-strong); }

/* Ohne Icons */
.box_alert.withouticons,
.box_info.withouticons,
.box_success.withouticons,
.box_tip.withouticons {
    padding-left: 16px;
}

.box_alert.withouticons::before,
.box_info.withouticons::before,
.box_success.withouticons::before,
.box_tip.withouticons::before {
    display: none;
}

/* =============================================
   Zitatbox
   ============================================= */

.box_quote {
    border-left: 4px solid var(--box-quote-border);
    padding: 10px 18px;
    margin: 10px 0 20px;
    clear: both;
}

.box_quote blockquote {
    margin: 0;
    font-size: 14px;
    font-style: italic;
    color: inherit;
    line-height: 1.65;
}

.box_quote blockquote p {
    margin-top: 0;
}

.box_quote cite {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    font-style: normal;
    color: var(--box-quote-cite);
}

.box_quote cite::before {
    content: "— ";
}


/* =========================
    Columnboxes
   ========================= */

.gb_columnbox-2,
        .gb_columnbox-3,
        .gb_columnbox-4 {
            display: grid;
            gap: 14px;
            margin: 0 0 16px 0;
            clear: both;
        }

        .gb_columnbox-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .gb_columnbox-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .gb_columnbox-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

         .gb_column {
            padding: 5px;
            min-width: 0;
        }

/* =========================
   Expertenboxen Frontend
   ========================= */

/* Basis (für alle 3 Typen) */
.gb_expertbox-david,
.gb_expertbox-matthias,
.gb_expertbox-counter {
    --expert-img: none;

    position: relative;
    clear: both;
    margin: 0 0 20px 0;
    padding: 20px 22px 20px 124px;
    min-height: 110px;

    border: 1px solid var(--expertbox-border);
    border-radius: 12px;
    background-color: var(--expertbox-bg);
    color: var(--expertbox-color);

    background-image: var(--expert-img);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 100px auto;

    box-sizing: border-box;
}


/* Titel */
.gb_expertbox__title {
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--expertbox-color);
}

/* Text */
.gb_expertbox-david p,
.gb_expertbox-matthias p,
.gb_expertbox-counter p {
    margin: 0 0 12px 0;
    font-size: 15px;
    line-height: 1.65;
    color: var(--expertbox-color);
}

.gb_expertbox-david p:last-child,
.gb_expertbox-matthias p:last-child,
.gb_expertbox-counter p:last-child {
    margin-bottom: 0;
}

/* Listen */
.gb_expertbox-david ul,
.gb_expertbox-david ol,
.gb_expertbox-matthias ul,
.gb_expertbox-matthias ol,
.gb_expertbox-counter ul,
.gb_expertbox-counter ol {
    margin: 0 0 12px 20px;
}

.gb_expertbox-david li,
.gb_expertbox-matthias li,
.gb_expertbox-counter li {
    margin-bottom: 6px;
    line-height: 1.6;
}

/* Links */
.gb_expertbox-david a,
.gb_expertbox-matthias a,
.gb_expertbox-counter a {
    color: #0b57d0;
    text-decoration: underline;
}

.gb_expertbox-david a:hover,
.gb_expertbox-matthias a:hover,
.gb_expertbox-counter a:hover {
    text-decoration: none;
}

/* =========================
   Bilder pro Autor
   ========================= */

.gb_expertbox-david {
    --expert-img: url('https://gamblebase.com/Images/Experts/david_s.png');
}

.gb_expertbox-matthias {
    --expert-img: url('https://gamblebase.com/Images/Experts/matthias_s.png');
}

.gb_expertbox-counter {
    --expert-img: url('https://gamblebase.com/Images/Experts/counter_s.png');
}


/* =========================
   Responsive
   ========================= */

@media (max-width: 700px) {
    .gb_expertbox-david,
    .gb_expertbox-matthias,
    .gb_expertbox-counter {
        padding: 16px;
        min-height: 0;
        background-image: none !important;
    }

    .gb_expertbox__title {
        font-size: 19px;
    }

    .gb_expertbox-david p,
    .gb_expertbox-matthias p,
    .gb_expertbox-counter p {
        font-size: 15px;
        line-height: 1.6;
    }
}


        .datablock_label{
            font-weight: 600;
        }

        table{
            border: 1px solid rgb(209, 209, 209);
            border-collapse: collapse !important;
        }

        table thead tr{
            font-weight: 600;
            background: var(--color-cont-background-02);
            color: var(--color-cont-text-03);
            text-align: center;
        }

        table tbody tr{
            background: var(--rankitem-bg-01);
            color: var(--color-cont-text-01);
        }

        table tbody tr:nth-child(2n) {
            background: var(--rankitem-bg-02);
            color: var(--color-cont-text-01);
        }

        table td{
            border: 1px solid var(--color-border-01);
            padding: 15px;
        }



    body.page_casino .panel{
        padding: 16px 0;
        font-size: 15px;
        line-height: 1.6;
        color: #222;
    }

    body.page_casino .panel h2{
        margin-top: 0;
    }

    body.page_casino .panel.is-active{
        animation: fadeIn .12s ease;
    }

    @keyframes fadeIn{
        from{ opacity: 0; }
        to{ opacity: 1; }
    }


    /*******************************************
    * Casino-Übersicht
    ******************************************/
    body.page_casino .entrytxt{
        max-width: 800px;
    }


    .gb-casino-card{
        border: 1px solid var(--color-border-02);/*#e5e5e5;*/
        background: var(--rankitem-bg-01);
        /*padding: 10px;*/
        margin-bottom: 12px;
        border-radius: 4px;
    }

    .gb-casino-card .grid-header{
        background: linear-gradient(90deg, #1b2230 0%, #121826 55%, #0e1420 100%);
        color:#fff;
        padding: 10px 14px;
        font-weight: 600;
        font-size: 17px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        display:flex;
        align-items:center;
        gap:12px;
        position:relative;
        overflow:hidden;
        margin-bottom: 10px;
        border-bottom: 1px solid var(--color-border-02);
    }

    .gb-casino-card .grid-header::after{
        content:"";
        position:absolute;
        left:0; right:0; bottom:0;
        height:2px;
        background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.25), rgba(255,255,255,0));
    }

    .gb-casino-card .grid-header::before{
        content:"";
        position:absolute;
        inset:-40px -80px;
        background:
            radial-gradient(circle at 15% 50%, rgba(255,255,255,.10), transparent 55%),
            radial-gradient(circle at 85% 30%, rgba(255,255,255,.06), transparent 60%);
        pointer-events:none;
        opacity:.65;
    }

    .gb-casino-card .grid-header .grid-title{
        min-width:0;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .gb-casino-card .grid-header .rank-num{
        flex:0 0 auto;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.3px;
        color: rgba(255,255,255,.70);
        text-shadow: none;
        padding-right: 10px;
        margin-right: 2px;
        border-right: 1px solid rgba(255,255,255,.16);
    }

    .gb-casino-card .grid-header .rank-num::before{
        content:"#";
        opacity:.55;
        margin-right:2px;
        font-weight: 600;
    }

    .gb-casino-card .grid-header.casrank-1 .rank-num,
    .gb-casino-card .grid-header.casrank-2 .rank-num,
    .gb-casino-card .grid-header.casrank-3 .rank-num{
        font-size: 20px;
        font-weight: 700;
        color: rgba(255,255,255,.92);
        border-right-color: rgba(255,255,255,.22);
    }

    .gb-casino-card .grid-header.casrank-1 .rank-num{
        color: #7f641b;
    }
    .gb-casino-card .grid-header.casrank-2 .rank-num{
        color: #7b8597;
    }
    .gb-casino-card .grid-header.casrank-3 .rank-num{
        color: #775025;
    }

    .gb-casino-card .grid-header.casrank-1,
    .gb-casino-card .grid-header.casrank-2,
    .gb-casino-card .grid-header.casrank-3
    {
        background: linear-gradient( 135deg, var(--bg-a) 0%, var(--bg-b) 25%, var(--bg-c) 55%, var(--bg-d) 100% ) !important;
        box-shadow: inset 6px 0 0 rgba(255,255,255,.10);
    }

    .gb-casino-card .casrank-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);
    }

    .gb-casino-card .casrank-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);
    }

    .gb-casino-card .casrank-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);
    }

    .gb-casino-card .grid-header.casrank-1{
        box-shadow: inset 6px 0 0 rgba(150,105,28,.95); /* dunkleres Gold */
        color: var(--rank1-fg);                                /* klar dunkler */
    }

    /*.gb-casino-card .grid-header.casrank-1{ box-shadow: inset 6px 0 0 rgba(201,151,47,.95); color: #4f3c0c; } */
    .gb-casino-card .grid-header.casrank-2{ box-shadow: inset 6px 0 0 rgba(170,180,198,.95); color: var(--rank2-fg); }
    .gb-casino-card .grid-header.casrank-3{ box-shadow: inset 6px 0 0 rgba(168,106,44,.95); color: var(--rank3-fg); }

    .gb-casino-card .grid-header .rank-label{
        margin-left:auto;
        display:inline-flex;
        align-items:center;
        gap:6px;
        font-size:13px;
        font-weight:700;
        letter-spacing:.35px;
        text-transform:uppercase;
        padding-left:12px;
        border-left:1px solid rgba(0,0,0,.12);
        white-space:nowrap;
        position:relative;
        padding-bottom:1px;
        color: rgba(43, 33, 16, .88);
        text-shadow: 0 1px 0 rgba(255,255,255,.25);
    }

    .gb-casino-card .grid-header .rank-label::before{
        content: "\1f3c6";
        font-family: "entypo";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        font-size: 14px;
        opacity:.95;
        display:inline-block;
        transform-origin: 50% 70%;
    }

    .gb-casino-card .grid-header:not(.casrank-1) .rank-label{
        display:none;
    }

    .gb-casino-card .grid-header.casrank-1 .rank-label::after{
        content:"";
        position:absolute;
        left:0;
        right:0;
        bottom:-2px;
        height:2px;
        border-radius:999px;
        background: linear-gradient( 90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));
        transform: translateX(-120%);
        opacity: 0;
        pointer-events:none;
        animation: label-sweep 4.6s ease-in-out .8s infinite;
    }

    .gb-casino-card .grid-header.casrank-1 .rank-label::before{
        animation: trophy-pop 2.8s ease-in-out infinite;
    }

    .gb-casino-card .gbc-user-rating-count{
        font-size: 13px;
        font-weight: 600;
        border-top: 1px solid #666;
        border-image: linear-gradient(
            to right,
            transparent,
            var(--color-border-02) 20%,
            var(--color-border-02) 80%,
            transparent
        ) 1;
        padding-top: 8px;
        margin-top: 6px
    }
    .gb-casino-card .gbc-user-rating-date{
        font-size: 10px;
    }



    @keyframes trophy-pop{
       0%,100% { transform: translateY(0) scale(1); }
        50%     { transform: translateY(-1px) scale(1.16); }
    }

    @keyframes header-glow{
        0%,100%{
            box-shadow:
                inset 6px 0 0 rgba(150,105,28,.95),
                inset 0 0 0 rgba(0,0,0,0);
        }
        50%{
            box-shadow:
                inset 6px 0 0 rgba(150,105,28,.95),
                inset 0 0 40px rgba(215,170,90,.22);
        }
    }

    @keyframes label-sweep{
        0%   { transform: translateX(-120%); opacity:0; }
        12%  { opacity:.9; }
        32%  { transform: translateX(120%); opacity:0; }
        100% { transform: translateX(120%); opacity:0; }
    }

    @keyframes header-overlay{
        0%,100% { opacity:.40; }
        50%     { opacity:.92; }
    }

    @keyframes label-sheen{
        0%   { opacity:.80; }
        50%  { opacity:1; }
        100% { opacity:.80; }
    }

    .gb-casino-card .grid-header.casrank-1::before{
        background:
            radial-gradient(circle at 22% 55%, rgba(215,170,90,.52), transparent 56%),
            radial-gradient(circle at 15% 50%, rgba(255,255,255,.10), transparent 55%),
            radial-gradient(circle at 85% 30%, rgba(255,255,255,.06), transparent 60%);
        opacity:.55;
        animation: header-overlay 6.4s cubic-bezier(.4,.0,.6,1) infinite;
        will-change: opacity;
    }

    .gb-casino-card .grid-header.casrank-1{
        animation: header-glow 6.4s cubic-bezier(.4,.0,.6,1) infinite;
        will-change: box-shadow;
    }

    .gb-casino-card .grid-header.casrank-1::before{
        animation: header-overlay 3.8s cubic-bezier(.4,.0,.6,1) infinite;
    }

    .gb-casino-card .grid-header.casrank-1 .rank-label{
        animation: label-sheen 3.8s ease-in-out infinite;
    }

    @media (prefers-reduced-motion: reduce){
        .gb-casino-card .grid-header.casrank-1,
        .gb-casino-card .grid-header.casrank-1 .rank-label{
            animation: none !important;
        }
        .gb-casino-card .grid-header.casrank-1 .rank-label::after,
        .gb-casino-card .grid-header.casrank-1 .rank-label::before{
            animation: none !important;
        }

        .gb-casino-card .grid-header.casrank-1::before{
            animation: none !important;
        }
    }

    .rank-off .gb-casino-card .grid-header .rank-num,
    .rank-off .gb-casino-card .grid-header .rank-label{
        display:none !important;
    }

    @media (max-width:600px){
        .gb-casino-card .grid-header{
            font-size:15px;
            padding:9px 10px;
            gap:10px;
            flex-wrap:wrap;
            row-gap:6px;
        }
        .gb-casino-card .grid-header .rank-num{
            font-size: 17px;
            padding-right: 9px;
        }
        .gb-casino-card .grid-header.casrank-1 .rank-num,
        .gb-casino-card .grid-header.casrank-2 .rank-num,
        .gb-casino-card .grid-header.casrank-3 .rank-num{
            font-size: 19px;
        }
        .gb-casino-card .grid-header .rank-label{
            margin-left:0;
        }
    }

    .gb-casino-card.extend{
        padding-bottom: 0;
    }

    .gb-casino-card .additionalinfo{
        font-weight: 700;
        font-size: 15px;
        vertical-align: bottom;
        display: inline-block;
    }

    .gb-casino-card-suffix{
        padding: 5px 0 3px 0;
        font-size: 12px;
        color: var(--color-cont-text-06);
        text-align: right;
    }

    .gb-casino-card-suffix a{
        color: var(--color-cont-text-04);
        text-decoration: none;
    }

    .gb-casino-card .gbc-grid{
        display:grid;
       /* grid-template-columns:140px 130px 1fr 150px; */
        grid-template-columns:150px  1fr 150px;
        gap:20px;
        align-items: flex-start;
        margin: 10px;
    }

    .gb-casino-card .gbc-grid-first{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:6px;
        text-align:center;
        padding: 0 5px;
    }

    .gb-casino-card .gbc-grid-first .rc-rating__label{
        font-weight: 600;
        line-height: 13px;
    }

    .gb-casino-card .gbc-grid-first .rc-rating__link{
        text-decoration: none !important;
    }

    .gb-casino-card .cc-logo{
        width:135px;
        height:50px;
        object-fit:contain;
        border-radius:12px;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.10);
        transition: box-shadow .2s ease;
    }

    .gb-casino-card .cc-name{
        font-weight:700;
        line-height:1.1;
    }

    .gb-casino-card .rc-rating{
        margin:0;
    }

    .gb-casino-card a.last_rating{
        margin-top: 10px;
        font-size: 13px;
        text-decoration: none;
        line-height: 14px;
        color: var(--color-cont-text-05);
    }

    .gb-casino-card .p_logo{
        height: 30px;
        display: inline-block;
        margin: 0 5px 5px 0;
    }

    .gb-casino-card .badge_morepayment{
        width: 50px;
        font-size:14px;
        background:#fff;
        border-radius:3px;
        text-align:center;
        cursor:pointer;
        font-weight: 700;
        display: inline-block;
        line-height: 13px;
        height: 19px;
        padding: 2px 0;
    }

    .gb-casino-card .payment-info {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 15px;
        position: relative;
        min-width: 0;
    }

    .gb-casino-card .gbc-grid-second{
        display:flex;
        flex-direction:column;
        gap:8px;
        min-width:0;
    }

    .gb-casino-card .gbc-grid-second-middle{
        display:grid;
        grid-template-columns: 1fr 260px;
        gap:4px 18px;
        font-size:14px;
        align-items:start;
    }

    .gb-casino-card .gb-point{
        min-width:0;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .gb-casino-card .gb-point.pro,
    .gb-casino-card .gb-point.con{
        font-weight: 400;
        line-height: 22px;
    }

    .gb-casino-card .rc-rating__stars{
        margin-top: 7px;
    }

    .gb-casino-card .rc-rating__label{
        font-size: 15px;
        margin-top: 8px;
    }

    .gb-casino-card .gb-point.con-start{
        grid-column:1;
        break-before:always;
        margin-top: 5px;
    }


    .gb-casino-card .gb-point img,
    .casdetail .gb-point img{
        width: 15px;
        vertical-align: sub;
        margin-right: 3px;
    }


    .gb-casino-card .gb-bonusline{
        font-size:18px;
        line-height:1.15;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .gb-casino-card .gb-fsline{
        font-size:13px;
        font-weight:700;
        opacity:.85;
    }

    .gb-casino-card .gbc-grid-fifth{
        display: flex;
        gap: 10px;
    }

    .gb-casino-card .btn-grey{
        color: var(--color-cont-text-04);
        font-weight: 400;
    }

    .gb-casino-card .gb-point.pro{ color: var(--caspro–color); }
    .gb-casino-card .gb-point.con{ color: var(--casneg–color); }

    .gb-casino-card .gb-procon{
        overflow: hidden;
    }

    .gb-casino-card .gb-xtrainfo{
        display:grid;
        grid-template-columns: 1fr; /*1fr;  zwei gb-info pro Zeile */
        gap:4px 20px;
        font-size:13px;
        color:var(--color-cont-text-10);
    }

    .gb-casino-card .gb-info{
        display:grid;
        grid-template-columns: max-content 1fr;
        column-gap:6px;
        align-items:baseline;
        min-width:0;
    }

    .gb-casino-card .gb-info-label{
        opacity:.85;
        white-space:nowrap;
    }

    .gb-casino-card .gb-info-value{
        font-weight:700;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    /* === Spalte 4: Buttons === */
    .gb-casino-card .gbc-grid-third{
        display:flex;
        flex-direction:column;
        gap:6px;
    }

    .gb-casino-card .gbc-grid-third .btn{
        width:100%;
        text-align: center;
    }


    .gb-casino-card .gbc-rating-title {
        margin-top: 5px;
        margin-bottom: -3px;
        font-weight: 600;
        font-size: 14px;
    }


    .gb-casino-card .gbc-grid-second-top { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 8px; align-items: center; font-size: 22px; font-weight: 700; line-height: 1.2; min-width: 0; }
           .gb-casino-card .gbc-grid-second-top img { width: 25px; height: 25px; border-radius: 0; object-fit: contain; } .gb-casino-card .gbc-grid-second-top span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gb-casino-card .gbc-grid-second-top .gb-fs{ margin-left: 5px; }
    @media (max-width: 1100px){
        .gb-casino-card .gbc-grid-second-middle{
            grid-template-columns:1fr;
        }
    }

    @media (max-width:600px){
        .gb-casino-card .gbc-grid-second-bottom{
            grid-template-columns:1fr;
        }

        .gb-casino-card .gbc-grid{
            grid-template-columns:1fr;
            gap:5px;
        }

        .gb-casino-card .gbc-grid-second{
            justify-content: center;
            padding-top: 15px;
        }

        .gb-casino-card .gbc-grid-first{ order:1; }
        .gb-casino-card .gbc-grid-second{ order:2; }
        .gb-casino-card .gbc-grid-third{ order:3; }









    .gb-casino-card .gbc-grid-first {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "logo rating"
            "users users";
        align-items: center;
        column-gap: 14px;
        row-gap: 10px;
        padding: 6px 10px 0;
    }

    .gb-casino-card .gbc-logo-wrap {
        grid-area: logo;
        justify-content: center;
    }

    .gb-casino-card .gbc-rating-wrap {
        grid-area: rating;
        text-align: center;
    }

    .gb-casino-card .gbc-user-rating-info {
        grid-area: users;
        width: 100%;
        max-width: 220px;
        justify-self: center;
        margin-top: 2px;
    }

    .gb-casino-card .gbc-rating-title {
        margin-top: 0;
        margin-bottom: -6px;
        font-size: 14px;
    }

    .gb-casino-card .cc-logo {
        width: 135px;
        max-width: 100%;
        height: 50px;
        border: 1px solid var(--color-border-02);
    }

    .gb-casino-card .gbc-grid-first .rc-rating__stars {
        margin-top: 6px;
    }

    .gb-casino-card .gbc-grid-first .rc-rating__label {
        margin-top: 5px;
        font-size: 14px;
    }




    .gb-casino-card .gbc-grid-second-top {
        font-size: 18px;
        line-height: 1.2;
        font-weight: 600;
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr);
        column-gap: 8px;
        align-items: start;
    }

    .gb-casino-card .gbc-grid-second-top img {
        grid-column: 1;
        width: 24px;
        height: 24px;
        margin-top: 2px;
    }

    .gb-casino-card .gbc-grid-second-top span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        white-space: normal;
    }

    .gb-casino-card .gbc-grid-second-top .gb-fs {
        margin-left: 0;
    }

     .gb-casino-card .gbc-grid-second-top {
        align-items: center;
    }

    .gb-casino-card .gbc-grid-second-top .gb-bonus-text {
        grid-column: 2;
        min-width: 0;

        font-size: 18px;
        line-height: 1.2;
        font-weight: 600;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;

        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }




    }


    @media (max-width: 480px) {
        .gb-casino-card .payment-info {
            gap: 6px;
        }

    }

    .btn.btn-cta-gold{
        position: relative;
        overflow: hidden;
    }

    .btn.btn-cta-gold{
        width: 100%;
        text-align: center;
        background: linear-gradient(180deg, #fff3c4 0%, #f7d77a 18%, #e6b84f 45%, #c9972f 70%, #b07c19 100%);
        color: #3a2500;
        border: 1px solid #b9892c;
        border-radius: 6px;
        font-weight: 700;
        letter-spacing: 0.4px;
        transition: all 0.15s ease;
        text-shadow: none;
        margin: 0;
        font-size: 16px;
        padding: 12px 10px 0 10px;
        height: 50px;
    }

    .btn.btn-cta-gold.exclstar{
        padding: 10px 11px 0 21px;
    }

    .btn.btn-cta-gold sup{
        color: #242424;
        font-weight: 400;
    }

    .gb-casino-card .btn.btn-grey{
        margin-top: 8px;
        padding: 4px 8px 7px;

    }

    .btn.btn-cta-gold:hover{
        background: linear-gradient(180deg, #fff7d6 0%, #f9df8f 18%, #ecc45e 45%, #d09a2f 70%, #b87d1a 100%);
       /* transform: translateY(+1px); */
    }

    .btn.btn-cta-gold::after{
        content: "";
        position: absolute;
        top: -50%;
        left: -75%;
        width: 35%;
        height: 200%;
        background: linear-gradient(
            120deg,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,0.25) 50%, /* vorher 0.6 */
            rgba(255,255,255,0) 100%
        );
        transform: rotate(25deg);
        opacity: 0;
        pointer-events: none;
    }

    .btn.btn-cta-gold.is-highlighted::after{
        animation: gold-shine 4s ease-in-out  0.6s  infinite;
    }

    @keyframes gold-shine{
        0% { left: -75%; opacity: 0; }
        10% { opacity: 1; }
        30% { left: 130%; opacity: 0; }
        100% { left: 130%; opacity: 0; }
    }


    .gb-casino-card  .ggllogo{
        margin-top: -2px;
    }

    .gb-casino-card  .ggllogo img{
        width: 50px;
        position: relative;
        bottom: -5px;
    }

    

    /* =========================
       Desktop guarantee (optional, aber sicher)
    ========================= */
    @media (min-width: 901px){
      details.gb-facts-toggle{ display:none !important; }
      .gb-bonus-facts{ display:block !important; }
    }

    .mobile-casino-cta__inner .btn.btn-cta-gold{
        height: 36px;
    }

    .mobile-casino-cta__inner .btn.btn-cta-gold {
        padding: 6px 11px 0 21px;
    }

    .mobile-casino-cta__inner .btn.btn-cta-gold.exclstar {
        padding: 4px 11px 0 21px;
    }


    @media (min-width:769px){
        .mobile-casino-cta{
            display:none;
        }
    }

    @media (max-width:768px){
        body.page_casino #contentwrap{
            margin-bottom: 30px;
        }
        .mobile-casino-cta{
            position:fixed;
            left:0;
            right:0;
            bottom:0;

            padding:8px 10px;
            background:#fff;
            border-top:1px solid #ddd;
            box-shadow:0 -2px 10px rgba(0,0,0,.12);

            z-index:999;

            transform:translateY(110%);
            transition:transform .25s ease;
        }

        .mobile-casino-cta{
            bottom:10px;
            padding:8px 10px calc(env(safe-area-inset-bottom) + 8px);
        }

        .mobile-casino-cta.visible{
            transform:translateY(0);
        }


        .mobile-casino-cta__inner{
            display:grid;
            grid-template-columns:90px 1fr;
            gap:10px;
            align-items:center;

            max-width:700px;
            margin:auto;
        }

        .mobile-casino-cta__logo{
            width:90px;
            height:36px;
            object-fit:contain;

            border-radius:8px;
            background:#fff;
            padding:3px;

            box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
        }

        .mobile-casino-cta .btn{
            height:42px;
            padding-top:8px;
            margin:0;
        }


    }


    /*******************************************
     * Casino-Detail
     ******************************************/
    .content .contentbox.casdetail{
        padding: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }


    .tabwrap{
        display:flex;
        min-height:100vh;
        padding: 20px 40px 40px;
    }

    .casdetail_content .gridleft-top .caslogo,
    .casbonus_content .gridleft-top .caslogo,
    .cascomments_content .gridleft-top .caslogo,
    .casreview_content .gridleft-top .caslogo{
        max-width: 100%;
        background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%);
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.10);
        border-radius: 12px;
        transition: box-shadow .2s ease;
    }

    .casdetail_content .gridleft-top .casname,
    .casbonus_content .gridleft-top .casname,
    .cascomments_content .gridleft-top .casname,
    .casreview_content .gridleft-top .casname{
        font-size: 25px;
        font-weight: 600;
    }

    .casdetail_content .gridleft-bottom  .caslabel{
        font-weight: 700;
        margin-top: 10px;
    }

    .casdetail_content .gridleft-bottom  .casvalue{
        margin-top: 0;
    }

    .casdetail_content .gridleft-bottom .payment img{
        max-width: 55px;
        margin: 0 5px 5px 0;
    }


    .casdetail_content .cassm img{
        width: 30px;
        margin: 5px 5px 0 0;
    }


    .casdetail_content .content-block__header{
        margin-bottom: 6px;
    }

    .casdetail_content .content-block__body{
        font-size: 15px;
        line-height: 1.6;
        margin: 0;
    }

    .casdetail_content .content-block{
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--authorbox-border);
    }

    .casdetail_content .gb-points{
        display:grid;
            grid-template-columns:1fr 1fr;
            gap:4px 18px;
            align-items:start;
    }
    .casdetail_content .gb-point{
            min-width:0;

        }

    .casdetail_content .gb-point.pro,
    .casdetail_content .gb-point.con{
            font-weight: 400;
        }

    .casdetail_content .gb-points ul,
    .casdetail .casreview_box .gb-points ul{
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .casdetail_content .gb-points_pro li,
    .casdetail_content .gb-points_contra li,
    .casreview_content .gb-points_pro li,
    .casreview_content .gb-points_contra li{
        background-size: 15px 15px;
        background-repeat: no-repeat;
        padding-left: 20px;
        background-position: left 5px;
    }

    .casdetail_content .gb-points_pro li,
    .casreview_content .gb-points_pro li{
        background-image: url('https://gamblebase.com/Images/Icons/proco_pro.svg?13');
    }

    .casdetail_content .gb-points_contra li,
    .casreview_content .gb-points_contra li{
        background-image: url('https://gamblebase.com/Images/Icons/proco_contra.svg?13');
    }

    .casdetail_content .gb-points *,
    .casreview_content .gb-points * {
        min-width: 0;
    }


    .casdetail_content .gb-point.con-start,
    .casreview_content .gb-point.con-start{
        grid-column:1;
        break-before:always; /* wird von Grid nicht zuverlässig unterstützt */
    }

    .casdetail_content .gb-point.pro,
    .casreview_content .gb-point.pro{ color:var(--caspro–color); }
    .casdetail_content .gb-point.con,
    .casreview_content .gb-point.con{ color:var(--casneg–color); }

    .casdetail_content .datablock_full{
        clear: both;
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin-bottom: 15px;
    }

    .casdetail_content .datablock_half{
        display: inline-block;
        width: calc(50% - 10px);
        margin-right: 10px;
        vertical-align: top;
        margin-bottom: 15px;
    }

    .casdetail_content .datablock_label{
        display: inline-block;
        padding-right: 10px;
    }
    .casdetail_content .datablock_value{
        display: inline-block;
    }

    .casdetail_content .keyintxt{
        background-color: var(--underlinekey);
        padding: 0;
    }


    .casino-overview .gb-casino-card:last-of-type{
        margin-bottom: 0;
    }

    body.page_casino .gb-casino-card-info{
        display: block;
        font-size: 12px;
        line-height: 12px;
        width: 100%;
        margin-top: -10px;
        margin-bottom: 10px;
        text-align: right;
    }


    body.page_casino .payment-tooltip {
        position: absolute;
        top: calc(100% + 10px);
        left: calc(100% - 200px);

        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;

        padding: 10px;

        background: var(--color-cont-background-01);
        border: 1px solid var(--color-border-01);
        border-radius: 8px;

        box-shadow: 0 6px 20px rgba(0,0,0,0.25);

        min-width: 180px;
        max-width: 260px;

        visibility: hidden;
        opacity: 0;
        pointer-events: none;

        transition: opacity 0.2s ease;

        z-index: 999;
    }


    body.page_casino .payment-tooltip img {
        height: 26px;
        object-fit: contain;
    }

    body.page_casino .payment-tooltip{
        visibility: hidden;
    }

    body.page_casino .payment-tooltip.visible {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }


    .gb-icon {
            display: inline-block;
            background-color: var(--color-cont-text-01);
        }

        .gb-icon.icon-large {
            height: 26px;
            width: 26px;
            -webkit-mask: var(--icon) center / contain no-repeat;
            mask: var(--icon) center / contain no-repeat;
        }

        .gb-icon.icon-normal {
            height: 22px;
            width: 22px;
            -webkit-mask: var(--icon) center / contain no-repeat;
            mask: var(--icon) center / contain no-repeat;
        }

        .gb-icon.icon-small {
            height: 18px;
            width: 18px;
            -webkit-mask: var(--icon) center / contain no-repeat;
            mask: var(--icon) center / contain no-repeat;
        }



        .gb-icon.icon-payment1 { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/payment.svg');}
        .gb-icon.icon-payment2 { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/payment_2.svg');}
        .gb-icon.icon-payment3 { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/payment_3.svg');}
        .gb-icon.icon-license { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/licence.svg');}
        .gb-icon.icon-dice { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/dice.svg');}
        .gb-icon.icon-info { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/info.svg');}
        .gb-icon.icon-withdraw { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/withdraw.svg');}
        .gb-icon.icon-time { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/time.svg');}
        .gb-icon.icon-weekend { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/weekend.svg');}
        .gb-icon.icon-storno { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/storno.svg');}
        .gb-icon.icon-company { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/company.svg');}
        .gb-icon.icon-social { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/socialnetwork.svg');}
        .gb-icon.icon-list { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/list.svg');}
        .gb-icon.icon-gauge { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/gauge.svg');}
        .gb-icon.icon-filter { --icon: url('https://gamblebase.com/CIncludes/Images/Icons/settings.svg');}
        .gb-icon.icon-payment2.gb-icon.icon-normal {height: 24px; width: 24px;}


        .casdetail_content .casino-sideinfo{
            display:flex;
            flex-direction:column;
            gap:14px;
        }

        .casdetail_content .sidebar_smallicon{
            height: 22px;
            width: 22px;
            margin-right: 3px;
            filter: var(--smallsvgiconfilter);
        }

        .casdetail_content .sidebar_smallericon{
            height: 18px;
            width: 18px;
            margin-right: 3px;
            filter: var(--smallsvgiconfilter);
        }

        .gridleft-top .btn.btn-cta-gold{
            margin-bottom: 10px;
        }

        .casdetail_content .side-card{
            padding:14px;
            border:1px solid var(--color-border-02);
            border-radius:12px;
            background: var(--color-cont-background-01);
        }

        .casdetail_content .side-card__title{
            display:flex;
            align-items:center;
            gap:7px;
            margin:0 0 10px;
            padding-bottom:8px;
            border-bottom:1px solid var(--color-border-02);
            color: var(--);
            font-size:15px;
            font-weight:700;
            line-height:1.2;
        }

        .casdetail_content .side-card__title span{
            color: var(--color-cont-text-01);
            font-family:entypo, sans-serif;
            font-style:normal;
            font-weight:400;
        }

        .casdetail_content .side-logo-grid{
            display:flex;
            flex-wrap:wrap;
            gap:7px;
            align-items:center;
        }

        .casdetail_content .side-logo-grid img{
            max-width:58px;
            max-height:34px;
            object-fit:contain;
            border-radius:4px;
        }

        .casdetail_content .side-logo-grid--license img{
            max-width: 200px;
            max-height:none;
        }

        .casdetail_content .side-data{
            display:flex;
            flex-direction:column;
            gap:8px;
        }

        .casdetail_content .side-row{
            display:grid;
            grid-template-columns:minmax(0,1fr) auto;
            gap:10px;
            align-items:start;
            font-size:13px;
            line-height:1.3;
        }

        .casdetail_content .side-row__label{
            color: color: var(--color-cont-text-01);
            font-weight:600;
        }

        .casdetail_content .side-row__value{
            color: var(--showmore);
            font-weight:700;
            text-align:right;
        }

        .casdetail_content .side-row--block{
            display:block;
        }

        .casdetail_content .side-row--block .side-row__value{
            margin-top:4px;
            text-align:left;
            font-weight:400;
        }

        .casdetail_content .cashout-row{
            display:grid;
            grid-template-columns:18px minmax(0,1fr) auto;
            gap:7px;
            align-items:center;
            padding:4px 0;
            font-size:13px;
            line-height:1.25;
        }

        .casdetail_content .cashout-row__icon{
            color:#0054d6;
            font-family:entypo, sans-serif;
            font-style:normal;
            font-size:13px;
            line-height:1;
            text-align:center;
        }

        .casdetail_content .sidebar-text{
            color: color: var(--color-cont-text-01);
        }

        .casdetail_content .cashout-row__label{
            color: color: var(--color-cont-text-01);
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }

        .casdetail_content .cashout-row__value{
            color: var(--showmore);
            font-weight:700;
            text-align:right;
            white-space:nowrap;
        }

        .casdetail_content #map{
            width:100%;
            height:220px;
            margin-top:10px;
            border-radius:12px;
            overflow:hidden;
        }

        .casdetail_content .cassm{
            display:flex;
            gap:8px;
            align-items:center;
        }

        .casdetail_content .cassm img{
            width:30px;
            height:30px;
            margin:0;
        }



    .casdetail_content .support-compact__box{
        display:flex;
        flex-wrap:wrap;
        gap:8px;
    }


    .casdetail_content .support-compact__label{
        color: var(--color-cont-text-04);
        font-size:12px;
        font-weight:600;
        line-height:1.2;
    }

    .casdetail_content .support-compact__value{
        color: var(--color-cont-text-01);
        font-size:13px;
        font-weight:700;
        line-height:1.3;
    }

    .casdetail_content .support-compact__text{
        margin-top:4px;
        font-size:13px;
        line-height:1.5;
    }

    .casdetail_content .support-compact__text p{
        margin:0;
    }

    .casdetail_content .support-compact__text p + p{
        margin-top:8px;
    }

    .casdetail_content .support-compact__item{
        display:grid;
        grid-template-columns:18px auto;
        grid-template-areas:
            "icon label"
            "icon value";
        gap:1px 7px;
        min-width:170px;
        flex:1 1 170px;
        padding:9px 11px;
        border:1px solid var(--authorbox-border);
        border-radius:9px;
        background: var(--authorbox-bg);
    }

    .casdetail_content .support-compact__times p:first-of-type{
        margin:0;
        padding:0;
    }

    .casdetail_content .support-compact__item span{
        grid-area:icon;
        align-self:center;
        color: var(--authorbox-color);
        font-family:entypo, sans-serif;
        font-style:normal;
        font-size:16px;
    }

    .casdetail_content .support-compact__item strong{
        grid-area:label;
        color: var(--color-cont-text-04);
        font-size:12px;
        line-height:1.2;
    }

    .casdetail_content .support-compact__item em{
        grid-area:value;
        color: var(--color-cont-text-01);
        font-size:13px;
        font-weight:700;
        font-style:normal;
        line-height:1.25;
        word-break:break-word;
    }

    .casdetail_content .support-compact__item a{
        color: var(--authorbox-color);
        text-decoration:none;
    }

    .casdetail_content .support-compact__times{
        display:grid;
        grid-template-columns:18px auto 1fr;
        gap:7px;
        align-items:start;
        width:100%;
        padding:9px 11px;
        border: 1px solid var(--authorbox-border);
        border-radius:9px;
        font-size:13px;
        line-height:1.35;
        background: var(--authorbox-bg);
        color: var(--authorbox-color);
    }

    .casdetail_content .support-compact__times span{
        color: var(--color-cont-text-04);
        font-family:entypo, sans-serif;
        font-style:normal;
    }

    .support-compact__value a{
        vertical-align: center;
    }


    .casdetail_content .support-forum-card{
        grid-column:1 / -1;
        display:grid;
        grid-template-columns:72px minmax(0, 1fr) auto;
        gap:16px;
        align-items:center;
        padding:14px 16px;
        border:1px solid var(--color-border-02);
        border-radius:12px;
        background:#fff;
        box-shadow:0 3px 12px rgba(0,0,0,.04);
    }

    .casdetail_content .support-forum-card__avatar{
        display:block;
        width:72px;
        height:72px;
        text-decoration:none;
    }

    .casdetail_content .support-forum-card__avatar .avatar{
        width:72px !important;
        height:72px !important;
    }

    .casdetail_content .support-forum-card__label{
        margin-bottom:2px;
        color: var(--color-cont-text-04);
        font-size:12px;
        font-weight:600;
        line-height:1.2;
    }

    .casdetail_content .support-forum-card__title{
        color: var(--color-cont-text-11);
        font-size:16px;
        font-weight:600;
        line-height:1.2;
    }

    .casdetail_content .support-forum-card__text{
        margin-top:5px;
        color: var(--color-cont-text-04);
        font-size:13px;
        line-height:1.35;
    }

    .casdetail_content .support-forum-card__btn{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:7px;
        min-width:112px;
        min-height:38px;
        padding: 8px 14px;
        border-radius: 7px;
        background: var(--color-cont-background-23);
        color:#fff;
        font-size:15px;
        font-weight: 700;
        text-decoration:none;
        white-space:nowrap;
    }

    .casdetail_content .support-forum-card__btn:hover{
        background: var(--color-cont-background-10);
        color:#fff;
        text-decoration:none;
    }

    .casdetail_content .support-forum-card__btn span{
        font-family:entypo, sans-serif;
        font-style:normal;
        font-size:13px;
    }






        @media (max-width:900px){
            .casdetail_content .casino-sideinfo{
                gap:12px;
            }

            .casdetail_content .side-card{
                padding:12px;
            }
        }


     @media (max-width:700px){
        .casdetail_content .support-compact__item{
            flex-basis:100%;
        }

        .casdetail_content .support-compact__times{
            grid-template-columns:18px 1fr;
        }

        .casdetail_content .support-compact__times div{
            grid-column:2;
        }

        .casdetail_content .support-forum-card{
            grid-template-columns:54px minmax(0, 1fr);
            gap:12px;
            padding:12px;
        }

        .casdetail_content .support-forum-card__avatar,
        .casdetail_content .support-forum-card__avatar .avatar{
            width:54px !important;
            height:54px !important;
        }

        .casdetail_content .support-forum-card__title{
            font-size:16px;
        }

        .casdetail_content .support-forum-card__btn{
            grid-column:1 / -1;
            width:100%;
        }

    }


    @media (max-width: 480px) {

        body.page_casino .payment-tooltip {
            width: 100%;
            max-width: 100%;
            justify-content: flex-start;
        }
    }
    .casino-overview {
        width: 100%;
    }

    .casino-overview .casino-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: end;
        gap: 20px;
        margin-bottom: 5px;
        flex-wrap: wrap;
    }

    .casino-overview .casino-toolbar__left,
    .casino-overview .casino-toolbar__right {
        display: flex;
        align-items: end;
        gap: 16px;
        flex-wrap: wrap;
    }

    .casino-overview .casino-toolbar__count {
        font-size: 16px;
        line-height: 1.2;
    }

    .casino-overview .casino-toolbar__count .cou_flag{
        border-radius: 0;
        max-height: 10px;
    }

    .casino-overview .casino-toolbar__sort {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .casino-overview .casino-toolbar__sort label {
        font-size: 13px;
        font-weight: 600;
    }

    .casino-overview .casino-toolbar__sort select,
    .casino-overview .casino-filter-toggle,
    .casino-overview .filter-field input,
    .casino-overview .filter-field select {
        min-height: 42px;
        border: 1px solid var(--casratingbox-border);
        border-radius: 8px;
        background: var(--color-cont-background-01);
        font-size: 14px;
        padding: 0 12px;
        box-sizing: border-box;
        margin: 0;
        color:  var(--color-cont-text-01);
    }

    .casino-overview .casino-toolbar__sort select {
        min-width: 240px;
    }

    .casino-overview .casino-filter-toggle {
        cursor: pointer;
        font-weight: 600;
        padding: 0;
        min-height: 35px;
        width: 35px;
    }

    .casino-overview .casino-filter-panel {
        border: 1px solid var(--casratingbox-border);
        border-radius: 14px;
        padding: 20px;
        margin-bottom: 18px;
        background: var(--casratingbox-bg);
    }

    .casino-overview .casino-filter-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .casino-overview .casino-filter-group {
        border: 1px solid var(--casratingbox-border);
        border-radius: 12px;
        padding: 16px;
        background: var(--color-cont-background-01);
    }

    .casino-overview .casino-filter-group h3 {
        margin: 0 0 16px 0;
        font-size: 18px;
        line-height: 1.2;
    }

    .casino-overview .filter-field {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 16px;
    }

    .casino-overview .filter-field:last-child {
        margin-bottom: 0;
    }

    .casino-overview .filter-field label {
        font-size: 14px;
        font-weight: 600;
    }

    .casino-overview .filter-range-inline {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 10px;
        align-items: center;
    }

    .casino-overview .filter-range-inline span {
        font-size: 14px;
        font-weight: 600;
        color: #666;
    }

    .casino-overview .filter-field select[multiple] {
        min-height: 120px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .casino-overview .casino-filter-actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-top: 20px;
        padding-top: 18px;
        border-top: 1px solid #e7ebf0;
        flex-wrap: wrap;
    }


    .casino-overview .casino-active-filters {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    .casino-overview .casino-active-filters__list {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .casino-overview .filter-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 36px;
        padding: 0 12px;
        border: 1px solid var(--filterchip-border);
        border-radius: 999px;
        background: var(--filterchip-bg);
        cursor: pointer;
        font-size: 14px;
        text-decoration: none;
        color: var(--filterchip-color);
    }

    .casino-overview .filter-chip:hover {
        background: var(--filterchip-bg-hover);
        text-decoration: none;
        color: var(--filterchip-color);
    }

    .casino-overview .filter-chip span {
        font-size: 16px;
        line-height: 1;
    }

    .casino-overview .casino-active-filters__reset {
        border: 0;
        background: transparent;
        padding: 0;
        cursor: pointer;
        font-size: 14px;
        font-weight: 600;
        text-decoration: underline;
    }

    .casino-overview .casino-results {
        display: grid;
        gap: 16px;
    }

    .casino-overview .casino-card {
        border: 1px solid #d7dbe2;
        border-radius: 12px;
        padding: 20px;
        background: #fff;
    }

    .casino-overview .checkbox-label {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 600;
        cursor: pointer;
    }


    .gb-casino-card .gb-point img{
        border-radius: 0 !important;
    }

    .casino-overview .checkbox-label input[type="checkbox"] {
        margin: 0;
        width: 18px;
        height: 18px;
    }

    body.page_casino .showlogos{
        cursor: pointer;
        width: 81px;
        height: 30px;
        border-radius: 12px;
        border: 1px solid var(--authorbox-border);
        background-color: var(--authorbox-bg);
        margin: 0 5px 5px 0;
        font-weight: 600;
        color: var(--authorbox-color);
    }

    body.page_casino .p_logo.lghidden{
        display: none;
    }

    /* Tablet */
    @media (max-width: 1024px) {
        .casino-overview .casino-filter-grid {
            grid-template-columns: 1fr;
        }
    }

    /* Mobile */
    @media (max-width: 768px) {
        .casino-overview .casino-toolbar {
            align-items: stretch;
        }

        .casino-overview .casino-toolbar__left,
        .casino-overview .casino-toolbar__right {
            width: 100%;
        }

        .casino-overview .casino-toolbar__right {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
        }

        .casino-overview .casino-toolbar__sort {
            width: 100%;
        }

        .casino-overview .casino-toolbar__sort select,
        .casino-overview .casino-filter-toggle {
            width: 100%;
        }

        .casino-overview .casino-filter-panel {
            padding: 16px;
        }

        .casino-overview .casino-filter-group {
            padding: 14px;
        }

        .casino-overview .filter-range-inline {
            grid-template-columns: 1fr;
        }

        .casino-overview .filter-range-inline span {
            display: none;
        }

        .casino-overview .casino-filter-actions {
            flex-direction: column;
            align-items: stretch;
        }

        .casino-overview .btn {
            width: 100%;
        }

        .casino-overview .casino-active-filters {
            flex-direction: column;
            align-items: stretch;
        }
    }


    .casino-overview .filter-field-slider {
        margin-bottom: 18px;
    }

    .casino-overview .filter-slider {
        --slider-progress: 0%;
        --slider-fill: var(--filterslider-fill);
        --slider-track: var(--filterslider-track);
        --slider-thumb: var(--filterslider-thumb);
        --slider-thumb-active: var(--filterslider-fill);

        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .casino-overview .filter-slider.is-inactive {
        --slider-fill: transparent;
        --slider-thumb: var(--filterslider-thumb);
    }

    .casino-overview .filter-slider.is-active {
        --slider-thumb: var(--filterslider-fill);
    }

    .casino-overview .filter-slider__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 2px;
    }

    .casino-overview .filter-slider__header label {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        color: var(--filterslider-label);
    }

    .casino-overview .filter-slider__value {
        font-size: 13px;
        font-weight: 700;
        color: var(--filterslider-color);
        white-space: nowrap;
        text-align: right;
    }

    .casino-overview .filter-slider.is-active .filter-slider__value {
        color: #111827;
    }

    .casino-overview .filter-slider__trackwrap {
        position: relative;
    }

    .casino-overview .filter-slider__meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        font-size: 12px;
        color: var(--filterslider-color);
        margin: -5px 0 8px;
    }

    .casino-overview .filter-slider input[type="range"] {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 22px;
        margin: 0;
        background: transparent;
        cursor: pointer;
        border: none;
        min-height: auto;
    }

    /* WebKit Track */
    .casino-overview .filter-slider input[type="range"]::-webkit-slider-runnable-track {
        height: 5px;
        border-radius: 999px;
        background:
            linear-gradient(
                to right,
                var(--slider-fill) 0%,
                var(--slider-fill) var(--slider-progress),
                var(--slider-track) var(--slider-progress),
                var(--slider-track) 100%
            );
    }

    /* WebKit Thumb */
    .casino-overview .filter-slider input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: var(--slider-thumb);
        border: 3px solid #fff;
        box-shadow:
            0 2px 6px rgba(17, 24, 39, 0.18),
            0 0 0 1px rgba(17, 24, 39, 0.08);
        margin-top: -8px;
        transition: transform 120ms ease, background 160ms ease, box-shadow 160ms ease;
    }

    .casino-overview .filter-slider input[type="range"]:hover::-webkit-slider-thumb {
        transform: scale(1.05);
    }

    .casino-overview .filter-slider input[type="range"]:active::-webkit-slider-thumb {
        transform: scale(1.08);
        box-shadow:
            0 3px 10px rgba(17, 24, 39, 0.20),
            0 0 0 5px rgba(47, 109, 246, 0.12);
    }

    /* Firefox Track */
    .casino-overview .filter-slider input[type="range"]::-moz-range-track {
        height: 5px;
        border-radius: 999px;
        background: var(--slider-track);
    }

   .casino-overview  .filter-slider input[type="range"]::-moz-range-progress {
        height: 5px;
        border-radius: 999px;
        background: var(--slider-fill);
    }

    /* Firefox Thumb */
    .casino-overview .filter-slider input[type="range"]::-moz-range-thumb {
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: var(--slider-thumb);
        border: 2px solid #fff;
        box-shadow:
            0 2px 6px rgba(17, 24, 39, 0.18),
            0 0 0 1px rgba(17, 24, 39, 0.08);
        transition: transform 120ms ease, background 160ms ease, box-shadow 160ms ease;
    }

    .casino-overview .filter-slider input[type="range"]:hover::-moz-range-thumb {
        transform: scale(1.05);
    }

    .casino-overview .filter-slider input[type="range"]:active::-moz-range-thumb {
        transform: scale(1.08);
        box-shadow:
            0 3px 10px rgba(17, 24, 39, 0.20),
            0 0 0 5px rgba(47, 109, 246, 0.12);
    }


    .casino-overview  .filter-chip .entypo-cancel-circled{
        color: var(--color-cont-text-07);
        font-weight: 400;
        font-size: 16px;
    }

    /* Mobile */
    @media (max-width: 768px) {
        .casino-overview .filter-slider__header {
            gap: 10px;
        }

        .casino-overview .filter-slider__value {
            font-size: 12px;
        }

        .casino-overview .filter-slider__meta {
            font-size: 12px;
        }
    }

 /* ******* Autorenbox ***** */
.author-box {
    position: relative;
    display: grid;
    grid-template-columns: 88px 1fr;
    grid-template-areas: "image content";
    gap: 16px;
    align-items: flex-start;
    margin: 30px 0 14px;
    padding: 22px 16px 14px;
    border: 1px solid var(--authorbox-border);
    border-radius: 10px;
    background: var(--authorbox-bg);
    color: var(--authorbox-color);
    font-size: 14px;
}

.author-box__title {
    position: absolute;
    top: -12px;
    left: 18px;

    padding: 2px 10px;

    background: var(--authorbox-bg);
    color: var(--authorbox-headercol);

    border: 1px solid var(--authorbox-border);
    border-radius: 999px;

    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
}

.author-box__image {
    grid-area: image;
    width: 82px;
    text-align: center;
}

.author-box__image img,
.author-box__image .avatar {
    width: 82px !important;
    height: 82px !important;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.author-box__content {
    grid-area: content;
}

.author-box__meta {
    display: block;
    margin-bottom: 8px;
}

.author-box h3 {
    margin: 0 0 2px;
    font-size: 19px;
    line-height: 1.2;
    color: var(--authorbox-headercol);
}

.author-box__role {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--authorbox-role);
    line-height: 1.3;
}

.author-box__content p {
    margin: 0;
    line-height: 1.45;
}

.author-box__social {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.author-box__social a,
.author-box__linkedin {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--authorbox-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.author-box__social a:hover,
.author-box__linkedin:hover {
    background: var(--authorbox-role);
    border-color: var(--authorbox-role);
    transform: translateY(-1px);
}

.author-box__social svg,
.author-box__linkedin svg {
    width: 16px;
    height: 16px;
    fill: var(--authorbox-role);
    transition: fill .2s ease;
}

.author-box__social a:hover svg,
.author-box__linkedin:hover svg {
    fill: #fff;
}

.author-box__linkedin {
    display: none;
}

.author-box__headline {
    display: flex;
    align-items: center;
    gap: 8px;
}

.author-box__label,
.author-box__label_mobil {
    display: none;
}


/* ===========================
   Mobile
=========================== */

@media (max-width:700px) {

    .author-box {
        grid-template-columns: 72px 1fr;
        grid-template-areas:
            "image meta"
            "text text";
        gap: 5px 14px;
        margin-top: 30px;
        padding: 18px 14px 14px;
        align-items: start;
    }

    .author-box__title {
        top: -11px;
        left: 14px;
        font-size: 13px;
        line-height: 16px;
        padding-bottom: 4px;
    }

    .author-box__image {
        width: 72px;
    }

    .author-box__image img,
    .author-box__image .avatar {
        width: 68px !important;
        height: 68px !important;
        margin: 0 auto;
    }

    .author-box__social {
        display: none;
    }

    .author-box__content {
        display: contents;
    }

    .author-box__meta {
        grid-area: meta;
        margin: 0;
        align-self: center;
    }

    .author-box__headline {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
    }

    .author-box h3 {
        font-size: 19px;
        margin: 0;
    }

    .author-box__role {
        margin-top: 4px;
    }

    .author-box__linkedin {
        display: inline-flex;
        width: 28px;
        height: 28px;
        flex-shrink: 0;
    }

    .author-box__linkedin svg {
        width: 15px;
        height: 15px;
    }

    .author-box__content p {
        grid-area: text;
        margin-top: 4px;
        line-height: 1.5;
    }
}


    /* ******* Trustbox ***** */
    .trust-box,
    .trust-box * {
        box-sizing: border-box;
    }

    .trust-box {
        border: 1px solid var(--color-border-02);
        border-radius: 4px;
        padding: 15px 16px;
        background: transparent;
        font-family: Arial, sans-serif;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .trust-box h2 {
        position: relative;
        width: fit-content;
        margin: 0 auto;
        font-size: 32px;
        line-height: 1.1;
        font-weight: 900;
        z-index: 1;
    }

    .trust-box h2::after {
        content: "";
        position: absolute;
        left: -6px;
        right: -6px;
        bottom: -4px;
        height: 10px;
        background: #ffd84d;
        border-radius: 999px;
        z-index: -1;
    }

   .trust-box  .trust-subline {
        margin: 6px 0 12px;
        text-align: center;
        font-size: 16px;
    }

    .trust-box .trust-content {
        display: grid;
        grid-template-columns: 45% calc(55% - 28px);
        gap: 28px;
        align-items: center;
    }

    .trust-box .trust-left {
        background: var(--color-cont-background-04);
        padding: 15px;
        text-align: center;
        border-radius: 10px;
        border: 1px solid var(--color-border-01);
    }

    .trust-box .trust-left h3 {
        margin: 0 0 14px;
        color: var(--color-cont-text-04);
        font-size: 20px;
    }

    .trust-box .press-grid {
        display: grid;
        grid-template-columns: 1.4fr 1fr 1fr;
        gap: 14px;
        align-items: stretch;
    }

    .trust-box .press-card {
        min-height: 62px;
        border-radius: 8px;
        background: var(--press_radialbg);
        box-shadow: var(--press_shadow);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        font-weight: 800;
        letter-spacing: .5px;
        text-decoration: none;
        color: var(--authorbox-color);
        transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .trust-box .press-card:hover {
        box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 24px rgba(0,0,0,.18);
    }

    .trust-box .press-card:not(.big) {
        text-transform: uppercase;
    }

    .trust-box .press-card.big {
        grid-row: span 2;
        min-height: 130px;
        min-width: 140px;
    }

    .trust-box .press-card-link {
        flex-direction: column;
        overflow: hidden;
        padding: 0;
    }

    .trust-box .press-card-image {
        width: 90px;
        height: 90px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
    }

    .trust-box .press-badge {
        display: inline-block;
        padding: 5px 10px;
        border-radius: 4px;
        background: var(--press_txtbg);
        font-size: 13px;
        font-weight: 700;
    }

    .trust-box .press-info {
        width: 100%;
        padding: 2px 5px 0;
        text-align: center;
        font-size: 12px;
        line-height: 1.2;
        color: var(--color-cont-text-04);
        font-weight: 400;
    }

    .trust-box .trust-right {
        display: flex;
        flex-direction: column;
        gap: 5px;
        width: 100%;
        min-width: 0;
    }

    .trust-box .trust-left,
    .trust-box .trust-right,
    .trust-box .trust-content,
    .trust-box .review-slider,
    .trust-box .review-row {
        max-width: 100%;
        min-width: 0;
    }

    .trust-box .trust-top {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        padding: 0 20px;
    }


    .trust-box .community,
    .trust-box .online {
        display: flex;
        align-items: center;
        gap: 15px;
        font-size: 12px;
        background: var(--color-cont-background-04);
        border-radius: 10px;
        padding: 8px 14px;
        min-height: 50px;
        box-sizing: border-box;
        border: 1px solid var(--color-border-01);
    }

    .trust-box .community span {
        display: block;
    }

    .trust-box .review-title{
        margin: 10px 0 0 20px;
        font-weight: 600;
    }

    .trust-box .review-slider {
        display: flex;
        align-items: center;
        gap: 0;
        margin-top: -5px;
        padding-right: 0;
    }

    .trust-box .review-row {
        display: flex;
        gap: 18px;
        overflow-x: auto;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding: 4px 2px 10px;
    }

    .trust-box .review-row::-webkit-scrollbar {
        display: none;
    }

    .trust-box .review-card {
        flex: 0 0 calc(50% - 9px);
        padding: 10px 14px;
        border-radius: 8px;
        background: var(--authorbox-bg);
        box-shadow: 0 2px 6px rgba(0,0,0,.22);
        transition: none;
        box-sizing: border-box;
    }

    .trust-box .review-card:hover {
        box-shadow: 0 2px 6px rgba(0,0,0,.22);
    }

    .trust-box .trustpilot-stars {
        display: flex;
        gap: 2px;
        width: 108px;
        height: 20px;
        min-width: 108px;
        flex: 0 0 108px;
        line-height: 0;
    }

    .trust-box .tp-star {
        width: 20px;
        height: 20px;
        min-width: 20px;
        flex: 0 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #00b67a;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
    }

    .trust-box .trustpilot-stars,
    .trust-box .tp-star {
        transform: translateZ(0);
        backface-visibility: hidden;
    }

    .trust-box .tp-star-muted {
        background: var(--color-cont-background-18);
    }

    .trust-box .review-card p {
        margin: 7px 0 4px;
        font-size: 13px;
        line-height: 17px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .trust-box .review-card small {
        font-size: 10px;
    }

    .trust-box .review-arrow {
        flex: 0 0 20px;
        width: 26px;
        height: 32px;
        border: 0;
        background: var(--authorbox-bg);
        color: var(--authorbox-color);
        cursor: pointer;
        font-size: 26px;
        line-height: 1;
        font-weight: 700;
        transition: transform .15s ease, background .15s ease;
    }

    .trust-box .review-arrow:hover {
        transform: scale(1.08);
    }

    @media (max-width: 850px) {

        .trust-box {
            padding: 12px 8px;
        }

        .trust-box h2 {
            font-size: 22px;
            text-align: center;
            font-weight: 700;
        }

        .trust-box .trust-left h3{
            font-size: 16px;
            margin-bottom: 5px;
        }

        .trust-box .trust-subline {
            font-size: 14px;
            line-height: 1.35;
        }

        .trust-box .trust-content {
            grid-template-columns: 1fr;
            gap: 16px;
        }

        .trust-box .trust-left {
            padding: 12px;
        }

        .trust-box .press-grid {
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }

        .trust-box .press-card {
            min-height: 30px;
            font-size: 12px;
            font-weight: 700;
        }

        .trust-box .press-card.big {
            grid-column: 1 / -1;
            grid-row: auto;
            min-width: 0;
            min-height: 90px;
        }

        .trust-box .press-card-image {
            width: 60px;
            height: 60px;
        }

        .trust-box .trust-right {
            width: 100%;
        }

        .trust-box .trust-top {
            grid-template-columns: 1fr;
            gap: 10px;
            padding: 0;
        }

        .trust-box .community,
        .trust-box .online {
            width: 100%;
            min-height: auto;
            padding: 10px 12px;
            font-size: 12px;
        }

        .trust-box .review-title {
            margin: 8px 0 0;
            font-size: 14px;
        }

        .trust-box .review-slider {
            width: 100%;
            margin-top: 0;
        }

        .trust-box .review-row {
            gap: 12px;
            padding: 4px 0 10px;
        }

        .trust-box .review-card {
            flex: 0 0 100%;
        }

        .trust-box .review-arrow {
            flex: 0 0 24px;
            width: 24px;
            height: 32px;
            font-size: 22px;
        }

        .trust-box .press-badge {
            padding: 5px 3px;
            font-weight: 600;
            font-size: 10px;
        }

    }


    /*******************************************
    * Casino-Detail  Mainbonus
    ******************************************/

    .casdetail .gb-main-bonus {
        display: grid;
        grid-template-columns: 1.4fr 1.4fr 180px;
        align-items: center;
        gap: 22px;
        background: var(--bonusbox-bg);
        border: 1px solid var(--bonusbox-border);
        border-radius: 14px;
        padding: 15px 20px;
        margin: 0 0 20px;
        box-shadow: 0 4px 14px var(--bonusbox-shadow);
    }

    .casdetail .gb-main-bonus-label {
        display: inline-block;
        background: var(--bonusbox-label-bg);
        font-size: 12px;
        font-weight: 600;
        padding: 5px 12px;
        border-radius: 999px;
        margin-bottom: 5px;
    }

    .casdetail .gb-main-bonus-title {
        font-size: 24px;
        line-height: 1.1;
        font-weight: 700;
    }

    .casdetail .gb-main-bonus-sub {
        color: var(--bonusbox-sub);
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
        margin-top: 4px;
    }

    .casdetail .gb-main-bonus-info {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        border-left: 1px solid #e3e8f2;
        border-right: 1px solid #e3e8f2;
    }

    .casdetail .gb-main-bonus-info div {
        text-align: center;
        padding: 8px 12px;
        border-right: 1px solid #e3e8f2;
    }

    .casdetail .gb-main-bonus-info div:last-child {
        border-right: 0;
    }

    .casdetail .gb-main-bonus-info strong {
        display: block;
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 4px;
    }

    .casdetail .gb-main-bonus-info span {
        display: block;
        color: #53627f;
        font-size: 12px;
        line-height: 1.25;
    }

    .casdetail .gb-main-bonus-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .casdetail .gb-main-bonus-btn,
    .casdetail .gb-main-bonus-link {
        display: block;
        text-align: center;
        text-decoration: none;
        border-radius: 10px;
        font-weight: 700;
    }

    .casdetail .gb-main-bonus-btn {
        background: var(--bonusbox-cta-btn);
        color: #1b1200;
        padding: 10px 15px;
    }

    .casdetail .gb-main-bonus-link {
        color: var(--color-cont-text-01);
        background: var(--bonusbox-btn-bg);
        padding: 10px 15px;
    }

    .casdetail .gb-main-bonus-btn:hover {
        filter: brightness(0.98);
        transform: translateY(-1px);
    }

    .casdetail .gb-main-bonus-link:hover {
        background: #dfe8ff;
    }

    /* Tablet */
    @media (max-width: 1050px) {
        .casdetail .gb-main-bonus {
            grid-template-columns: 1fr;
            gap: 18px;
        }

        .casdetail .gb-main-bonus-info {
            border-left: 0;
            border-right: 0;
            border-top: 1px solid #e3e8f2;
            border-bottom: 1px solid #e3e8f2;
            padding: 10px 0;
        }

        .casdetail .gb-main-bonus-actions {
            flex-direction: row;
        }

        .casdetail .gb-main-bonus-btn,
        .casdetail .gb-main-bonus-link {
            flex: 1;
        }
    }

    /* Mobile */
    @media (max-width: 650px) {

        .tabwrap{
            padding: 20px 30px 40px;
        }

        .casdetail .gb-main-bonus {
            padding: 18px;
            margin: 5px 0 30px;
            border-radius: 12px;
        }

        .casdetail .gb-main-bonus .gb-main-bonus-left {
            text-align: center;
        }

        .casdetail .gb-main-bonus-title {
            font-size: 24px;
        }

        .casdetail .gb-main-bonus-sub {
            font-size: 18px;
        }

        .casdetail .gb-main-bonus-info strong {
            font-size: 16px;
        }

        .casdetail .gb-main-bonus-info {
            grid-template-columns: 1fr;
            padding: 0;
        }

        .casdetail .gb-main-bonus-info div {
            border-right: 0;
            border-bottom: 1px solid #e3e8f2;
            padding: 10px 0;
        }

        .casdetail .gb-main-bonus-info div:last-child {
            border-bottom: 0;
        }

        .casdetail .gb-main-bonus-actions {
            flex-direction: column;
        }
    }


    /*******************************************
     *  FAQ
     *******************************************/
     .faq-list {
        list-style: none;
        margin-left: 0;
        padding-left: 10px;
        clear: both;
    }

    .faq-list .faq-item {
        border-bottom: 1px solid var(--color-border-01);
    }

    .faq-list .faq-btn {
        width: 100%;
        background: none;
        border: none;
        cursor: pointer;
        padding: 15px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        text-align: left;
        color: var(--color-cont-text-01);
    }

    .faq-list .faq-question {
        line-height: 1.3;
        transition: color 0.25s;
    }

    .faq-list .faq-btn:hover .faq-question,
    .faq-list .faq-btn[aria-expanded="true"] .faq-question {
        color: var(--color-cont-text-05);
        font-weight: 600;
    }

    .faq-list .faq-icon {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1.5px solid var(--color-border-01);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.25s, border-color 0.25s, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .faq-list .faq-btn[aria-expanded="true"] .faq-icon {
        background: var(--color-cont-text-05);
        border-color: var(--color-cont-text-05);
        transform: rotate(45deg);
    }

    .faq-list .faq-icon svg {
        width: 10px;
        height: 10px;
        stroke: var(--color-cont-text-04);
        transition: stroke 0.2s;
    }

    .faq-list .faq-btn[aria-expanded="true"] .faq-icon svg {
        stroke: #fff;
    }

    .faq-list .faq-panel {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .faq-list .faq-panel[aria-hidden="false"] {
        grid-template-rows: 1fr;
    }

    .faq-list .faq-panel-inner {
        overflow: hidden;
    }

    .faq-list .faq-answer {
        color: var(--color-cont-text-04);
        max-width: 620px;
    }

    .faq-list .faq-answer p{
        margin-top: 0;
    }

    .faq-list .faq-num {
        color: var(--color-border-01);
        flex-shrink: 0;
        letter-spacing: 0.04em;
        transition: color 0.25s;
        min-width: 28px;
    }

    .faq-list .faq-question-wrap {
        display: flex;
        align-items: center;
        flex: 1;
    }

    /*******************************************
    * Casino-Bewertungen
    ******************************************/
    .casdetail .review-form{
        max-width: 980px;
          background: #f4f4f4;
          border: none;
          border-radius: 5px;
          padding: 18px;
    }

    .casdetail .help-txt{
        font-size:13px;
        opacity:0.8;
        margin:10px 0 14px;
    }

    /* ===== Ratings: 2-spaltig ===== */
    .casdetail .ratings-grid{
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap:14px 18px;
    }
    @media(max-width: 900px){
        .casdetail .ratings-grid{ grid-template-columns: 1fr; }
    }

    .casdetail .rating-block{
        border:1px solid #eee;
        border-radius: 5px;
        padding: 10px;
        background:#fafafa;
    }

    .casdetail .rating-head{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:12px;
        margin-bottom: 5px;
    }

    .casdetail .rating-title{
        font-weight:700;
        display:flex;
        align-items:center;
        gap:8px;
    }

    /* Tooltip */
    .casdetail .tip{
        position:relative;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:18px;
        height:18px;
        border-radius:50%;
        background:#eee;
        color:#333;
        font-size:12px;
        cursor:help;
        user-select:none;
    }
    .casdetail .tip:focus{ outline:2px solid rgba(54,161,201,0.4); outline-offset:2px; }
    .casdetail .tip[data-tip]::after{
        content:attr(data-tip);
        position:absolute;
        left:50%;
        top: calc(100% + 8px);
        transform:translateX(-50%);
        width:min(280px, 70vw);
        background:#111;
        color:#fff;
        font-size:12px;
        line-height:1.35;
        padding:8px 10px;
        border-radius: 5px;
        box-shadow:0 6px 18px rgba(0,0,0,0.2);
        opacity:0;
        pointer-events:none;
        transition:opacity .12s ease;
        z-index:50;
    }
    .casdetail .tip[data-tip]::before{
        content:"";
        position:absolute;
        left:50%;
        top:100%;
        transform:translateX(-50%);
        border:6px solid transparent;
        border-top-color:#111;
        opacity:0;
        transition:opacity .12s ease;
        z-index:51;
    }
    .casdetail .tip:hover::after,
    .casdetail .tip:hover::before,
    .casdetail .tip:focus::after,
    .casdetail .tip:focus::before{
        opacity:1;
    }

    .casdetail .rating-optional{
        font-size:12px;
        opacity:0.75;
        display:flex;
        align-items:center;
        gap:10px;
        white-space:nowrap;
    }

    .casdetail .clear-rating{
        border:0;
        background:#eee;
        border-radius:8px;
        padding:6px 10px;
        cursor:pointer;
        font-size:12px;
    }
    .casdetail .clear-rating:hover{ filter:brightness(0.98); }

    .casdetail .star-row{
        display:flex;
        align-items:center;
        gap:12px;
    }

    /* ===== SVG Sterne ===== */
    .casdetail{
        --star-size: 34px;        /* Größe hier ändern */
        --star-gap: 8px;
        --star-empty: #cfcfcf;
        --star-fill:  #f2b01e;
        --focus: rgba(54,161,201,0.4);
    }

    .casdetail .stars{
        display:inline-flex;
        gap:var(--star-gap);
    }

    .casdetail .star{
        width:var(--star-size);
        height:var(--star-size);
        cursor:pointer;
        user-select:none;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border-radius:6px;
    }
    .casdetail .star:focus{
        outline:2px solid var(--focus);
        outline-offset:2px;
    }

    /* SVG Layers:
       - base (leer)
       - fill (gefüllt, per clipRect)
    */
    .casdetail .star svg{
        width:var(--star-size);
        height:var(--star-size);
        display:block;
    }

    .casdetail .rating-value{
        font-weight:700;
        min-width:62px;
        text-align:right;
    }

    .casdetail .rating-meaning{
        margin-top: 5px;
        font-size:12px;
        opacity:0.9;
        min-height:16px;
    }

    /* ===== Textfelder / ProContra ===== */
    .casdetail .textarea{
        width:100%;
        min-height:170px;
        padding:10px;
        border:1px solid #ddd;
        border-radius:8px;
        resize:vertical;
    }

    .casdetail .wordcount{
        font-size:12px;
        opacity:0.75;
        margin-top:6px;
    }

    /* ===== Pro/Contra ===== */
    .casdetail .pc-wrap{
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap:14px;
        margin-top:14px;
    }
    @media(max-width: 800px){
      .casdetail .pc-wrap{ grid-template-columns:1fr; }
    }

    .casdetail .pc-box{
        border:1px solid #eee;
        border-radius: 5px;
        padding:12px;
        background-color: #fcfcfc;
    }
    .casdetail .pc-box h4{
        margin:0 0 10px 0;
        font-size:14px;
    }

    .casdetail .pc-list{
        display:flex;
        flex-direction:column;
        gap:10px;
    }

    /* Input + Button als Einheit */
    .casdetail .pc-item{
        display:flex;
        align-items:stretch;
    }

    .casdetail .pc-item input{
        flex:1;
        padding:10px;
        border:1px solid #ddd;
        border-radius: 5px; /* default (wenn kein Button) */
        outline:none;
    }

    /* Wenn ein Remove-Button existiert: Input links abgerundet */
    .casdetail .pc-item.has-remove input{
        border-top-right-radius:0;
        border-bottom-right-radius:0;
    }

    /* Remove-Button rechts andocken */
    .casdetail .pc-remove{
        border:1px solid #d33;
        background:#d33;
        color:#fff;
        border-left:0;
        padding:0 12px;
        border-top-right-radius:10px;
        border-bottom-right-radius:10px;
        cursor:pointer;
        font-weight:700;
        line-height:1;
        margin: 5px 0;
    }

    .casdetail .pc-remove .entypo-cancel{
        display:inline-block;
        font-size:16px;    /* ggf. anpassen */
        line-height:1;
        color:#fff;
    }

    .casdetail .pc-remove:hover{ filter:brightness(0.95); }
    .casdetail .pc-remove:focus{ outline:2px solid rgba(54,161,201,0.4); outline-offset:2px; }

    .casdetail .pc-actions{
        margin-top:10px;
        display:flex;
        gap:8px;
    }
    .casdetail .pc-actions button{
        border:0;
        padding:8px 10px;
        border-radius:8px;
        cursor:pointer;
    }

    /* ===== Buttons / Fehler ===== */
    .casdetail .form-actions{
        margin-top:16px;
        display:flex;
        justify-content:flex-end;
        gap:10px;
    }


    .casdetail .btn-primary{ background:#36A1C9; color:#fff; }
    .casdetail .btn-secondary{ background:#eee; }
    .casdetail .btn-primary:disabled{ opacity:0.5; cursor:not-allowed; }

    .casdetail .error{
        color:#b00020;
        font-size:13px;
        margin-top:10px;
        display:none;
    }
    .casdetail .error.show{ display:block; }

    .casdetail .review-form hr{
        border: 0;
        border-top-width: 0px;
        border-top-style: none;
        border-top-color: currentcolor;
        border-top: 1px solid #d4d4d4;
        margin: 16px 0;
    }

    @media(max-width: 480px){
        .casdetail .datablock_half,
        .casdetail .datablock_full
        {
            width: 100%;
            text-align: left;
        }
    }

    /*******************************************
    * Tabs
    ******************************************/


    .tabs {
        position: relative;
        margin-bottom: 0;
        padding: 0;
        height: 52px;
        background: var(--tabpanel-bg);
        border-bottom: 1px solid var(--tabpanel-border);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        overflow: hidden; /* New */
    }

    .tabbar {
        display: flex;
        align-items: stretch;
        height: 100%;
        gap: 6px;
        padding: 0 32px;
        margin: 0;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .tabbar::-webkit-scrollbar {
        display: none;
    }

    .tbtn {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 0 28px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;
        color: #6b7280;
        background: transparent;
        border-radius: 10px 10px 0 0;
        position: relative;
        transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.15s ease;
    }

    .tbtn:hover {
        color: var(--tabpanel-color);
        background: var(--tabpanel-bg-active);
        box-shadow: 0 4px 10px rgba(25, 42, 89, 0.08), inset 0 -1px 0 rgba(45, 91, 255, 0.08);
    }

    .tbtn.is-active {
        color: var(--tabpanel-color);
        font-weight: 700;
        background: var(--tabpanel-bg-active);
    }

    .tbtn.is-active::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 4px;
        background: var(--tabpanel-border);
        border-radius: 4px 4px 0 0;
    }

    .tbtn.is-active::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 3px;
        height: 1px;
    }

    .tbtn.is-active:hover {
        transform: none;
        box-shadow: none;
    }

    /* rechter Verlauf als Hinweis, dass horizontal gescrollt werden kann */
    .tabs::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 26px;
        height: 100%;
        pointer-events: none;
        border-top-right-radius: 5px;
        background: linear-gradient(
            to right,
            rgba(255,255,255,0),
            var(--tabpanel-bg) 95%
        );
        z-index: 2;
    }

    .tabs::before {
        position: absolute;
        top: 50%;
        right: 9px;
        z-index: 3;
        transform: translateY(-52%);
        pointer-events: none;
        font-size: 28px;
        font-weight: 800;
        line-height: 1;
        color: var(--tabpanel-color);
        opacity: .75;
    }

    .tabs::before,
    .tabs::after {
        display: none;
    }

    /* Tablet */
    @media (max-width: 992px) {
        .tabs {
            height: 66px;
        }

        .tabbar {
            padding: 0 20px;
            gap: 4px;
        }

        .tbtn {
            padding: 0 22px;
            font-size: 15px;
        }
    }

    /* Mobile */
    @media (max-width: 768px) {
        .tabs {
            height: 60px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        .tabbar {
            padding: 0 12px;
            gap: 4px;
        }

        .tbtn {
            padding: 0 18px;
            font-size: 15px;
            border-radius: 8px 8px 0 0;
        }

        .tbtn:hover {
            transform: none;
            box-shadow: none;
        }


    }
    @media (max-width: 560px) {
        .tabs::after {
            display: inline-block;
            width: 42px;
            border-top-right-radius: 8px;
        }

        .tabs::before {
            display: inline-block;
            right: 8px;
            font-size: 26px;
        }
    }
    /* Sehr kleine Geräte */
    @media (max-width: 480px) {
        .tabs {
            height: 45px;
        }

        .tabbar {
            padding: 0 10px;
        }

        .tbtn {
            padding: 0 10px;
            font-size: 13px;
        }

        .tbtn.is-active::before {
            height: 3px;
        }
    }


    /*******************************************
    * Multiselect
    ******************************************/


.gb_multi_select {
    position: relative;
    width: 100%;
}

.gb_multi_select_trigger {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--authorbox-border);
    border-radius: 8px;
    background: var(--casratingbox-bg);
    font-size: 14px;
    padding: 10px 12px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    text-align: left;
}

.gb_multi_select_value {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    flex: 1 1 auto;
    min-width: 0;
}

.gb_multi_select_placeholder {
    color: var(--authorbox-color);
    white-space: nowrap;
}

.gb_multi_select_tags {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    min-width: 0;
}

.gb_multi_select_tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 180px;
    min-height: 26px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f3f5f8;
    color: #111;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}

.gb_multi_select_tag img {
    width: 14px;
    height: 14px;
    object-fit: contain;
    flex: 0 0 auto;
}

.gb_multi_select_tag_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gb_multi_select_tag_more {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 8px;
    border-radius: 999px;
    background: #e9edf2;
    color: #333;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}

.gb_multi_select_arrow {
    flex: 0 0 auto;
    font-size: 13px;
    color: #666;
}

.gb_multi_select_dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 200;
    background: var(--color-cont-background-01);
    border: 1px solid #d7dbe2;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    padding: 10px;
    color: var(--color-cont-text-01);
}

.gb_multi_select_search {
    width: 100%;
    min-height: 40px;
    border: 1px solid #d7dbe2;
    border-radius: 8px;
    padding: 0 12px;
    box-sizing: border-box;
    margin-bottom: 10px;
    font-size: 14px;
}

.gb_multi_select_options {
    max-height: 240px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.gb_multi_select_option {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    color: var(--color-cont-text-01);
    font-size: 14px;
    line-height: 1.3;
}

.gb_multi_select_option:hover {
    background: var(--filterslider-hover) ;
}

.gb_multi_select_option input[type="checkbox"] {
    flex: 0 0 auto;
    margin: 0;
}

.gb_multi_select_logo {
    width: 40px;
    height: auto;
    object-fit: contain;
    flex: 0 0 auto;
    display: block;
}

.gb_multi_select_option span {
    display: inline-block;
    flex: 1 1 auto;
    color:  var(--color-cont-text-01);
    font-size: 14px;
    line-height: 1.3;
    white-space: normal;
}

.gb_multi_select.is-open .gb_multi_select_trigger {
    border-color: #999;
}

@media (max-width: 768px) {
    .gb_multi_select_dropdown {
        position: static;
        margin-top: 8px;
    }

    .gb_multi_select_tag {
        max-width: 130px;
    }
}


/*******************************************
    * Casino-Detail
    ******************************************/


    .casdetail_content .gameprovlogos .gplogo{
        display: inline-block;
        margin: 0 5px 10px 0;
        text-align: center;
        font-size: 12px;
        width: 100px;
        line-height: 13px;
        white-space: nowrap;
        color: var(--color-cont-text-04);
    }

    .casdetail_content .gameprovlogos .gplogo img{
        max-width: 90px; border: 1px solid var(--color-border-01);
    }

    .casdetail_content .gameprovlogos .logosub{
        display: inline-block; overflow: hidden; max-width: 100%; padding: 0 8px; text-overflow: ellipsis;
        color: var(--color-cont-text-04);
    }

    .casdetail_content .gameprovlogos .gplogo.inactive{
        display: none;
    }
    .casdetail_content .gameprovlogos #shwmrglg{
        background-color: var(--authorbox-bg);
        max-width: 90px;
        margin: 0 5px;
        border-radius: 12px;
        padding: 10px;
        text-align: center;
        border: none;
        color: var(--authorbox-color);
        font-weight: 400;
        font-size: 14px;
        vertical-align: top;
        border: 1px solid var(--color-border-01);
        cursor: pointer;
    }


    .casdetail_content #map { width: 100%; height: 250px; margin: 10px 0; }
    .casdetail_content .bluepill-badge{
        display: inline-block;
        margin: 0 10px 10px 0;
        color: var(--bluepill-color);
        background-color: var(--bluepill-bg);
        border: 1px solid var(--bluepill-border);
        padding: 3px 15px;
        border-radius: 10rem;
        text-decoration: none;
    }

    .casdetail_content .agbcheck_cat{
        margin-bottom: 25px;
    }

    .casdetail_content .agbcheck_wrap{
        margin-bottom: 25px;
    }

    .casdetail_content .agbcheck_item{
        border-top: 1px solid #000B49;
        padding-top: 10px;
        margin-left: 15px;
    }

    .casdetail_content .agbcheck_item:first-of-type{
        border-top: none;
        padding-top: 0;
    }

    .casdetail_content .agbcheck_item p{
        margin-top: 0;
    }

    .casdetail_content .board_cas_support{
        display: inline-block;
    }

    .casdetail_content .board_cas_support img{
        display: inline-block;
        margin-right: 10px;
    }

    .casdetail_content .board_cas_support .name{
        display: inline-block;
        text-decoration: none;
        padding-top: 4px;
    }


    .casdetail_content{
        display:grid;
        grid-template-columns: 243px 1fr;
        gap:40px;
        width: 100%;
    }

    .casdetail_content .col-left,
    .casdetail_content .col-right{
        display:flex;
        flex-direction:column;
        gap: 0;/*20px;*/
    }

    .casdetail_content .col-left .btn.btn.btn-cta-gold,
    .casbonus_content .col-left .btn.btn.btn-cta-gold,
    .casreview_content .col-left .btn.btn.btn-cta-gold,
    .cascomments_content .col-left .btn.btn.btn-cta-gold{
        font-size: 18px;
        padding: 10px 10px 0 10px;
    }

    .casdetail_content .col-left .btn.btn-cta-gold.exclstar,
    .casbonus_content .col-left .btn.btn-cta-gold.exclstar,
    .casreview_content .col-left .btn.btn-cta-gold.exclstar,
    .cascomments_content .col-left .btn.btn-cta-gold.exclstar {
        padding: 8px 11px 0 21px;
    }

    @media (max-width: 900px){

        .casdetail_content{
            gap: 20px;
        }

        .casdetail_content .gameprovlogos .gplogo{
            display: inline-block;
            margin: 0 5px 10px 0;
            text-align: center;
            font-size: 12px;
            width: 95px;
            line-height: 13px;
            white-space: nowrap;
            color: var(--color-cont-text-04);
        }


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

        /* 🔥 WICHTIG: Wrapper neutralisieren */
        .casdetail_content .col-left,
        .casdetail_content .col-right{
            display:contents;
        }

        /* Jetzt kannst du wieder mischen */
        .casdetail_content .gridleft-top{ order:1; }
        .casdetail_content .gridmain-intro{ order:2; }
        .casdetail_content .gridleft-bottom{ order:3; }
        .casdetail_content .gridmain-bottom{ order:4; }
    }


    @media (max-width: 600px){
        .casdetail_content .gb-points {
            grid-template-columns: 1fr;
        }

        .casdetail_content .gb-point.pro,
        .casdetail_content .gb-point.con{
            text-align: left;
        }

        .casdetail_content .gb-points_contra{
            margin-top: 10px;
        }

        .casdetail_content .content-block {
            border: none;
        }

        .casdetail_content .content-block {
            margin-bottom: 0;
            padding-bottom: 0;
        }

    }

    .casdetail_content .cashout-conditions{
        margin: 0;
        padding-left: 20px;
    }

    .casdetail_content .license img{
        max-width: 200px;
    }

    .casdetail_content .lngicon{
        width: 30px;
        border-radius: 0;
        margin: 3px 8px 0 0;
    }
/* =========================
       Bonus Side
    ========================= */
    .casbonus_content .gb-bonus-card{
        background: var(--authorbox-bg);
        border:1px solid var(--authorbox-border);
        border-radius:4px;
        overflow:hidden;
        box-shadow:0 1px 0 rgba(0,0,0,.03);
        margin-bottom:14px;
    }

    /* Header */
    .casbonus_content .gb-bonus-head{
        justify-content:space-between;
        background: var(--color-cont-background-02);
        color: var(--authorbox-color);
        padding:10px 14px;
        font-weight:600;
        font-size:17px;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        display:flex;
        align-items:center;
        gap:12px;
        position:relative;
        overflow:hidden;
        border-bottom:1px solid var(--authorbox-border);
    }

    .casbonus_content .gb-bonus-title{
        margin:0;
        font-size:17px;
        font-weight:600;
    }

    .casbonus_content .gb-bonus-meta{
        font-size:12px;
        opacity:.75;
        white-space:nowrap;
    }

    .casbonus_content .gb-bonus-card .btn-cta-gold{
        margin-top: 4px;
    }


    @media (max-width: 900px){
        .casdetail_content .content-block__body{
            text-align: center;
        }

        .casbonus_content .gb-bonus-head{
            flex-direction:column;
            align-items:flex-start;
            gap:4px;
        }
    }

    /* Body */
    .casbonus_content .gb-bonus-body{
        padding: 7px 14px;
        display:flex;
        flex-direction:column;
        gap:14px;
    }

    /* Top: Text | CTA */
    .casbonus_content .gb-bonus-top{
        display:grid;
        grid-template-columns:1fr max-content;
        gap:16px;
        align-items:start;
    }

    .casbonus_content .gb-bonus-top-left{
        min-width:0;
    }

    /* Text */
    .casbonus_content .gb-bonus-text{
        font-size:13px;
        line-height:1.45;
        margin:0;

          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical;
          overflow: hidden;
          display: -webkit-box;
    }


    /* "Mehr anzeigen" */
    .casbonus_content .gbbonus_toggle{
        margin-top:6px;
        padding:0;
        border:0;
        background:transparent;
        color:#0d6efd;
        font-weight:700;
        font-size:13px;
        cursor:pointer;
        display:inline-flex;
        align-items:center;
        gap:6px;
    }
    .casbonus_content .gb-bonus-more .chev{
        display:inline-block;
        transition:transform .15s ease;
    }
    .casbonus_content .gb-bonus-desc.is-open + .gb-bonus-more .chev{ transform:rotate(180deg); }

    .casbonus_content .gb-bonus-card .casreview_toggle {
      display: none;
      margin-top: 3px;
      background: none;
      border: none;
      padding: 0;
      font-size: 14px;
      color: #185FA5;
      cursor: pointer;
      font-family: inherit;
    }


 /* =========================
       Facts + Steps
    ========================= */
    .casbonus_content .gb-bonus-facts{
        border-top:1px solid #f0f0f0;
        padding-top:12px;
    }

    /* Step labels (dein Stil) */
    .casbonus_content .gb-step-label:nth-child(n+2){
        font-weight:600;
        margin-top:15px;
        padding-top:8px;
        border-top:1px solid #f0f0f0;
    }

    /* KV grid */
    .casbonus_content .gb-kv{
        display:grid;
        grid-template-columns:repeat(4, minmax(0,1fr));
        gap:10px 18px;
    }

    .casbonus_content .gb-fact{
        border-top:1px dashed #ececec;
        padding-top:8px;
    }
    .casbonus_content .gb-fact .k{
        font-size:12px;
        font-weight:600;
        opacity:.72;
        margin-bottom:2px;
    }
    .casbonus_content .gb-fact .v{
        font-size:14px;
        font-weight:700;
        line-height:1.25;
    }
    .casbonus_content .gb-fact:nth-child(-n+4){ border-top:0; padding-top:0; }


    /* =========================
       Details Toggle (nur Mobile sichtbar)
    ========================= */
    .casbonus_content .gb-facts-toggle{
        display:none;               /* Desktop: weg */
        border-top:1px solid #f0f0f0;
        padding-top:12px;
    }

    .casbonus_content .gb-facts-toggle summary{
        cursor:pointer;
        font-weight:800;
        font-size:13px;
        color:#111;
        list-style:none;
        user-select:none;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:10px 12px;
        border:1px solid #e6e6e6;
        border-radius:10px;
        background:#fafafa;
    }
    .casbonus_content .gb-facts-toggle summary::-webkit-details-marker{ display:none; }
    .casbonus_content .gb-facts-toggle summary .chev{ transition:transform .15s ease; }
    .casbonus_content .gb-facts-toggle[open] summary .chev{ transform:rotate(180deg); }

    .casbonus_content .gb-facts-slot{ margin-top:10px; }

    .casbonus_content{
        display:grid;
        grid-template-columns: 243px 1fr;
        gap:40px;
        width: 100%;
    }

    .casbonus_content .col-left,
    .casbonus_content .col-right{
        display:flex;
        flex-direction:column;
        gap: 0;/*20px;*/
    }

    /* =========================
       Layout breakpoints (nur Optik)
    ========================= */
    @media (max-width: 1200px){
      .casbonus_content .gb-kv{ grid-template-columns:repeat(3, minmax(0,1fr)); }
      .casbonus_content .gb-fact:nth-child(-n+4){ border-top:1px dashed #ececec; padding-top:8px; }
      .casbonus_content .gb-fact:nth-child(-n+3){ border-top:0; padding-top:0; }
    }

    @media (max-width: 980px){
      .casbonus_content .gb-kv{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .casbonus_content .gb-fact:nth-child(-n+3){ border-top:1px dashed #ececec; padding-top:8px; }
      .casbonus_content .gb-fact:nth-child(-n+2){ border-top:0; padding-top:0; }
    }

    @media (max-width: 560px){
        .casbonus_content {
            gap: 15px;
        }

      .casbonus_content .gb-kv{ grid-template-columns:1fr; }
      .casbonus_content .gb-fact:nth-child(-n+2){ border-top:1px dashed #ececec; padding-top:8px; }
      .casbonus_content .gb-fact:first-child{ border-top:0; padding-top:0; }
      .casbonus_content .gb-cta a{ width:100%; }
    }

    /* =========================
       Mobile logic breakpoint
       - CTA unter Text
       - Details sichtbar
       - Facts-Container bleibt sichtbar (wichtig!)
    ========================= */
    @media (max-width: 900px){
      .casbonus_content .gb-bonus-top{ grid-template-columns:1fr; }

      .casbonus_content .gb-cta{
        position:static;
        align-items:flex-start;
      }
      .casbonus_content .gb-cta .valid{ text-align:left; }

      /* Toggle sichtbar */
      .casbonus_content .gb-facts-toggle{ display:block; }

      /* Facts container NICHT verstecken */
      .casbonus_content .gb-bonus-facts{
        display:block;
        border-top:0;
        padding-top:0;
      }

      /* Im Toggle 2-spaltig (optional, passt zu deinem bisherigen Stil) */
      .casbonus_content .gb-kv{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .casbonus_content .gb-fact:nth-child(-n+2){ border-top:0; padding-top:0; }


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

        /* 🔥 WICHTIG: Wrapper neutralisieren */
        .casbonus_content .col-left,
        .casbonus_content .col-right{
            display:contents;
        }

        /* Jetzt kannst du wieder mischen */
        .casbonus_content .gridleft-top{ order:1; }
        .casbonus_content .gridmain-intro{ order:2; }
        .casbonus_content .gridleft-bottom{ order:3; }
        .casbonus_content .gridmain-bottom{ order:4; }


    }


    /* =========================
       Kommentare
    ========================= */
        .cascomments_content{
        display:grid;
        grid-template-columns: 243px 1fr;
        gap: 40px;
        width: 100%;
    }

    .cascomments_content .col-left,
    .cascomments_content .col-right{
        display:flex;
        flex-direction:column;
        gap: 0;/*20px;*/
    }

    @media (max-width: 900px){

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

        /* ?? WICHTIG: Wrapper neutralisieren */
        .cascomments_content .col-left,
        .cascomments_content .col-right{
            display:contents;
        }

        /* Jetzt kannst du wieder mischen */
        .cascomments_content .gridleft-top{ order:1; }
        .cascomments_content .gridmain-intro{ order:2; }
        .cascomments_content .gridleft-bottom{ order:3; }
        .cascomments_content .gridmain-bottom{ order:4; }
    }


     .casreview_content #casinoReviewForm {
        display: none;
    }

    .casreview_content #casinoReviewForm.is_open{
        display: inline-block;
    }

    /* =========================
       Review Box
    ========================= */
    .casreview_content .casreview_box{
        border:1px solid var(--authorbox-border);
        background: var(--authorbox-bg);
        border-radius:6px;
        overflow:hidden;
        margin:14px 0;
    }

    /* =========================
       Header (immer 100% Breite)
       Desktop: User links, Sterne rechts
       Mobile: Sterne unter User
    ========================= */
    .casreview_content .casreview_box_hdr{
        width:100%;
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:14px;
        padding: 5px 14px 5px 5px;
        border-bottom:1px solid var(--authorbox-border);
        box-sizing:border-box;
        background: var(--color-cont-background-02);
        color: var(--authorbox-color);

    }

    .casreview_content .casreview_special {
        width: 100%;
        padding: 8px 14px 4px;
        background: var(--color-cont-background-17);
        color: var(--color-cont-text-01);
        box-sizing: border-box;
        margin-top: -1px;
        font-size: 13px;
        border-bottom: 1px solid var(--color-cont-background-18);
    }

    .casreview_content .casreview_user{
        display:flex;
        align-items:center;
        gap:10px;
        min-width:0;
    }

    .casreview_content .casreview_user .avatar{
        position: absolute;
        width: 70px;
        height: 70px;
        border: 5px solid var(--color-cont-background-02);
        background-color: #FFF;
    }

    /* falls dein Avatarcode kein Wrapper-Element liefert, stört das nicht */
    .casreview_content .casreview_username{
        font-weight:800;
        font-size:14px;
        line-height: 15px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        margin-left: 80px;
    }

    .casreview_content .casreview_username small{
        font-weight: 400;
        font-size: 12px;
    }

    .casreview_content .casreview_rating{
        flex:0 0 auto;
        white-space:nowrap;
    }

    .casreview_content .casreview_box_hdr .rc-tile-rating__label{
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
    }

    /* Mobile: Sterne unter Avatar+Name */
    @media (max-width: 480px){
        .casreview_content .casreview_box_hdr{
            /*  flex-direction:column;
            align-items:flex-start; */
        }

        .casreview_content .casreview_user .avatar{
            position: absolute;
            width: 67px;
            height: 67px;
            border: 3px solid var(--color-cont-background-02);
            background-color: var(--color-cont-background-02);
        }

        .casreview_content .casreview_rating{
            margin-top:4px;
        }

        .casreview_content .casreview_username{
            margin-left: 70px;
        }

    }

    /* =========================
       Content
    ========================= */
    .casreview_content .casreview_box_cnt{
        padding: 9px 14px;
        box-sizing:border-box;
    }

    .casreview_content .casreview_text{
        width:100%;
    }

    .casreview_content .casreview_box_cnt hr{
        border:0;
        border-top:1px solid var(--authorbox-border);
        margin: 10px 0;
    }

    /* =========================
       Bottom Layout
       Desktop: 50% Ratings | 50% Pro/Contra
       Mobile: untereinander
    ========================= */
    .casreview_content .casreview_bottom{
        display: inline-block;
        /*grid-template-columns: 1fr 1fr;*/ /* 50/50 */
        gap:18px 22px;
        align-items:start;
        width: 100%;
    }

    @media (max-width: 900px){
        .casreview_content .casreview_bottom{
            grid-template-columns:1fr;
        }
    }

    /* =========================
       Ratings (links)
    ========================= */
    .casreview_content .casreview_ratings{
        display:none;
        grid-template-columns: 1fr 1fr;
        gap: 10px 30px;
    }

    .casreview_content .casreview_ratings.ratingsopen {
        display: grid;
    }

    .casreview_content .casreview_rating_item{
        display:flex;
        justify-content:space-between;
        align-items: flex-start;
        gap:10px;
        padding-bottom:8px;
        border-bottom:1px dashed #eee;
    }

    .casreview_content .casreview_rating_item:last-child{
        border-bottom:0;
        padding-bottom:0;
    }

    .casreview_content .casreview_rating_label{
        font-size: 14px;
        font-weight:600;
        line-height:1.25;
    }

    .casreview_content .casreview_rating_stars{
        flex:0 0 auto;
        white-space:nowrap;
    }

    /* =========================
       Pro / Contra (rechts)
       Desktop: Pro & Contra je 50% nebeneinander
       Mobile: untereinander
    ========================= */
    .casreview_content .gb-points{
        display:grid;
        grid-template-columns: 1fr 1fr; /* Pro | Contra */
        gap:12px;
        align-items:start;
    }


    .casreview_content{
        display:grid;
        grid-template-columns: 243px 1fr;
        gap: 40px;
        width: 100%;
    }

    .casreview_content .col-left,
    .casreview_content .col-right{
        display:flex;
        flex-direction:column;
        gap:0; /*20px */
    }

    @media (max-width: 560px){
        .casreview_content .gb-points{
            grid-template-columns:1fr;
        }
    }

    .casreview_content .gb-points ul{
        margin:0;
        padding-left:18px;
    }

    @media (max-width: 900px){

        .casreview_content .casreview_ratings{
            grid-template-columns: 1fr;
            gap: 10px 30px;
        }

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

        /* 🔥 WICHTIG: Wrapper neutralisieren */
        .casreview_content .col-left,
        .casreview_content .col-right{
            display:contents;
        }

        /* Jetzt kannst du wieder mischen */
        .casreview_content .gridleft-top{ order:1; }
        .casreview_content .gridmain-intro{ order:2; }
        .casreview_content .gridleft-bottom{ order:3; }
        .casreview_content .gridmain-bottom{ order:4; }
    }

    .casreview_content .rc-tile-input .stars{
        display:flex;
        align-items:center;
        gap:var(--rc-tile-input-gap, 4px);
    }

    .casreview_content .rc-tile-input .star{
        width:var(--rc-tile-input-size, 28px);
        height:var(--rc-tile-input-size, 28px);
        flex:0 0 var(--rc-tile-input-size, 28px);
        cursor:pointer;
        outline:none;
    }

    .casreview_content .rc-tile-input .star svg{
        display:block;
        width:100%;
        height:100%;
    }



    /* ************************************
     *
     *  Übersicht
     *
     * ************************************/
    /* Toggle-Box */
body.page_casino .gb-toggle-box{
    clear:both;
    margin:0 0 16px;
    border:1px solid #d9d9d9;
    background:#fff;
}

body.page_casino .gb-toggle-box__title{
    position:relative;
    padding:14px 18px;
    border-bottom:1px solid #d9d9d9;
    background:#f8f8f8;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
}

body.page_casino .gb-toggle-box__title::before{
    content:"+";
    display:inline-block;
    width:20px;
    margin-right:8px;
    font-weight:700;
}

body.page_casino .gb-toggle-box.is-open .gb-toggle-box__title::before{
    content:"−";
}

body.page_casino .gb-toggle-box__content{
    display:none;
    padding:18px;
}

body.page_casino .gb-toggle-box.is-open .gb-toggle-box__content{
    display:block;
}

body.page_casino .gb-toggle-box__content > *:first-child{ margin-top:0; }
body.page_casino .gb-toggle-box__content > *:last-child{ margin-bottom:0; }


/* Editor-Bilder */
.contentbox img{
    max-width:100%;
    border-radius:12px;
}

body.page_casino img.img-left30,
body.page_casino a.lightbox.img-left30{
    float:left;
    max-width:30%;
    margin:0 15px 10px 0;
}

body.page_casino img.img-right30,
body.page_casino a.lightbox.img-right30{
    float:right;
    max-width:30%;
    margin:0 0 10px 15px;
}

body.page_casino img.img-left50,
body.page_casino a.lightbox.img-left50{
    float:left;
    max-width:50%;
    margin:0 15px 10px 0;
}

body.page_casino img.img-right50,
body.page_casino a.lightbox.img-right50{
    float:right;
    max-width:50%;
    margin:0 0 10px 15px;
}

body.page_casino img.img-center,
body.page_casino a.lightbox.img-center{
    display:block;
    float:none;
    margin:0 auto 10px;
}

body.page_casino img.img-full,
body.page_casino a.lightbox.img-full{
    display:block;
    float:none;
    width:100%;
    margin:0 0 10px;
}

body.page_casino a.lightbox{
    display:block;
    border:0;
    text-decoration:none;
}

body.page_casino a.lightbox.img-center{
    width:fit-content;
}

body.page_casino a.lightbox img{
    display:block;
    max-width:100%;
    height:auto;
}


/* Pro-/Contra-Listen */
body.page_casino ul.list-pro,
body.page_casino ul.list-contra{
    list-style:none;
    padding-left:0;
}

body.page_casino ul.list-pro li,
body.page_casino ul.list-contra li{
    position:relative;
    margin-bottom:6px;
    padding-left:25px;
}

body.page_casino ul.list-pro li::before,
body.page_casino ul.list-contra li::before{
    content:"";
    position:absolute;
    left:0;
    width:15px;
    height:15px;
    margin-top:2px;
    background-size:contain;
    background-repeat:no-repeat;
}

body.page_casino ul.list-pro li::before{
    background-image:url('https://gamblebase.com/Images/Icons/proco_pro.svg');
}

body.page_casino ul.list-contra li::before{
    background-image:url('https://gamblebase.com/Images/Icons/proco_contra.svg');
}


/* Tabellen */
body.page_casino .contentbox table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border:none;
    border-collapse:collapse;
}


/* Casino Toolbar */
body.page_casino .casino-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 0 14px;
    border-radius:10px;
}

body.page_casino .casino-toolbar__info{
    display:flex;
    align-items:center;
    flex-wrap:unset;
    gap:8px 10px;
    min-width:0;
    font-size:14px;
}

body.page_casino .casino-toolbar__info .cou_flag{
    width:24px;
    height:auto;
    border-radius:2px;
}

body.page_casino .casino-toolbar__text{
    line-height:1.35;
}

body.page_casino .casino-toolbar__actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    margin-left:auto;
}


/* Toolbar-Elemente */
body.page_casino .casino-search-form{
    position:relative;
    display:inline-flex;
    align-items:center;
    margin:0;
}

body.page_casino .casino-search-toggle,
body.page_casino .casino-sort-control,
body.page_casino .casino-filter-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    height:35px;
    min-height:35px;
    min-width:39px;
    border:1px solid var(--color-border-02);
    border-radius:8px;
    background: var(--color-cont-background-01);
    color:var(--color-cont-text-01);
    font-size:14px;
    font-weight:700;
}

body.page_casino .casino-search-toggle,
body.page_casino .casino-filter-toggle{
    padding:0;
    cursor:pointer;
}

body.page_casino #casinoSearchToggle{
    font-size:20px;
}

body.page_casino .casino-sort-control{
    padding:0 10px;
}

body.page_casino .casino-sort-control select{
    max-width:190px;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:inherit;
    font:inherit;
    font-weight:600;
    cursor:pointer;
}

body.page_casino .casino-filter-toggle img{
    width:20px;
    height:auto;
}

body.page_casino .casino-filter-toggle strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    padding:0 6px;
    border-radius:999px;
    background:var(--color-link-01, #0066cc);
    color:#fff;
    font-size:12px;
    line-height:1;
}


/* Suchfeld */
body.page_casino .casino-search-field{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    z-index:50;
    display:flex;
    align-items:center;
    gap:6px;
    width:280px;
    padding:8px;
    border:1px solid var(--color-border-02);
    border-radius:10px;
    background:var(--color-cont-background-01);
    box-shadow:0 8px 24px rgba(0,0,0,.18);
}

body.page_casino .casino-search-field[hidden]{
    display:none;
}

body.page_casino .casino-search-field input{
    flex:1 1 auto;
    min-width:0;
    height:40px;
    padding:0 10px;
    border:1px solid var(--color-border-02);
    border-radius:8px;
    background: var(--color-cont-background-01);
    font:inherit;
    color: var(--color-cont-text-01);
}

body.page_casino .casino-search-field button{
    flex:0 0 auto;
    width:auto;
    min-width:90px;
    height:40px;
    margin:0;
    padding:6px 12px;
    border:1px solid var(--color-border-02);
    border-radius:8px;
    cursor:pointer;
}

body.page_casino .casino-sort-control{
    position:relative;
    display:flex;
    align-items:center;
}

body.page_casino .casino-sort-control .entypo-arrow-combo{
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    pointer-events:none;
    z-index:2;
    font-size:16px;
    line-height: 16px;
}

body.page_casino .casino-sort-control select{
    padding-left: 20px;
    border:0;
    background:transparent;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
}



/* Responsive */
@media (max-width:760px){

    body.page_casino .casino-toolbar{
        flex-direction:column;
        align-items:stretch;
    }

    body.page_casino .casino-toolbar__actions{
        position:relative;
        display:grid;
        grid-template-columns: minmax(0,1fr) 35px 35px;
        width:100%;
        gap:8px;
        margin-left:0;
    }

    body.page_casino .casino-toolbar__actions.search-open{
        padding-bottom:70px;
    }

    body.page_casino .casino-search-form{
        position:static;
        width:35px;
        min-width:35px;
    }

    body.page_casino .casino-search-toggle,
    body.page_casino .casino-filter-toggle{
        width:35px;
        min-width:35px;
        padding:0;
    }

    body.page_casino .casino-sort-control{
        width:100%;
        min-width:0;
        padding:0 8px;
    }

    body.page_casino #casinoSort{
       /* padding:0; */
    }

    body.page_casino .casino-sort-control select{
        width:100%;
        max-width:100%;
        font-size:14px;
        text-align:left;
        padding-left: 20px;
    }

    body.page_casino .casino-search-field{
        position:absolute;
        top:44px;
        left:0;
        right:0;
        width:auto;
        margin-top:8px;
        box-sizing:border-box;
        box-shadow:none;
        z-index:100;
    }

    body.page_casino .casino-search-field input{
        flex:1 1 auto;
        min-width:0;
    }

    body.page_casino .casino-search-field button{
        flex:0 0 auto;
        min-width:90px;
        width: auto;
    }

    body.page_casino .casino-search-field .btn{
        width: auto;
    }

    body.page_casino .btn-label,
    body.page_casino .filter-label{
        display:none;
    }
}

@media (max-width:600px){
    body.page_casino .contentbox table{
        font-size:13px;
    }

    body.page_casino .contentbox table td,
    body.page_casino .contentbox table th{
        padding:10px;
    }
}

@media (max-width:430px){
    body.page_casino .casino-toolbar__info{
        align-items:center;
    }

    body.page_casino .casino-toolbar__text{
        width:100%;
    }
}














    body.page_casino .casreview_text{
        -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;
    }

    body.page_casino .casreview_toggle {
        display: none;
        margin-top: 3px;
        background: none;
        border: none;
        padding: 0;
        font-size: 14px;
        color: var(--showmore);
        cursor: pointer;
        font-family: inherit;
    }

    body.page_casino .gb-points{
        margin: 0 0 10px;
    }

    body.page_casino .casreview_box .review_detail{
        cursor: pointer;
    }

    body.page_casino .casreview_box .subtitle{
        font-weight: 600;
        margin-bottom: 10px;
        display: inline-block;
    }

    body.page_casino .casreview_box .subtitle_toggle{
        display: inline-block;
        margin-left: 10px;
    }


 body.page_casino .casreview_content .casino-rating-overview {
    width: 100%;
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid var(--casratingbox-border);
    border-radius: 10px;
    background: var(--casratingbox-bg);
    box-sizing: border-box;
}

body.page_casino .casreview_content .casino-rating-overview__title {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--casratingbox-border);
    font-size: 15px;
    font-weight: 600;
    color: var(--casratingbox-color);
    text-align: center;
}

body.page_casino .casreview_content .casino-rating-overview__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 0;
    border-top: 0;
}

body.page_casino .casreview_content .casino-rating-overview__label {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--casratingbox-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.page_casino .casreview_content .casino-rating-overview__stars {
    flex: 0 0 auto;
    line-height: 0;
    white-space: nowrap;
}

body.page_casino .casreview_content .casino-rating-overview__stars .rc-tile-rating {
    margin-top: 0;
}

body.page_casino .casreview_content .casino-rating-overview__stars .rc-tile-rating__label {
    display: none;
}

body.page_casino .casreview_content .casino-rating-overview__empty {
    font-size: 12px;
    line-height: 1.2;
    color: #7b8494;
    white-space: nowrap;
}

/* Sterne in der Detailbox kleiner ziehen */
body.page_casino .casreview_content .casino-rating-overview__stars svg {
    max-width: 116px;
    height: auto;
}

/* Tablet/Mobile */
@media (max-width: 900px) {
    body.page_casino .casreview_content .casino-rating-overview {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.page_casino .casreview_content .casino-rating-overview__title {
        grid-column: 1 / -1;
        margin-bottom: 0;
    }

    body.page_casino .casreview_content .casino-rating-overview__item {
        padding: 9px 10px;
        border: 1px solid #e3eaf5;
        border-radius: 8px;
        background: #fff;
    }
}

@media (max-width: 520px) {
    body.page_casino .casreview_content .casino-rating-overview {
        grid-template-columns: 1fr;
        padding: 10px;
    }

    body.page_casino .casreview_content .casino-rating-overview__stars svg {
        max-width: 108px;
    }
}





    body.page_casino .community-review-strip {
        display: grid;
        grid-template-columns: 1fr auto auto;
        align-items: center;
        gap: 18px;

        margin: 22px 0 10px;
        padding: 16px 18px;

        background: var(--authorbox-bg);
        border: 1px solid var(--color-border-01);
        border-left: 5px solid var(--color-cont-background-14);
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(0,0,0,.04);
    }

    body.page_casino .community-review-strip__badge {
        display: inline-block;
        margin-bottom: 6px;
        color: var(--color-cont-background-14);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    body.page_casino .community-review-strip h3 {
        margin: 0 0 4px;
        font-size: 19px;
        line-height: 1.25;
    }

    body.page_casino .community-review-strip p {
        margin: 0;
        font-size: 15px;
        line-height: 1.45;
        color: var(--color-hdr-text-01);
    }

    body.page_casino .community-review-strip__rating{
        min-width:160px;
        padding:12px 16px;
        border-left:1px solid var(--color-border-01);
        border-right:1px solid var(--color-border-01);

        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
    }

    body.page_casino .community-review-strip__rating strong{
        display:block;
        margin:0;
        font-size: 15px;
        line-height:1;
    }

    body.page_casino .community-review-strip__rating span{
        margin-top:6px;
        font-size: 13px;
    }

    body.page_casino .community-review-stars{
        display:flex;
        justify-content:center;
        margin-bottom:8px;
    }

    body.page_casino .community-review-strip__btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-width: 155px;
        min-height: 38px;
        padding: 8px 14px;

        border-radius: 7px;
        background: var(--color-cont-background-23);
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
    }

    body.page_casino .community-review-strip__btn:hover {
        background: var(--color-cont-background-23);
        color: #fff;
        text-decoration: none;
    }

    @media (max-width: 760px) {
        body.page_casino .community-review-strip {
            grid-template-columns: 1fr;
            gap: 14px;
        }

        body.page_casino .community-review-strip__btn {
            width: 100%;
        }
    }







    body.page_casino .gb-filter-highlights {
                display: flex;
                flex-wrap: wrap;
                gap: 6px;
                margin: 0;
        }

        body.page_casino .gb-filter-chip {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                max-width: 100%;
                padding: 6px 9px;
                border: none;/*1px solid var(--color-border-01);*/
                border-radius: 14px;
                background: var(--color-cont-allbackground);
                color: var(--color-cont-text-01);
                font-size: 12px;
                line-height: 1.2;
                white-space: nowrap;
        }


        body.page_casino .gb-filter-chip.img{
                padding: 2px 2px 2px 6px;
        }

        body.page_casino .gb-filter-chip.txt{

        }

        body.page_casino .gb-filter-chip img {
                width: auto;
                height: 30px;
                object-fit: contain;
                flex: 0 0 auto;
        }

        body.page_casino .gb-filter-chip-label {
                color: var(--color-cont-text-08);
                font-weight:700;
                font-size:14px;
                margin-right: 3px;
        }

        body.page_casino .gb-filter-chip-label.pro {
                color: var(--color-cont-text-08);
        }

        body.page_casino .gb-filter-chip-label.neg {
                color: var(--color-cont-text-09);
        }

        body.page_casino .gb-filter-chip strong {
                font-weight: 700;
        }

        @media (max-width: 680px) {
                body.page_casino .gb-filter-highlights {
                        margin-top: 8px;
                }

                body.page_casino .gb-filter-chip {
                        max-width: 100%;
                        white-space: normal;
                        border-radius: 8px;
                }
        }



/* ************************************************
 * Farben-Definitionen
 * ************************************************/
    :root{
        --authorbox-bg: #f8fbff;
        --authorbox-border: #b9d4ff;
        --authorbox-color: #00124a;
        --authorbox-headercol: #0036a3;
        --authorbox-role: #0050d8;

        --caspro–color: #1f7a3f;
        --casneg–color: #b42318;


        --bluepill-color: #1a56db;
        --bluepill-bg: #e8f0fe;
        --bluepill-border: #4a80f5;

        --casratingbox-bg: #f8fbff;
        --casratingbox-border: #dde5f0;
        --casratingbox-color: #000b49;

        --showmore: #185FA5;

        --press_radialbg: radial-gradient(circle at 35% 20%, rgba(255,255,255,.95), rgba(255,255,255,.65) 45%, rgba(232,235,244,.95) 100%);
        --press_shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 4px 14px rgba(0,0,0,.12);
        --press_txtbg: rgba(255,255,255,.75);

        --expertbox-color: #000B49;
        --expertbox-border: #d9d9d9;
        --expertbox-bg: #fffbea;

        --filterslider-fill: #2f6df6;
        --filterslider-thumb: #8b93a3;
        --filterslider-track: #d9dee7;
        --filterslider-color: #667085;
        --filterslider-label: #001a66;
        --filterslider-value: #667085;
        --filterslider-hover: #f5f7fa;

        --filterchip-color: #111;
        --filterchip-bg: #edf1f5;
        --filterchip-bg-hover: #4d4d4d;
        --filterchip-border: #d7dbe2;
    }

    :root[data-variation="darktheme"],
    :root[data-variation="xmastheme"]{
        --authorbox-bg: #000;
        --authorbox-border: #222;
        --authorbox-color: #e9e9e9;
        --authorbox-headercol: #4371ff;
        --authorbox-role: #005eff;

        --caspro–color: #00de4e;
        --casneg–color: #ff2717;

        --bluepill-color: #d2e4ff;
        --bluepill-bg: #485e81;
        --bluepill-border: #223c73;

        --casratingbox-bg: #000;
        --casratingbox-border: #222;
        --casratingbox-color: #e9e9e9;

        --showmore: #2E97FF;

        --press_radialbg: radial-gradient(circle at 35% 20%, rgba(32, 32, 32, 0.95), rgba(8, 8, 8, 0.65) 45%, rgba(36, 36, 36, 0.95) 100%);;
        --press_shadow: inset 0 1px 0 rgba(0,0,0,.85), 0 4px 14px rgba(255,255,255,.12);
        --press_txtbg: rgba(0,0,0,.75);

        --expertbox-color: #F3F5FF;
        --expertbox-border: #040404;
        --expertbox-bg: #4d3e00;


        --filterslider-fill: #2f6df6;
        --filterslider-thumb: #8b93a3;
        --filterslider-track: #d9dee7;
        --filterslider-color: #9096a2;
        --filterslider-label: #688eff;
        --filterslider-value: #667085;

        --filterslider-hover: #667085;

        --filterchip-color: #fff;
        --filterchip-bg: #010101;
        --filterchip-bg-hover: #262626;
        --filterchip-border: #333;


    }