/*
Theme Name:   Automaten Deals Child
Description:  Child Theme für Automaten Deals auf GeneratePress
Author:       Hockeyweb
Author URI:   http://www.hockeyweb.de
Template:     generatepress
Version:      1.0.0
License:      Proprietary
Text Domain:  hockeywebwettenchild
*/

/*
Our custom styles can be added here. They get loaded
automatically by GeneratePress
*/

/* FOR TESTING */
/* .hero-main-short>h1:nth-child(1) {
    background-color: red;
} */
@charset "UTF-8";
:root {
    --main-color:#22323c;
	--red-color:#dc2b19;
    --star-size:15px;
    --star-color: #c7c5c5;
    --star-background: #fc0;
}


/*CSS MM*/
:root {
    --e-main-color: #22323c;
    --e-main-sec-color: #3d4b66;
    --e-main-alternate-color: #1085ea;
    --e-white-color: #fff;
    --e-grey-color: #e3e3e3;
    --e-sec-color: #dc2b19;

    --e-blue: #252f53;
    --e-font-xl: 3rem;
    --e-font-l: 2.5rem;
    --e-font-lm: 2rem;
    --e-font-m: 1.5rem;
    --e-font-ms: 1.3rem;
    --e-font-s: 0.8rem;
    --font-xl:2.441rem;
    --font-l:1.953rem;
    --font-m:1.563rem;
    --font-s:1.25rem;
    --font-base:1rem;
    --font-base-s:.8rem;
    --e-copy: 1rem;
    --star-size: 15px;
    --star-color: #e7e7e7;
    --star-background: #FFAD00;
    --star-color:#FFAD00;
    --e-mx-width: 1160px;
    --e-mg-tp-m: 1rem;
    --e-mg-bt-m: 1rem;
    --e-mg-lt-m: 1rem;
    --e-mg-rt-m: 1rem;
    --e-mg-tp-l: 2rem;
    --e-mg-bt-l: 2rem;
    --e-mg-lt-l: 2rem;
    --e-mg-rt-l: 2rem;
    --color-1:#EA411B;
    --color-2:#2BB551;
    --color-3: #84789C;
    --color-4:#000;
    --color-5:#ddd;
    --color-6:#E2F4F2;
    --color-7:#141A36;
    --color-8:#fff;
    --color-9:#E2F4F2;
    --color-10:#E2F4F2;
    --color-11:#929EA5;
    --color-12:#485257;
    --color-13:#FFDF0D;
    --color-14:#ffd5b2;
    --color-15:#FFDB7F;
    --color-16:#3d4b66;
    --color-17:#2E9EFF;
    --color-18:#FFD5B1;
    --color-19: #F9F7FA;

    --spacing-1: 10px;
    --spacing-2: 15px;
    --spacing-3: 30px;
    --spacing-4: 45px;
    --font-40: 40px;
    --font-25:25px;
    --font-14:14px;
    --font-12:12px;
}
nav.rank-math-breadcrumb {
    font-size: .7rem;
}
nav.rank-math-breadcrumb a{
    color:var(--color-8);
}
/*Css*/
.mm-hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mm-py-xl {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
}
.mm-py-l {
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
}

.mm-container {
    max-width: var(--e-mx-width);
    margin: auto;
    padding: var(--spacing-1);
}

.mm-container p{
    margin:0;
}
.mm-flex {
    display: flex;
}
.mm-flex-grow-1{
    flex-grow: 1;
}
.mm-flex-col {
    flex-direction: column;
}
.mm-col-60-l{
    width: 60%;
}
.mm-col-40-l{
    width: 40%;
}

.flex-gap-xl {
    gap: calc(var(--spacing-3) * 2);
}
.flex-gap-l {
    gap: var(--spacing-3);
}

.flex-gap-m {
    gap: var(--spacing-2);
}
.mm-flex-wrap{
    flex-wrap: wrap;
}
.flex-gap-s {
    gap: var(--spacing-1);
}
.flex-gap-s-half {
    gap: calc(var(--spacing-1) / 2);
}
.mm-100-percent{
    width: 100%;
}

.mm-content-center {
    align-items: center;
}

.mm-justify-between {
    justify-content: space-between;
}

.mm-justify-center{
    justify-content: center;
}
.mm-hr {
    width: 100%;
    height: 1px;
}
.mm-link-no-underline{
    text-decoration: none;
}
.mm-bg-color-3 {
    background-color: var(--color-3);
}
.mm-bg-color-4{
    background-color: var(--e-main-sec-color);
}
.mm-bg-color-5{
    background-color: var(--color-5);
}
.mm-bg-color-6{
    background-color: var(--color-6);
}
.mm-bg-color-7{
    background-color: var(--color-7);
}
.mm-bg-color-8{
    background-color: var(--color-8);
}
.mm-bg-color-9{
    background-color: var(--color-9);
}
.mm-bg-color-10{
    background-color: var(--color-10);
}
.mm-bg-color-13{
    background-color: var(--color-13);
}
.mm-bg-color-14{
    background-color: var(--color-14);
}
.mm-bg-color-18{
    background-color: var(--color-18);
}
.mm-bg-color-19{
    background-color: var(--color-19);
}
.mm-rounder-50{
    border-radius: 50px;
}
.mm-rounder-10{
    border-radius: 10px;
}
.mm-border-1{
    border-width: 1px;
}
.mm-border-solid{
    border-style: solid;
}
.mm-border-color-5{
    border-color: var(--color-5);
}
.mm-border-color-8{
    border-color: var(--color-8);
}
.mm-no-list{
    list-style-type: none;
}
.mm-no-mg{
    margin:0;
}

.mm-py-1{
    padding-top: var(--spacing-1);
    padding-bottom: var(--spacing-1);
}
.mm-px-1{
    padding-left: var(--spacing-1);
    padding-right: var(--spacing-1);
}
.mm-py-2{
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
}
.mm-px-2{
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2);
}
.mm-py-half-1{
    padding-top: calc(var(--spacing-1) / 2);
    padding-bottom: calc(var(--spacing-1) / 2);
}
.mm-px-half-1{
    padding-left: calc(var(--spacing-1) / 2);
    padding-right: calc(var(--spacing-1) / 2);
}
.mm-pt-1{
    padding-top: var(--spacing-1);
}
.mm-pt-2{
    padding-top: var(--spacing-2);
}
.mm-pt-3{
    padding-top: var(--spacing-3);
}
.mm-pr-1{
    padding-right: var(--spacing-1);
}
.mm-pr-2{
    padding-right: var(--spacing-2);
}
.mm-pr-3{
    padding-right: var(--spacing-3);
}
.mm-pb-1{
   padding-bottom: var(--spacing-1);
}
.mm-pb-2{
   padding-bottom: var(--spacing-2);
}
.mm-pb-3{
   padding-bottom: var(--spacing-3);
}
.mm-ps-1{
   padding-left: var(--spacing-1);
}
.mm-ps-2{
   padding-left: var(--spacing-2);
}
.mm-ps-3{
   padding-left: var(--spacing-3);
}

.mm-mt-1{
    margin-top:var(--spacing-1);
}
.mm-mt-2{
    margin-top:var(--spacing-2);
}
.mm-mt-3{
    margin-top:var(--spacing-3);
}
.mm-mr-1{
   margin-right:var(--spacing-1);
}
.mm-mr-2{
   margin-right:var(--spacing-2);
}
.mm-mr-3{
   margin-right:var(--spacing-3);
}
.mm-mb-1{
   margin-bottom:var(--spacing-1);
}
.mm-mb-2{
   margin-bottom:var(--spacing-2);
}
.mm-mb-3{
   margin-bottom:var(--spacing-3);
}
.mm-ms-1{
   margin-left:var(--spacing-1);
}
.mm-ms-2{
   margin-left:var(--spacing-2);
}
.mm-ms-3{
   margin-left:var(--spacing-3);
}
.mm-m-auto{
    margin: auto;
}
.mm-cursor{
    cursor: pointer;
}
.mm-border-regular{
    border: 1px solid var(--color-5);
    border-radius: calc(var(--spacing-1) * 2);
}
.mm-sticky{
    position: sticky;
    top: 0;
    left: 0;
}
.mm-position-relative{
    position: relative;
}
/*text css*/
.mm-text-xl {
    font-size: var(--font-l);
}
.mm-text-sm{
    font-size: var(--font-14) ;
}
.mm-text-s{
    font-size: var(--font-12);
}
.mm-text-base{
    font-size: var(--font-base);
}
.mm-text-base-s{
    font-size: var(--font-base-s);
}
.mm-text-white ,.mm-text-white a{
    color: var(--e-white-color)
}
.mm-text-black{
    color:var(--color-4)
}
.mm-text-center{
    text-align: center;
}
.mm-undeline{
    text-decoration: underline;
}
.mm-text-uppercase{
    text-transform: uppercase;
}
.mm-text-color-11{
    color: var(--color-11);
}
.mm-text-color-1{
    color: var(--color-1);
}
.mm-text-color-2{
    color: var(--color-2);
}
.mm-p{
    font-size: 16px;
}
.mm-font-bold{
    font-weight: bold;
}
.mm-font-semi-bold{
    font-weight: 600;
}
.mm-font-20{
    font-size: calc(var(--spacing-1) * 2);
}
.mm-h1 {
    font-weight: bold;
}
.mm-self-end{
    align-self: end;
}

.mm-container h2 {
    font-size: var(--font-m);
    font-weight: bold;
}
.mm-container a{
    text-decoration: underline;
    font-weight: bold;
}
.mm-tooltip-container{
    position: relative;
}
.mm-tooltip-container:hover .mm-tooltiptext {
    visibility: visible;
}
.mm-tooltip-container .mm-tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color:var(--color-7);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 9px;
    position: absolute;
    z-index: 1;
    top: 110%;
    left: 50%;
    margin-left: -73px;
    font-size: 11px;
}
.mm-display-none{
    display:none;
}
.mm-tooltip-container .mm-tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent var(--color-7) transparent;
}
main#mm-content > .mm-container{
    flex-direction: row-reverse;
}


.wp-block-column.is-layout-flow #toc_container {
    display: none;
}


/*page specific*/
section.mm-hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mm-breadcr ul li {
    color:var(--e-white-color);
    font-size:var(--font-base) !important;
}
li.mm-flex.mm-content-center.mm-author .dashicons-yes {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mm-link-jumper a {
    padding: var(--spacing-1) var(--spacing-2);
    border: 1px solid var(--color-4);
    border-radius: var(--spacing-1);
    text-transform: uppercase;
    text-decoration: none !important;
    height: max-content;
}
.mm-col-30{
    width: 30%;
}
.mm-col-70{
    width: 70%;
}
.mm-toc-heading-deskop {
    font-size: 20px;
    font-weight: bold;
    padding-left: calc(var(--spacing-1) + 15px);
}
.mm-toc #toc_container p.toc_title{
    display: none;
}
.mm-toc #toc_container {
    width: 100% !important;
    background-color: var(--color-8) !important;
    margin-top: 0;
}
.mm-toc span.toc_number.toc_depth_1{
    display: none;
}
.mm-toc ul.toc_list li{
    display: flex;
    gap: var(--spacing-1);
    border-radius: var(--spacing-1);
    margin: 0 !important;
    padding: var(--spacing-1) !important;
}
.mm-toc ul.toc_list li.mm-in{
    background-color: var(--color-9) !important;
}
.mm-toc ul.toc_list li.mm-in a {
    color: var(--color-7) !important;
}
.mm-toc ul.toc_list li a {
    font-weight: 400;
    font-size: 14px;

    display: inline-block;
    color: var(--color-11) !important;
    display: flex;
}

.mm-toc ul.toc_list li::before{
    font-family: 'dashicons';
    content: "\f139" !important;
    font-size: calc(var(--spacing-1) + 24px);
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px
}
.mm-toc ul.toc_list li.mm-in::before {
    color: var(--color-1);
    
}
.mm-toc-mobile-icon{
    display: none;
}
.mm-content-gunt .wp-block-columns, .mm-content-gunt .mm-review-content-wrap{
    border-bottom: 1px solid var(--color-5);
    margin: 0;
}
.vendor-promo-payment-method{
    display: flex;
    gap:5px;
}
.mm-content-gunt .wp-block-columns:last-of-type,.mm-content-gunt .mm-review-content-wrap:last-of-type {
    border-bottom: 0;
}
.mm-content-gunt .wp-block-columns .wp-block-column,.mm-content-gunt .mm-review-content-section {
    margin-top: calc(var(--spacing-4) - 5px);
    margin-bottom: calc(var(--spacing-4) - 5px);
    margin-left: calc(var(--spacing-1) * 6);
    margin-right: calc(var(--spacing-1) * 6);
    gap: var(--spacing-3);
    display: flex;
    flex-direction: column;
}
.mm-review-content-wrap ul{
	margin:0;
	margin-left:15px;
	display:flex;
	flex-direction:column;
	gap:10px;
	li::marker{
		color:var(--color-1);
	}
}
.mm-content-gunt .mm-review-content-section-pd {
    padding-top: calc(var(--spacing-4) - 5px);
   padding-bottom: calc(var(--spacing-4) - 5px);
    padding-left: calc(var(--spacing-1) * 6);
    padding-right: calc(var(--spacing-1) * 6);
    gap: var(--spacing-3);
    display: flex;
    flex-direction: column;
}
.mm-content-gunt .wp-block-column h2,.mm-content-gunt .mm-review-content-section h2 {
    font-size: var(--font-25);
    font-weight: bold;
    padding-bottom: var(--spacing-2);
    position: relative;
}
.mm-content-gunt .wp-block-column h2::after,.mm-content-gunt .mm-review-content-section h2::after{
    content: "";
    width: var(--spacing-4);
    height: calc(var(--spacing-1) / 2);
    display: inline-block;
    background-color: var(--color-1);
    border-radius: var(--spacing-4);
    position: absolute;
    bottom: 0;
    left: 0;
}
.mm-content-gunt .wp-block-column a,.mm-content-gunt .mm-review-content-section a{
    font-weight: normal;
    text-decoration: underline;
    color: var(--color-1);
}
.mm-review-content-section .js-wpv-view-layout {
    margin: 0;
    width: 100%;
}
.mm-number-list {
    list-style-type: none;
    counter-reset: itemNumber;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}
.mm-number-list__grey {
    list-style-type: none;
    counter-reset: itemNumber;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}
.mm-anzhl-spiele {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: auto;
    background-image: url(https://www.hockeyweb.de/casino/wp-content/uploads/2023/11/cta-bg.svg);
    height: 100px;
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.mm-sp-icon {
    display: flex;
    align-items: center;
    position: absolute;
    top: -20px;
}
p.mm-tt-amount {
    font-size: 14px;
    color: var(--color-15);
}
.mm-anzhl-spiele p {
    text-align: center;
    line-height: 1;
}
p.mm-sp-amount {
    font-size: 25px;
    font-weight: bold;
    color: var(--color-8);
}

.mm-number-list > li {
    counter-increment: itemNumber;
    position: relative;
}

.mm-number-list > li:before {
    content: counter(itemNumber);
    position: absolute;
    left: 20px;
    width: 1.2em;
    font-weight: bold;
}
.mm-number-list li {
    padding: calc(var(--spacing-2) + 3px) var(--spacing-1);
    background-color: var(--color-9);
    padding-left: var(--spacing-4);
    border-radius: var(--spacing-1);
}



.mm-number-list__grey > li {
    counter-increment: itemNumber;
    position: relative;
}

.mm-number-list__grey > li:before {
    content: counter(itemNumber);
    position: absolute;
    left: 20px;
    width: 1.2em;
    font-weight: bold;
}
.mm-number-list__grey li {
    padding: calc(var(--spacing-2) + 3px) var(--spacing-1);
    background-color: var(--color-19);
    padding-left: var(--spacing-4);
    border-radius: var(--spacing-1);
}




.mm-number-list-alt {
    list-style-type: none;
    counter-reset: itemNumber;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.mm-number-list-alt > li {
    counter-increment: itemNumber;
    position: relative;
}

.mm-number-list-alt > li:before {
    content: counter(itemNumber);
    position: absolute;
    left: 20px;
    width: 1.2em;
    font-weight: bold;
}
.mm-number-list-alt li {
    padding-left: var(--spacing-4);
}
ul.mm-c-list {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    list-style-type: none;
}
ul.mm-c-list li {
    padding: calc(var(--spacing-2) + 3px) var(--spacing-1);
    background-color: var(--color-9);
    padding-left: var(--spacing-4);
    border-radius: var(--spacing-1);
}
ul.mm-c-list li {
    position: relative;
}

ul.mm-c-list li:before {
    content: "";
    position: absolute;
    left: 18px;
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: var(--spacing-4);
    background-color: var(--color-1);
    top: 23px;
}
ul.mm-c-list.mm-c-list__bg li{
    background-color: var(--color-19);
}
ol.mm-c-list {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    list-style-type: none;
}
ol.mm-c-list li {
    padding: calc(var(--spacing-2) + 3px) var(--spacing-1);
    background-color: var(--color-9);
    padding-left: var(--spacing-4);
    border-radius: var(--spacing-1);
}
ol.mm-c-list li {
    position: relative;
}

ol.mm-c-list li:before {
    content: "";
    position: absolute;
    left: 18px;
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: var(--spacing-4);
    background-color: var(--color-1);
    top: 23px;
}
.wp-block-button a {
    text-decoration: none !important;
    padding: var(--spacing-2) var(--spacing-4) !important;
    display: inline-block;
    border-radius: var(--spacing-1);
    color: var(--color-8) !important;
    background-color: var(--color-1) !important;
    font-weight: bold !important;
    text-transform: uppercase;
}
.mm-table .tablepress tfoot th,.mm-table .tablepress thead th{
    background-color: var(--color-10) !important;
    color: var(--color-4);

}
.tablepress>:where(tbody)>.odd>*,.tablepress>:where(tbody)>.even>* {
    height: 50px;
    vertical-align: middle;
    background-color: var(--color-8) !important;
}
.site-main .wp-block-group__inner-container {
    padding: 0;
}
.mm-content-gunt .rank-math-list-item{
    background-color: var(--color-9);
}
.mm-content-gunt h4.rank-math-question::after,.mm-content-gunt h3.rank-math-question::after {
    content: "\f543";
    font-family: 'dashicons';
    margin-left: auto;
    background-color: var(--color-8);
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: all .3s ease;
}
.mm-content-gunt .rank-math-list-item .rank-math-question{
    display: flex;
    align-items: center;
    gap: var(--spacing-1);
}
.mm-content-gunt .rank-math-list-item .rank-math-question.active-faq::after{
    transform: rotate(180deg);
    transition: all .3s ease;
    background-color: var(--color-11);
}
.mm-content-gunt .rank-math-list-item .rank-math-answer {
    border-top: 1px solid var(--color-5);
    padding-top: var(--spacing-2);
    margin-top: var(--spacing-2) !important;
}
blockquote.wp-block-quote.mm-quote {
    border-radius: calc(var(--spacing-1) * 2);
    border-left-color: transparent;
    padding-left: var(--spacing-4);
    background-color: var(--color-6);
    box-shadow: none;
}

blockquote.wp-block-quote.mm-quote::after {
    width: 16px;
    content: "ℹ";
    position: absolute;
    top: 10%;
    left: 15px;
    font-size: calc(var(--spacing-1) * 3);
    display: flex;
    align-items: center;
    justify-content: center;
}
blockquote.wp-block-quote.mm-quote p {
    font-size:16px;
    color: var(--color-4);
    font-style: normal;
}
blockquote.wp-block-quote.mm-quote-alt {
    border-radius: calc(var(--spacing-1) * 2);
    border-left-color: transparent;
    padding-left: var(--spacing-4);
    background-color: var(--color-10);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

blockquote.wp-block-quote.mm-quote-alt::after {
    width: 16px;
    content: "\f186";
    font-family: 'dashicons';
    position: absolute;
    top: unset;
    left: 15px;
    font-size: calc(var(--spacing-1) * 3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
}
blockquote.wp-block-quote.mm-quote-alt p {
    font-size: 1rem;
    color: var(--color-4);
    font-style: normal;
}
p.mm-quote-alt-heading {
    font-weight: bold;
    font-size: calc(var(--spacing-1) * 2) !important;
}
blockquote.wp-block-quote.mm-quote-alt ul li {
    font-size: 14px;
    font-style: normal;
    color: var(--color-4);
}

/*end*/
div#list-container {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing-2) + 5px);
}
.list-copy-container {
    display: grid;
    grid-template-columns: 26% 1fr 25%;
    gap: var(--spacing-2);
   
}
section.list-content {
    border-radius: 18px;
    box-shadow: 0 12px 32px 0 rgba(0,0,0,.1);
    background-color: var(--color-8);
}
.vendor-trophy {
    display: flex;
}
.vendor-info-container {
    display: flex;
    padding-left: var(--spacing-1);
    height: calc(var(--spacing-2) * 3);
 
}
.vendor-bonus-icon-container {
    display: flex;
    gap: 0.3rem;
    align-items: center;
    background-color: #FFDF0D;
    z-index: 10;
    padding: 0.3rem;
    border-radius: 0.3rem;
    position: relative;
}
.vendor-bonus-icon-container::after {
    content: "";
    width: 18px;
    height: 19px;
    border-radius: 0.2rem;
    display: inline-block;
    background-color: #FFDF0D;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: rotate(45deg) translate(0, -69%);
    z-index: -1;
}
.list-content .vendor-bonus-icon-container {
    padding-right: 15px;
}
.vendor-bonus-icon-container::before {
    content: "";
    width: 20px;
    height: 100%;
    display: inline-block;
    background: inherit;
    position: absolute;
    right: -8px;
    clip-path: polygon(0% 0%, 50% 0%, 100% 50%, 50% 100%, 0% 100%);
}
.list-content .vendor-bonus-icon-container::after{content: none;}
.vendor-trophy-txt {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    color: #22323C;
    display: inline-block;
    margin-bottom: -2px;
}
.vendor-flag-rating {
    flex-grow: 1;
}
.vendor-flag-rating-content {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFDF0D;
    font-size: 11px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
    clip-path: polygon(0 1%, 100% 0%, 100% 100%, 0 100%, 10% 50%);
    height:100%;
    border-radius: 0 0px 0px 0;
}
.vendor-flag-rating-content.mid-tier {
    background: #BDC3C7;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2C3E50, #BDC3C7);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2C3E50, #BDC3C7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color:var(--color-8);
}
.vendor-flag-rating-content.mid-ok-tier {
    background: #D1913C;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #FFD194, #D1913C);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #FFD194, #D1913C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color:var(--color-8);
}
.vendor-flag-rating-content.low-tier {
    background: #b9722d;
    color: #fff;
}
.vendor-container{
    display:flex;
    flex-direction: column;
}
.vendor-collection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing-1) / 2);
}
.vendor-logo-container img.vendor-logo {
    width: 100%;
    height: 100%;
    border-radius: 18px 0px 0px 0px;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.vendor-logo-container {
    width: auto;
    min-height: 176px;
    flex-grow: 1;
    position: relative;
}
a.vendor-logo-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}
.vendor-logo-icon {
    position: absolute;
    top: var(--spacing-1);
    right: var(--spacing-1);
    display: flex;
    background-color: var(--e-white-color);
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    transition: all .3s ease;
    border: 1px solid #D9EEF0;
}
.vendor-logo-container:hover .vendor-logo-icon{
    background-color: var(--color-6);
    transform: scale(1.2);
    transition: all .3s ease;
}
span.hover-effect-icon {
    display: flex;
}
.vendor-benefits-bottom > div {
    flex-grow: 1;
    display: flex;
    gap:5px;
    padding-bottom: 4px;
}
.vendor-benefits-bottom {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
p.vendor-disclamer {
    font-size: 10px;
    color: var(--e-main-sec-color);
}
.vendor-verification-logo-container{
    align-items: flex-end;
}
.vendor-verification-logo-container .vendor-licence-container,.vendor-verification-logo-container .payment-image {
    background-color: #D9EEF0;
    display: flex;
    border-radius: 7px;
    height: calc(var(--spacing-2) * 3);
    align-items: center;
    justify-content: center;
}
.vendor-promo-payment-method .js-wpv-view-layout{
    display: flex;
    gap:5px;
}

.vendor-licence-container img, .vendor-promo-payment-method .payment-image img {
    width: 124px;
    padding: 4px;
    height: 40px;
    margin: -2px 0;
}
.vendor-count-rating span {
    font-size: 16px;
    font-weight: bold;
}

.vendor-benefits-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}
.vendor-bonus-container {
    display: flex;
    align-items: center;
    position: relative;
    gap: var(--spacing-2);
}

.vendor-bonus-heading p {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.2;
}
.vendor-checklist-container ul {
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing-1) / 2);
}
.vendor-benefits-top {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    margin-top: var(--spacing-2);
}
.vendor-checklist-container ul li.para-base.dark-txt-color {
    display: flex;

    gap: var(--spacing-1);
}
.vendor-checklist-container ul li span.dashicons.dashicons-yes {
    color: var(--color-2);
    display: flex;
    font-size: 26px;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}
.load-more {
    margin-top: 2rem;
    text-align: center;
}
.load-more.none {
    display: none;
}

.loop.hidden {
    display: none;
}

.load-more  {
    text-align: center;
    margin-top: 2rem;
    background-color: var(--color-8);
    border-radius: 10px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    color: var(--color-4);
    cursor: pointer;
    max-width: 210px;
    width: 100%;
    font-weight: 600;
    border: 1px solid var(--color-4);
    font-size: var(--font-14);
}

.vendor-cta-container {
    padding: var(--spacing-2);
    background-color: var(--color-6);
}
.vendor-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing-3) * 1.5);
}
a.cta-vendor-main {
    text-decoration: none;
    width: 90%;
    max-width: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-1);
    height: calc(var(--spacing-2) * 3.5);
    background-color: var(--color-1);
    border-radius: 8px;
    text-decoration: none !important;
    color: var(--color-8) !important;
    text-transform: uppercase;
    padding: var(--spacing-1);
    text-align: center;
    font-weight: bold !important;
}
.mm-icon-cta{
    border-radius: 50px;
    background-color: var(--color-8);
    padding: var(--spacing-1);
    color: var(--color-4);
}
span.vendor-cta-img {
    border: 1px solid rgba(255,255,255,.4);
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
a.cta-vendor-link {
    color: var(--color-1);
    font-size: 1rem;
    text-align: center;
    font-weight: 400 !important;
    text-decoration: underline !important;

}
/*end*/
.mm_object-scale-down--30 {
    object-fit: scale-down;
    width: 30px;
    height: 30px;
}
.mm-width-50 {
    width: calc(48% - var(--spacing-1));
}
.mm-review-phone .dashicons-phone{
    color: var(--color-2);
}
.mm-review-email .dashicons-email{
    color:var(--color-16)
}
.mm-review-social .dashicons {
    font-size: 23px;
    color: var(--color-17);
}
/*dev temp*/

.mm-toc #toc_container p.toc_title+ul.toc_list{
    margin-top: 0;
    display: table !important;
}
.mm-single-article-toc #toc_container ul {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}
.mm-single-article-toc #toc_container ul li {
    display: flex;
    align-items: center;
    gap: var(--spacing-1);
}
.mm-single-article-toc #toc_container {
    border: 0;
}
.mm_pt--m {
    padding-top: var(--spacing-3);
}
section.list-content.hidden {
    display: none;
}
.mm-heading-views-hp p a {
    color: var(--color-1);
}
.mm-homepage .wp-block-column p a {
    color: var(--color-1) !important;
}
hr.wp-block-separator.has-alpha-channel-opacity {
    height: 1px !important;
    width: 100%;
    background-color: var(--color-5) !important;
    border: 0;
}
@keyframes mmFade {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

/*Review page css*/
.mm-hero-review{
    background-image: url("https://www.hockeyweb.de/wetten/wp-content/uploads/2023/03/hockeyweb-header-v1-%E2%80%93-3.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.mm-review {
    display: grid;
    grid-template-columns: 30% 40% 1fr;
    grid-gap: var(--spacing-1);
    padding: var(--spacing-1);
    border-radius: var(--spacing-1);
    max-width: 95%;
    margin: var(--spacing-2) auto;
}
.mm-review-bonus p{
    font-size: var(--font-m);
    font-weight: bold;
}
.mm-review-trophy{
    border-radius: var(--spacing-1);
    background-color: var(--color-13);
    padding:calc(var(--spacing-1) / 2) ;
    align-self: center;
}
.mm-review-logo img {
    border-radius: var(--spacing-1);
}
.mm-review-info .vendor-flag-rating-content {
    background-color: transparent;
    color: var(--color-4);
    padding: 0;
    background: none;
}
.mm-review-info .vendor-collection {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--spacing-1);
}
.mm-review-info .vendor-count-rating {
    grid-column: 1/3;
    text-align: center;
}
.mm-review .vendor-count-rating span {
    font-size: var(--font-m);
    font-weight: bold;
}
.mm-review-cta .vendor-web-icon.mm-flex {
    justify-content: flex-end;
}
.mm-review-cta .vendor-star-rating {
    display: flex;
}
.mm-image-rounded{
    width: 35px;
    height: 35px;
    align-self: center;
}
.mm-calc-rating-base.mm-rounder-50.mm-flex.flex-gap-s.mm-content-center.mm-bg-color-13.mm-py-2.mm-px-1 {
    margin-top: -1rem;
}
.mm-pointer-img-rounded{
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.mm-width-165{
    width: 165px;
}
.mm-amount-fields {
    width: 32%;
    height: 60px;
    align-items: center;
}
.mm-font-14{
    font-size: 14px;
}
.mm-payment-image-bonus{
    background-color: #D9EEF0;
    display: flex;
    border-radius: 7px;
    height: calc(var(--spacing-2) * 3);
    align-items: center;
    justify-content: center;
}
.mm-payment-image-bonus img{
    width: 124px;
    padding: 4px;
    height: 40px;
    margin: -2px 0;
}
.mm-payment-container .mm-payment-image-bonus {
    background-color: var(--color-19);
    height: calc(var( --spacing-2) * 4);
}
.mm-payment-container .mm-payment-image-bonus img {
    width: 155px;
    height: 50px;
}
.mm-review-cta-container {
    align-items: center;
    justify-content: center;
    display: flex;
    margin-left: 2rem;
    margin-right: 2rem;
    height: 100px;
    background-image: url(https://www.hockeyweb.de/casino/wp-content/uploads/2023/11/cta-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: calc(var(--spacing-1) * 2);
}
.mm-text-color-11{
    color: var(--color-11);
}
.mm-review-bonus h3,.mm-in-content-h3,.mm-content-gunt h3{
    font-weight: bold;
    font-size: var(--font-s);
}
.mm-table{
    overflow-x: auto;
    border-width: 1px 0 0 0px;
}

.mm-table th {
    border-width: 0;
    background-color: var(--color-15);
}
.mm-table.mm-liga-table th {
    background-color: var(--color-6);
}
.mm-table td {
    border-width: 0px 0px 1px 0;
    font-size: 1rem;
}
.mm-table th a {
    text-align: left;
    font-size: var(--font-14);
    text-decoration: none !important;
    pointer-events: none;
    font-weight: bold !important;
    color: var(--color-4) !important;
    display: flex;
    flex-direction: column;
}
.mm-table-button {
    margin: auto;
    background-color: transparent;
    color: var(--color-4);
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid var(--color-4);
    border-radius: var(--spacing-1);
    max-width: 270px;
    width: 100%;
}
.mm-table-button:hover{
    color: var(--color-4);
}
.mm-hide{
    display: none;
}
td.mm-deposit-logo img {
    width: 80px;
    display: flex;
}

.mm-key-feratures span {
    display: block;
    color: var(--color-4);
}
.mm-key-feratures .mm-flex.mm-flex-col {
    justify-content: center;
}

.mm-key-feratures .mm-review-collection {
    width: 210px;
    position: relative;
}
.mm-key-feratures .mm-review-collection a{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 50;
}
.mm-key-feratures .mm-review-collection{
    text-decoration: underline;
}

.mm-key-feratures span.mm-key-chevron .dashicons{
    color:var(--color-1)
}
.mm-review-live-chat .dashicons-yes{
    color: var(--color-2);
}
.mm-review-live-chat .dashicons-no-alt{
    color: var(--color-1);
}
.mm-trust-icons {
    background-color: var(--color-9);
    border-radius: var(--spacing-1);
    position: relative;
}
.mm-trust-icons a {
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    z-index: 20;
}

.mm-partner-container{
    position: relative;
}
.mm-url-partner{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.mm-partner-slider {
    padding-bottom: var(--spacing-3);
}
.swiper-pagination-bullet-active {
    background-color: var(--color-4 )!important;
}
.mm-store-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(320px,1fr));
    grid-gap: var(--spacing-2);
}
.mm-store-wrap {
    padding: var(--spacing-1);
    border: 1px solid var(--color-5);
    border-radius: var(--spacing-1);
}
p.mm-store-app-title {
    font-size: calc(var(--spacing-1) * 2);
}
.mm-review-store-user {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    padding-top: calc(var(--spacing-1) * 2);
}
.mm-review-store-count {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.mm-review-store-count p{
   color: var(--color-12);
}
.mm-store-review {
    margin-top: auto;
}
.mm-store-title-wrap {
    padding-bottom: var(--spacing-1);
    border-bottom: 1px solid var(--color-5);
}
.mm-pros ul, .mm-cons ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    margin: 0;
}
.mm-pros ul li, .mm-cons ul li,.mm-cons-block ul li,.mm-pros-block ul li {
    display: flex;
    align-items: center;
    gap: var(--spacing-1);
    border-bottom: 1px solid var(--color-5);
    padding: calc(var(--spacing-1) * 2) 0;
}
.mm-cons-block ul li,.mm-pros-block ul li{
    display: inline-block !important;
    padding-left: calc(var(--spacing-1) + 25px);
    position: relative;
}
.mm-pros ul li span, .mm-cons ul li span {
    border-radius: 50px;
	flex-shrink:0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mm-pros-block,.mm-cons-block {
    background-color: var(--color-6);
    padding: calc(var(--spacing-1) * 2) !important;
}
.mm-pros-block ul,.mm-cons-block ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
}
.mm-pros-block ul li:before{
    content: "\f15e";
    font-family: "dashicons";
    border-radius: 50px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-8);
    color: var(--color-2);
    font-size: calc(var(--spacing-2) + 5px);
    position: absolute;
    top: 20px;
    left: 0px;
}
.mm-cons-block ul li:before{
    content: "\f335";
    font-family: "dashicons";
    border-radius: 50px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-18);
    color: var(--color-1);
    font-size: calc(var(--spacing-2) + 5px);
    position: absolute;
    top: 20px;
    left: 0px;
}
.mm-pros ul li span{
    background-color: var(--color-8);
    color: var(--color-2);
}
.mm-cons ul li span{
    background-color: var(--color-18);
    color: var(--color-1);
}
.mm-pros-cons-wrap{
    background-color: var(--color-6);
    padding: calc(var(--spacing-1) * 2);
}
.mm-pros-cons {
    
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    grid-gap: calc(var(--spacing-1) * 2);
}
.mm-pros ul li:last-child, .mm-cons ul li:last-child,.mm-pros-block ul li:last-child, .mm-cons-block ul li:last-child {
    border-bottom: 0;
}
.mm-review-footer-wrap{
    background-image: url(https://www.hockeyweb.de/wetten/wp-content/uploads/2023/03/hockeyweb-header-v1-%E2%80%93-3.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.mm-review-footer-wrap .mm-review-footer-grid {
    display: grid !important;
    grid-template-columns: 58% 1fr;
    grid-gap: var(--spacing-2) !important;
    padding-top: calc(var(--spacing-4) - 5px);
    padding-bottom: calc(var(--spacing-4) - 5px);
    padding-left: calc(var(--spacing-1) * 6);
    padding-right: calc(var(--spacing-1) * 6);
}
.mm-review-total {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: var(--color-8);
    border-radius: 50px;
    padding: var(--spacing-1);
    min-width: 270px;
    align-self: flex-start;
}
.mm-footer-urt {
    background-color: transparent;
    clip-path: none;
    text-align: left;
    padding: 0;
    justify-content: flex-start;
}
.mm-footer-urt strong {
    font-weight: 400;
    font-size: var(--font-14);
    text-transform: capitalize;
}
.mm-review-total span {
    text-transform: uppercase;
    color: var(--color-11);
}
.mm-footer-star svg {
    width: 15px;
    margin-left: -8px;
    margin-bottom: -22px;
}
.mm-review-footer-total {
    display: flex;
    align-items: center;
}
.mm-review-footer-total p {
    font-size: 20px;
}
.mm-review-content-wrap.mm-footer-cta-container > div {
    background-color: var(--color-16);
    border-bottom-left-radius: calc(var(--spacing-1) * 2);
    border-bottom-right-radius: calc(var(--spacing-1) * 2);
}
.mm-flex.mm-content-center.mm-footer-cta {
    justify-content: center;
    width: 80%;
    align-self: center;
}
.mm-review-content-section.mm-review-title-wrap {
    margin-left: calc(var(--spacing-1) * 6);
    margin-right: calc(var(--spacing-1) * 6);
}
.mm-trust-icons.mm-flex.mm-content-center img {
    width: 150px;
}
.mm-partner-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    grid-gap: var(--spacing-1);
}
/*End*/
.mm-flex.mm-mobile-switcher-wrap {
    display: none;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-1);
}
.mm-mobile-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: var(--spacing-1);
    border: 1px solid var(--color-8);
    height: 40px;
    width: 90px;
}
.mm-mobile-switcher span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    height: 30px;
    width: 30px;
}
.mm-mobile-switcher.mm-is-active-switch{
    background-color: var(--color-8);
}
.mm-mobile-switcher span.dashicons-yes{
    color: var(--color-2);
}
.mm-mobile-switcher span.dashicons-no-alt{
    color: var(--color-1);
}
.mm-mobile-switcher.mm-is-active-switch span{
    background-color: var(--color-9);
}
.mm-partner-container div {
    background-color: var(--color-9);
    border-radius: var(--spacing-1);
}
.mm-in-content-flex{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}
/*Single Article*/
.mm-article-feat-img {
    display: flex;
    flex-direction: column;
}
.mm-article-img-cap{
    text-align: center;
    background-color: var(--color-16);
    padding: var(--spacing-1);
    color: var(--color-8);
}
.mm-content-gunt.mm-content-single-article .wp-block-columns, .mm-content-gunt.mm-content-single-article .mm-review-content-wrap{
    border-bottom: 0;
}
.mm-content-single-article .wp-block-heading {
    margin-bottom: -13px !important;
}
.mm-single-article-toc {
    background-color: var(--color-10);
}
.mm-single-article-toc .wp-block-column {
    margin-bottom: 0 !important;
    margin-top: calc(var(--spacing-4) - 20px) !important;
}
.mm-single-article-toc div#toc_container {
    background-color: transparent !important;
    margin: 0;
    margin-bottom: 20px;
    width: 100% !important;
}
.mm-single-article-toc .toc_title {
    background-color: transparent !important;
    font-size: calc(var(--spacing-1) * 2) !important;
}
.mm-single-article-toc .toc_title .toc_toggle {
   display: none !important;
}

.mm-single-article-toc ul li:before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50px;
    background-color: var(--color-1);
    position: relative;
    top: 0px;
    margin-right: 5px;
}
.mm-single-article-toc ul li a .toc_number {
   display: none !important;
}
.mm-single-article-toc ul li a {
    color: var(--color-4) !important;
    
}
.mm-article-aside {
    padding: calc(var(--spacing-1) * 2);
    background-color: var(--color-8);
    border: 1px solid var(--color-5);
    border-radius: var(--spacing-1);
}
.mm-article-aside .js-wpv-view-layout {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}
.mm-article-aside .rel-articles {
    display: grid;
    grid-template-columns: 35% 1fr;
    grid-gap: var(--spacing-1);
    background-color: var(--color-9);
    border-radius: var(--spacing-1);
}
.mm-article-aside .rel-articles div:nth-child(2) {
    display: flex;
    align-items: center;
    padding: var(--spacing-1);
    padding-left: 0;
}
.mm-article-aside .rel-articles div:nth-child(2) a{
    font-weight: 400 !important;
    font-size: var(--e-font-s);
}
.mm-article-aside .rel-articles .rel-art-img {
    display: flex;
}
.mm-article-aside .rel-articles .rel-art-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom-left-radius: var(--spacing-1);
    border-top-left-radius: var(--spacing-1);
}
.mm-single-article-wrapper .flex-gap-l {
    gap: calc(var(--spacing-4));
}
.comments-area,footer.entry-meta {
    display: none;
}
.mm-tooltip-container span {
    font-size: .7rem !important;
}
.side-wrap{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}
.mm-article-aside #wpv-view-layout-3092 .side-wrap .side-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--spacing-1);
    border-radius: var(--spacing-1);
    border: 1px solid var(--color-5);
    overflow: hidden;
}
.side-review {
    align-self: stretch;
    display: flex;
    flex-direction: column;
}
.side-content {
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    display: flex;
    width: calc(100% + var(--spacing-1));
    right: var(--spacing-1);
    position: relative;
    background-color: var(--color-5);
}
.side-logo img {
    min-height: 80px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: var(--spacing-1);
    border-bottom-left-radius: var(--spacing-1);
}
.side-review--rating {
    display: flex;
    flex-direction: column;
    padding: calc(var(--spacing-1)/2) 0;
}
.side-review-stars .user-rating {
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: center;
}
.mm-langs {
    flex-wrap: wrap;
}
.mm-single-content-heading{
    font-weight: bold;
    font-size: var(--font-xl);
}
.mm-vendor-cta-mobile{
display:none
}
/*MM Footer*/
.mm-footer-social.mm-flex{
    align-items: center;
    justify-content: center;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background-color: var(--color-9);
}
.mm-footer-social.mm-flex a{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
}
.mm-footer-container p {
    margin: 0 !important;
}
.mm-spacer{
    height: 1px;
    background-color: var(--color-5);
}
.mm-footer-social.mm-flex img{
    width: 20px;
}
.mm-flex.mm-footer-logo {
    position: relative;
}
.mm-flex.mm-footer-logo img{
    display: flex;
    height: 35px;
}
.mm-flex.mm-footer-logo a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.site-footer .footer-widgets-container .inner-padding {
    padding: 0 0 0 25px;
}
.mm-footer-legal ul {
    display: flex;
    gap: var(--spacing-2);
    flex-wrap: wrap;
    align-items: center;
}
.mm-footer-legal ul li{
    margin: 0;
}

.mm-footer-img.mm-flex {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    width: 130px;
    align-items: center;
    justify-content: center;
    height: 70px;
}
.mm-footer-img.mm-flex a{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 50;
}
.mm-footer-copyright {
    display: flex;
}
.mm-footer-copyright p {
  color: var(--color-11);
}
.mm-flex.mm-flex-col.flex-gap-s.mm-footer-copy a {
    text-decoration: underline;
}
.mm-homepage {
    padding-left: var(--spacing-1);
    padding-right: var(--spacing-1);
}
.mm-homepage .mm-content-gunt .wp-block-columns .wp-block-column{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.footer-bar-active .footer-bar .widget{
    text-align: left;
}
/*Flex menu*/
nav.flex-nav-wrapper ul {
    list-style-type: none;
    margin: 0;
    gap: var(--spacing-1);
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px ,1fr));
}
nav.flex-nav-wrapper ul li {
    padding: var(--spacing-1);
    border-radius: calc(var(--spacing-1) * 4);
    border: 1px solid var(--color-5);
    padding-left: 3px;
}
nav.flex-nav-wrapper ul li a {
    display: flex;
    align-items: center;
    gap: var(--spacing-1);
}
nav.flex-nav-wrapper ul li a img {
    background-color: var(--color-10);
    width: 35px;
    height: 35px;
    border-radius: 50px;
    padding: 6px;
}
nav.flex-nav-wrapper ul li a {
    color: var(--color-4) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
nav.flex-nav-wrapper ul li a span{
    text-decoration: underline !important;
}
nav.flex-nav-wrapper ul li a span.dashicons {
    text-decoration: none !important;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: var(--color-1);
}
/*Related Articles*/
.mm-collection-articles .title-link a {
    font-size: calc(var(--spacing-1) + 7px);
    color: var(--color-4);
    font-weight: 700;
    text-decoration: none;
} 
.mm-collection-articles .post-category {
    position: static;
    background-color: var(--color-13);
}
.flex-gap-m.mm-related-articles-copy {
    margin-top: auto;
}
.mm-collection-articles .post-category a{
    text-decoration: none;
    font-weight: 700;
    color: var(--color-4);
}
.mm-collection-articles .dashicons {
    text-decoration: none;
}
.mm-collection-articles .container-grid {
    box-shadow: none;
    border-radius: var(--spacing-1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.mm-collection-articles picture{
    display: flex;
}
.mm-collection-articles .content-container {
    border-bottom-left-radius:var(--spacing-1) ;
    border-bottom-right-radius:var(--spacing-1) ;
    border: 1px solid var(--color-5);
    flex-grow: 1;
}
.mm-collection-articles .post-date {
   color: var(--color-12);
}




/*Flex nav menu*/
ul.mm-swiper-wrapper {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin: 0;
    flex-wrap: wrap;
    padding: 0;
    gap: calc(var(--spacing-1) * 2);
}
ul.mm-swiper-wrapper li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--color-9);
    width: 160px;
    height: 105px;
    gap:var(--spacing-1);
    color: var(--color-4) !important;
    border-radius: var(--spacing-1);
    padding: var(--spacing-1);
    text-align: center;
}

ul.mm-swiper-wrapper li a span {
    text-decoration: underline;
}
ul.mm-swiper-wrapper li a div {
    display: flex;
}
.mm-homepage .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow p a {
    color: var(--color-4);
    font-weight: 700;
}
nav.branding-nav-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-gap: calc(var(--spacing-1) * 2);
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
}
nav.branding-nav-wrapper ul li {
    padding: var(--spacing-1);
    display: grid;
    gap: var(--spacing-1);
    background-color: var(--color-9);
    border-radius: var(--spacing-1);
    position: relative;
    grid-template-columns: 1fr 80px;
    align-items: center;
}
nav.branding-nav-wrapper ul li a.branding-anchor {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 10;
}
nav.branding-nav-wrapper ul li .branding-img {
    display: flex;
    width: 80px;
    height: 80px;
    border-radius: var(--spacing-1);
    overflow: hidden;
}
nav.branding-nav-wrapper ul li .branding-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--spacing-1);
}
nav.branding-nav-wrapper .bradning-link-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bradning-link-content span.branding-txt-heading {
    font-weight: 700;
    text-decoration: underline;
}
/*Page Summery*/
.mm-page-summery {
    margin-top: calc(var(--spacing-1) * 3);
    display: none;
    flex-direction: column;
    gap: calc(var(--spacing-1) * 1.5);
    background-color: var(--color-7);
    border-radius: 8px;
    padding: var(--spacing-1);
    color: #fff;
}
.mm-page-summery.isActiveSummery{
    display: flex;
}
.mm-page-summery-title h3 {
    font-size: 25px;
    font-weight: bold;
    color:var(--color-8)
}
.mm-page-summery ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing-1) / 2);
    list-style: none;
    padding-left: 20px;
    color:var(--color-8);
}
.mm-page-summery ul li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: var(--color-8);
    position: absolute;
    left: -20px;
    top: 6px;
    border-radius: 50px;
}
.mm-page-summery ul li {
    position: relative;
}
button.mm-page-summery-btn {
    background-color: var(--color-7);
    color: var(--color-8);
    padding: var(--spacing-1);
    border: 1px dashed var(--color-8);
    width: 220px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-1);
    border-radius: var(--spacing-1);
    margin-top: var(--spacing-1);
    font-size: 14px;
    font-weight: bold;
}
button.mm-page-summery-btn:hover,button.mm-page-summery-btn:focus,button.mm-page-summery-btn:active{
    color: var(--color-10);
    background-color: var(--color-7);
}
button.mm-page-summery-btn.isActiveSummeryBtn:hover,button.mm-page-summery-btn.isActiveSummeryBtn:focus,button.mm-page-summery-btn.isActiveSummeryBtn:active{
    color: var(--color-8);
}
button.mm-page-summery-btn.isActiveSummeryBtn {
    color: var(--color-8);
    background-color: var(--color-16);
    border-color: var(--color-16);
}
button.mm-page-summery-btn.isActiveSummeryBtn .dashicons:before{
    content: "\f343";
}
.mm-page-summery li a{
    color: var(--color-1);
}


.mm-blury-bg {
    background-color: rgb(255 255 255 / 10%);
    backdrop-filter: blur(43px);
}






/*loops for lists*/
.js-wpv-view-layout {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.loop {
    display: flex;
    gap: 1rem;
    box-shadow: 1px 8px 11px 0px rgb(0 0 0 / 8%);
    border: 1px solid #eee;
    justify-content: space-between;
}
.col.logo-col{
    width: 45%;
}
.col.bonus-col {
    width: 35%;
}
.col.info{
    width: 38%;
}
.logo-wrap {
    max-height: 150px;
    display: flex;
}
.logo-wrap img {
    width:100%;
    object-fit: cover;
    height: 130px;
}
.score-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.5rem;
  background-color:#f1f1f1;
}
.rating-wrap {
    display: flex;
    align-items: center;
    font-size: .7rem;
    font-weight: bold;
    justify-content: center;
    background-color: #fff;
    padding: 0.4rem 1rem;
    gap:.5rem;
    border-radius: 50px;
}
.fav-img{
    display: flex;
}
.col.info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
}
.col.bonus-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
}
.bonus p {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0;
}
.bonus-txt p {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0;
}
.payment-wrap{
  display:flex;
  gap:.5rem;
}
.payment-wrap img{
  width:60px;
}
.to-link a{
    font-size: .9rem;
    font-weight: 400 !important;
}
/*end*/
/*Single Casino Page */
.col.disclamer-para {
    font-size: .9rem;
    font-style: italic;
    color: #999;
    padding-top: 0rem;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus,
a.wp-block-button__link:not(.has-background):active,
a.wp-block-button__link:not(.has-background):focus,
a.wp-block-button__link:not(.has-background):hover {
    color: #ffffff;
    background-color: transparent;
}

.inside-footer-widgets {
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

blockquote {
    margin-top: 1em;
    font-size: 1em;
    border-left: 5px solid #dc2b19;
    -moz-box-shadow: 0 0 15px rgb(0 0 0 / 13%);
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 13%);
    -o-box-shadow: 0 0 15px rgb(0 0 0 / 13%);
    box-shadow: 0 0 15px rgb(0 0 0 / 13%);
    padding: 15px;
}

hr {
    margin-top: 5px;
    margin-bottom: 15px;
    width: 30%;
    background-color: rgb(193 35 18);
    height: 3px;
}
figure.wp-block-image.size-large {
    margin-bottom: 1rem;
}

.inside-header {
    justify-content: space-between;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.inside-article{
    background-color: transparent !important;
}
.site-main a{
	font-weight:bold;
	text-decoration:none;
}
/*Logo*/
.site-logo img {
    display: flex;
}

/*End Logo*/
/*Custom nav bar*/
#your_main_id .header-widget {
    margin: 0 !important;
}
.site-header .header-image {
    width: 180px;
}
aside#block-8 p {
    margin: 0;
}
/*Main Menu*/
.header-widget,
.header-widget #block-8 {
    display: flex;
    align-items: center;
}
#your_main_id .header-widget {
    margin: 0 !important;
}
.inside-header {
    justify-content: space-between;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.header-widget,
.header-widget #block-8 {
    display: flex;
    align-items: center;
}

#your_menu_id ul#menu-main {
    display: flex;
    align-items: center;
    gap: 1rem;
}

#your_menu_id ul#menu-main li {
    margin-bottom: 0 !important;
}

#your_menu_id ul#menu-main li a {
    display: inline-block;
    width: max-content;
    color: var(--main-color);
    font-size: var(--e-copy);
}


#your_menu_id .menu-item-has-children {
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: .3rem;
}

ul.sub-menu {
    margin-left: 0 !important;
    flex-direction: column;
    display: flex;
    width: min-content;
    background-color: #eee;
    position: absolute;
    top: 25px;
    z-index: -1000;
    opacity: 0;
    right: 0;
    gap: 10px;
    padding: 1rem;
}

ul.sub-menu li {
    margin-left: 0;
    cursor: pointer;
}

ul.sub-menu:before {
    display: inline-block;
    width: 100%;
    position: absolute;
    height: 50px;
    top: -20px;
    left: 0;
    content: "";
}

.menu-item-has-children span.dashicons.dashicons-arrow-down-alt2::before {
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;
}

.sub-menu .menu-item-has-children span.dashicons.dashicons-arrow-down-alt2::before {
    transform: rotate(-90deg);
}

ul.sub-menu .menu-item-has-children ul.sub-menu {
    top: 0;
    left: calc(100% + 20px);
}

ul.sub-menu .menu-item-has-children ul.sub-menu:before {
    height: 40px;
    top: -17px;
    left: -42px;
}

.mobile-nav {
    display: none;
}
#your_menu_id ul li a{
    font-size: 16px;
}
.slotsSwiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.mm-slots-swiper .swiper-button-next:after, .mm-slots-swiper .swiper-rtl .swiper-button-prev:after {
    content: "\f344" !important;
}
.mm-slots-swiper .swiper-button-prev:after, .mm-slots-swiper .swiper-rtl .swiper-button-next:after {
    content: "\f340" !important;
}

.mm-slots-swiper .swiper-button-next:after, .mm-slots-swiper .swiper-button-prev:after {
    font-family: 'Dashicons' !important;
    font-size: var(--swiper-navigation-size);
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid #eee;
    color:var(--color-4);
    font-size: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mm-slots-swiper .swiper-button-next, .mm-slots-swiper .swiper-button-prev {
    position: absolute;
    width: 50px !important;
    height: 50px !important;
    top: unset;
    bottom: 7px;
}
.mm-slots-swiper .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 50%;
    left: 50%;
    transform: translate(-50%);
    bottom: 20px;
}
ul.mm-slot-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
    grid-column-gap: var(--spacing-1);
    grid-row-gap: calc(var(--spacing-1) * 3);
}
ul.mm-slot-grid_col-gap {
    grid-column-gap: calc(var(--spacing-1) * 3);

}
.mm-rtp-content {
    padding: calc(var(--spacing-1) / 2) calc(var(--spacing-1));
    background-color: var(--color-6);
    border-radius: var(--spacing-2);
    font-size: 14px;
}
.mm-rtp-content svg * {
    fill: #B4A5EE;
    stroke: #B4A5EE;
}
.mm-slot-info-border-tp{
    border-top: 1px solid var(--color-5) !important;
}
.rtp-i_l:before,.rtp-i_r:after  {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50px;
}
.rtp-a::before,.rtp-a::after{
    background-color: var(--color-2);
}
.rtp-b::before,.rtp-b::after{
    background-color: #FFA900;
}
.rtp-c::before,.rtp-c::after{
    background-color: var(--color-1);
}
.mm-rtp-info {
    position: relative;
}
.mm-rtp-info .mm-rtp-info-txt {
    position: absolute;
    top: -84px;
    right: 5px;
    font-size: 12px;
    width: 220px;
    opacity: 0;
    z-index: -9999;
    visibility: hidden;
    
}
.mm-rtp-info .mm-rtp-info-txt-span {
    display: block;
    border-radius: var(--spacing-1);
    line-height: 1.4;
    border: 1px solid var(--color-5);
    padding: 5px 10px;
    background-color: var(--color-9);
    position: relative;
    z-index: 10;
}
.mm-rtp-info .dashicons:hover + .mm-rtp-info-txt {
    opacity: 1;
    z-index: 10;
    visibility: visible;
}
.mm-rtp-info-txt:before {
    content: "";
    width: 19px;
    height: 23px;
    display: inline-block;
    background-color: var(--color-9);
    position: absolute;
    bottom: -4px;
    right: 7px;
    z-index: 5;
    transform: rotate(110deg);
}
.mm-rtp-info .dashicons {
    cursor: pointer;
}
ul.mm-feat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px ,1fr));
    grid-gap: calc(var(--spacing-1) * 3);
}
ul.mm-feat-grid li {
    display: flex;
    align-items: center;
    gap: var(--spacing-1);
    position: relative;
}
ul.mm-feat-grid li a{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
ul.mm-feat-grid li h3{
    margin: 0;
}

.mm-features-icons {
    width: 35px;
    height: 35px;
    justify-content: center;
    background-color: var(--color-9);
    border-radius: 50px;
    align-items: center;
    align-self: center;
}
.mm-features-icons svg{
    width: 20px;
    height: 20px;
}


article.mm-grid-related__slots {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    grid-gap: var(--spacing-2);
}
.mm-s-related-img {
    display: flex;
}
.mm-s-title p {
    margin-top: var(--spacing-2) !important; 
    margin-bottom: var(--spacing-1) !important; 
}
.mm-s-title p a {
    font-weight: bold !important;
    color: var(--color-4) !important;
    
}
ul.mm-s-content.mm-no-list.mm-no-mg li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--spacing-1)/2) var(--spacing-1);
    border: 1px solid var( --color-5);
    border-radius: calc(var( --spacing-1));
    font-size: 14px;
}
ul.mm-s-content.mm-no-list.mm-no-mg li:nth-child(even) {
    background-color: var(--color-9);
}
.mm-s-cta {
    margin-top: var(--spacing-2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.mm-s-cta .vendor-cta {
    width: 100%;
}
.mm-s-cta .vendor-cta a {
    width: 100%;
}

.mm-vol-irr__p{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
}
span.mm-vol-empty{
  width:7px;
  height:7px;
  border:1px solid var(--color-4);
  border-radius:50px;
  
}
span.mm-vol-empty.mm-vol-full{
  width:10px;
  height:10px;
  background-color:var(--color-4);
}
.mm-vol-single {
    display: flex;
    align-items: center;
    padding: calc(var(--spacing-1)/2);
    background-color: var(--color-15);
    border-radius: var(--spacing-1);
    gap: var(--spacing-1);
}
.mm-vol-single .vol-s-em {
    width: 5px;
    height: 5px;
    border: 1px solid var(--color-4);
    border-radius: 10px;
}
.mm-vol-single .vol-s-em.mm-vol-full {
    width: 8px;
    height: 8px;
    background-color: var(--color-4);
}


.ausgezeichnet,
.sehr-gut {
    background-color: rgb(134, 133, 134);
    background-image: linear-gradient(128deg,
            rgba(134, 133, 134, 1) 0%,
            rgba(134, 133, 134, 1) 5%,
            rgba(206, 206, 206, 1) 18%,
            rgba(193, 193, 193, 1) 41%,
            rgba(191, 191, 191, 1) 45%,
            rgba(101, 100, 100, 0.9444152661064426) 68%,
            rgba(142, 141, 141, 1) 85%,
            rgba(165, 165, 165, 1) 93%,
            rgba(165, 165, 165, 1) 100%);
}

.befried,
.gut {
    background-color: rgb(215, 157, 115);
    background-image: linear-gradient(315deg,
            rgba(215, 157, 115, 1) 0%,
            rgba(194, 116, 70, 1) 4%,
            rgba(184, 97, 48, 1) 7%,
            rgba(178, 86, 35, 1) 9%,
            rgba(179, 87, 37, 1) 12%,
            rgba(198, 125, 79, 1) 21%,
            rgba(215, 157, 115, 1) 25%,
            rgba(222, 165, 127, 1) 29%,
            rgba(240, 187, 157, 1) 38%,
            rgba(255, 205, 183, 1) 43%,
            rgba(230, 166, 134, 1) 54%,
            rgba(199, 119, 76, 1) 59%,
            rgba(176, 82, 31, 1) 62%,
            rgba(176, 82, 31, 1) 66%,
            rgba(193, 110, 65, 1) 69%,
            rgba(225, 159, 126, 1) 72%,
            rgba(246, 196, 169, 1) 75%,
            rgba(221, 167, 128, 1) 83%,
            rgba(214, 141, 78, 1) 88%,
            rgba(193, 132, 84, 1) 91%,
            rgba(208, 149, 101, 1) 93%,
            rgba(220, 167, 126, 1) 96%,
            rgba(241, 192, 160, 1) 100%);
}

.test-sieger {
    background-color: rgb(253, 215, 128);
    background-image: linear-gradient(315deg,
            rgba(253, 215, 128, 1) 0%,
            rgba(253, 215, 128, 1) 4%,
            rgba(217, 165, 83, 1) 17%,
            rgba(205, 148, 67, 1) 24%,
            rgba(237, 182, 86, 1) 35%,
            rgba(253, 199, 96, 1) 48%,
            rgba(253, 207, 112, 1) 50%,
            rgba(254, 234, 164, 1) 63%,
            rgba(254, 222, 143, 1) 66%,
            rgba(253, 202, 110, 1) 72%,
            rgba(205, 148, 67, 1) 89%,
            rgba(205, 148, 67, 1) 100%);
}
.test-sieger::after {
    content: "Testsieger";
}

.ausgezeichnet::after {
    content: "Ausgezeichnet";
}

.sehr-gut::after {
    content: "Sehr Gut";
}

.gut::after {
    content: "Gut";
}

.befried:after{
    content: "Befriedigend";
}
.score-wrap:after {
    font-size: .7rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin-left: 0.5rem;
}

.cta{
	background-color: var(--red-color);
    color: #fff;
    font-weight: bold;
    border-radius: 15px;
    color: #fff;
    transition: all 0.2s ease;
    box-shadow: 2px 2px 4px 0px rgb(211 86 20 / 36%);
    padding: 17px 45px;
    display: inline-block;
    text-align: center;
    line-height: 1;
	text-decoration:none;
	display: flex;
  align-items: center;
	justify-content:center;
    text-transform: uppercase;
}
.cta span.dashicons.dashicons-arrow-right-alt2{
	transition:all .3s ease;
}
.cta:hover{
   color:#fff;
	background-color:var(--red-color);
	opacity:.8;
}
.cta:hover span.dashicons.dashicons-arrow-right-alt2{
	transition:all .3s ease;
	transform:translatex(10px);
}
.usp p {
    margin: 0;
    display: flex;
    gap: 0.3rem;
}
.usp p span {
    margin-top: 2px;
}
/*FAQ RAnk Math*/
.rank-math-list {
    margin-top: 10px;
    list-style-type: none;
    counter-reset: css-counter 0;
}

.rank-math-list-item {
    margin-bottom: 1rem;
    border: 1px solid #eee;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    counter-increment: css-counter 1;
    padding: 10px 15px;
}

.rank-math-list-item .rank-math-question {
    margin-bottom: 0;
    padding-right: 15px;
    display: flex;
    font-weight: 700 !important;
    font-size: 1rem !important;
    position: relative;
    cursor: pointer;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

h3.rank-math-question:after {
    font-family: 'Dashicons';
    position: absolute;
    top: 50%;
    right: 5px;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, 0);
    content: "\f347";
}

h3.rank-math-question.active-faq:after {
    content: "\f343";
}

.rank-math-list-item .rank-math-answer {
    margin-top: .5rem;
    display: none;
}
/*In content view code*/
.wrapper_in_content_sportsbooks {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    padding: 10px;
    box-shadow: 0 0 15px rgb(0 0 0 / 12%);
    border:1px solid #ddd;
  	max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}
.in_content_cta_agb {
    max-width: 260px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.in_content_logo a {
    border-bottom: 0;
    display: flex;
}
.in_content_cta_agb .in_content_agb {
    font-size: 10px;
}
.in_content_row {
    display: flex;
    align-items: center;
    gap: 20px;
}
.in_content_logo {
    display: flex;
}
.in_content_inner_cta a:hover {
    opacity: .9;
}
.in_content_logo img {
    max-width: 60px;
    width: 100%;
}
.in_content_main_content{
    max-width: 300px;
}
.in_content_rating {
    text-align: center;
}
.in_content_title {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3;
}
.in_content_list ul {
    margin: 0;
    margin-left: 0px;
    font-size: 14px;
    display:flex;
    flex-direction:column;
    gap:5px;
    list-style-type: none;
}
.in_content_list .dashicons-yes-alt {
    color: #14A800;
}
/*END*/
/*Breadcrumps*/
.bread-crumps {
    margin-left: 1rem;
    margin-top: 1rem;
    margin-bottom: -1rem;
    padding-left: 0 1rem;
    font-size: .9rem;
}

/*Hero pages */
.hero-pages{
    background-image: url(https://www.hockeyweb.de/casino/wp-content/uploads/2023/03/hockeyweb-header-v1-–-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-pages h1{
    margin-bottom: 0;
}
.hero-pages-content {
    min-height: 130px;
    display: flex;
    align-items: center;
    color: #fff;
    padding:1rem;
}
.mx-width{
    max-width: 1200px;
    width: 100%;
    margin: auto;
}
main.content-pages-wrap {
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 25%;
    gap: 1rem;
}
/*Home page*/
main.content-pages-wrap.home-page{
    grid-template-columns: 1fr;
}
.content-pages{
    background-color: var(--base-3);
    padding:1rem;
    margin: 0 ;
}

/*TOC*/
/*Toc single */
.col.toc-single #toc_container {
    margin: 0 !important;
    padding: 0 !important;
}
.table-of-content{
    position: sticky;
    top: 0;
    left: 0;
}

.table-of-content aside {
    position: relative;
}
.toc-toggle-container {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
}
div#toc_container{
    padding: 1rem;
}
ul.toc_list li a {
    display: flex;
    gap: 0.5rem;
}
ul.toc_list a span:after {
    content: ".";
}
#toc_container p.toc_title {
    text-align: left;
}
ul.toc_list li a {
    font-weight: 400;
    border-bottom: 0;
}
/*Footer*/
.inside-site-info.grid-container {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}
.footer-bar .is-layout-flex.wp-container-9.wp-block-columns {
    margin-bottom: 0;
}
ul#menu-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
ul#menu-footer li a {
    text-decoration: none;
}
.copyright-bar {
    width: 100%;
	font-size:.7rem;
    display: none;
}
footer.entry-meta {
    display: none;
}

/*Related Articles*/
.mm-s-container {
    border-radius: var(--spacing-2);
    overflow: hidden;
    border: 1px solid var(--color-5);
}
.mm-flex.mm-img-styling img {
    max-width: 100%;
    max-height: 200px;
    object-fit: cover;
}
.mm-related-a{
    width: 100%;
    font-weight: bold !important;
    color: var(--color-4) !important;
    text-decoration: none !important;
}
.mm-related-a .dashicons {
    color: var(--color-1);
}

/*stripped down view*/
.mm-stripped-list .vendor-logo-container {
    min-height: 125px;
}
.mm-stripped-list .vendor-cta-container {
    padding: calc(var(--spacing-1) / 2);
}
/*Related games*/
.mm-grid-related__games {
    display: grid;
    gap: var(--spacing-2);
    grid-template-columns: repeat(auto-fill,minmax(198px,1fr));
}
.mm-grid-related__games > div {
    flex: 1 1 190px;
}
.mm-flex.mm-rounded-img img {
    width: 100%;
    height: 125px;
    object-fit: cover;
    border-radius: var(--spacing-1);
}
.mm-grid-related__games ul li {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    padding: 2px 8px;
    border: 1px solid var(--color-5);
    border-radius: var(--spacing-1);
}
.mm-grid-related__games ul li:nth-child(even) {
    background-color: var(--color-6);
}
.mm-grid-related__games a.cta-vendor-main {
    width: 100%;
    height: calc(var(--spacing-2) * 2.8);
    font-size: 14px;
}
/*Related game Devs*/
.mm-flex.mm-flex-col.flex-gap-s.mm-game-dev-img .mm-rounded-img {
    padding: var(--spacing-1);
    background-color: var(--color-19);
    border-radius: var(--spacing-1);
    align-items: center;
    justify-content: center;
}
.mm-flex.mm-flex-col.flex-gap-s.mm-game-dev-img img {
    max-width: 150px;
    height: 55px;
    object-fit: cover;
}
.mm-flex.mm-stripped-list .vendor-checklist-container ul li {
    font-size: 14px;
}
.mm-flex.mm-stripped-list .cta-vendor-link {
    font-size: 14px;
}
.mm-flex.mm-stripped-list .vendor-cta {
    margin-top: 12px;
}

.mm-archive-col .mm-flex.mm-img-styling img {
    height: 170px;
}



/*Pagination*/
.wpv-archive-pagination-link,.wpv-archive-pagination-nav-links, .wpv-archive-pagination-nav-links-container, .wpv-pagination-nav-links, .wpv-pagination-nav-links-container, .wpv-pagination-preview-element {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap:var(--spacing-1);
    margin-top: calc(var(--spacing-1) * 3) !important;
}
.wpv-filter-pagination-link ,.wpv-archive-pagination-link{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--spacing-1);
    color: var(--color-4) !important;
    background-color: var(--color-8) !important;
    font-weight: 700 !important;
}
.wpv-archive-pagination-nav-links-container .page-link,.wpv-archive-pagination-link .page-link, .wpv-archive-pagination-nav-links .page-link, .wpv-pagination-nav-links-container .page-link, .wpv-pagination-nav-links .page-link, .wpv-pagination-preview-element .page-link {
    font-size: .9em;
    text-decoration: none!important;
    padding: 0.15em 0.45em 0.2em;
    line-height: 1.25;
    border: 1px solid #dee2e6;
    margin: 2px !important;
}
.wpv-pagination-nav-links-item-current.active .wpv-filter-pagination-link,.wpv-archive-pagination-link-current {
    color: var(--color-8) !important;
    background-color: var(--color-4) !important;
}

/*Sigle Articles Beitrage*/
.mm-li-games__grid {
    display: grid;
    grid-template-columns: 120px 1fr;
    overflow: hidden;
    border-radius: var(--spacing-1);
}
.mm-anchor-absolute{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.mm-li-games{
    margin-top: -2rem;
}
.mm-rel-wet-post {
    overflow: hidden;
    border-radius: var(--spacing-1);
    border: 1px solid var(--color-5);
}
.d-1.mm-rel-wet-post__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-1);
}

/*In content */
.mm-grid-ss {
    display: grid;
    grid-template-columns: 125px 1fr;
    align-items: center;
    background-color: var(--color-7);
    border-radius: var(--spacing-1);
    overflow: hidden;
    max-width: 600px;
    align-self: center;
    width: 100%;
}

.vendor-cta.mm-in-content-cta .cta-vendor-main {
    max-width: 450px;
    color: var(--color-4) !important;
    background-color: var(--color-18);
    font-size: 14px;
    border-radius: var(--spacing-3);
    justify-content: space-between;
    text-transform: capitalize;
}
.mm-related-posts__grid,ul.wp-block-latest-posts__list.wp-block-latest-posts li {
    display: grid;
    grid-template-columns: 120px 1fr;
    background-color: var(--color-7);
    border-radius: var(--spacing-2);
    overflow: hidden;
}
ul.wp-block-latest-posts__list.wp-block-latest-posts li .wp-block-latest-posts__featured-image.alignleft{
    display: flex;
}
ul.wp-block-latest-posts__list.wp-block-latest-posts li .wp-block-latest-posts__featured-image.alignleft img {
    width: 100%;
}
.mm-related-posts__grid a,a.wp-block-latest-posts__post-title {
    color: var(--color-8) !important;
    line-height: 1.2;
    text-decoration: underline !important;
}
a.wp-block-latest-posts__post-title {
    display:flex;
    align-items: center;
    padding-right: var(--spacing-1);
    line-height: 1.4;
}
ul.wp-block-latest-posts__list.wp-block-latest-posts {
    list-style-type: none;
    margin: 0;
    display: grid;
    gap: var(--spacing-1);
    grid-template-columns: repeat(auto-fill,minmax(300px ,1fr));
}
.mm-in-content-single .vendor-logo-container {
    min-height: 100px;
}
.mm-in-content-single .list-copy-container {
    grid-template-columns: 27% 1fr 33%;
}
.mm-in-content-single .vendor-cta-container {
    padding: var(--spacing-1);
}
.mm-in-content-single a.cta-vendor-main {
    text-decoration: none;
    width: 100%;
}

/*Promos*/
.mm-promo-bonus svg.mm-flex .stop1 {
    stop-color: var(--color-4) !important;
}
.mm-promo-bonus {
    width: max-content;
    padding: 2px 0.5rem;
}
ul.mm-check-days {
    list-style-type: none;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(73px, 1fr));
    grid-gap: var(--spacing-1);
    font-size: 11px;
    text-transform: uppercase;
}
ul.mm-check-days li {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100px;
    padding: var(--spacing-2) 3px;
    background: var(--color-19);
    border-radius: var(--spacing-1);
    justify-content: space-between;
}
ul.mm-check-days li.mm-check-day__true{
    background-color: var(--color-6);
}
ul.mm-check-days li.mm-check-day__true .dashicons{
    color: var(--color-2);
}
ul.mm-check-days li.mm-check-day__false .dashicons{
    color: var(--color-1);
}


section.mm-promo-post-wrap__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px ,1fr));
    grid-gap: var(--spacing-2);
}
.mm-promo-post__img.mm-flex img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}
article.mm-promo-post-wrap {
    position: relative;
    border: 1px solid var(--color-5);
    border-radius: var(--spacing-1);
    overflow: hidden;
}
.mm-promo-post_active.mm-flex.mm-content-center .dashicons {
    color: #fff;
}
.mm-promo-post_active.mm-flex.mm-content-center.flex-gap-s {
    position: absolute;
    top: 10px;
    right: 7px;
    background-color: #baa9dc;
    font-size: 12px;
    padding: 5px 10px 5px 12px;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 8% 50%, 0% 0%);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.mm-promo-post__content.mm-flex.mm-flex-col {
    padding: var(--spacing-1 );
    gap: var(--spacing-1);
}
.mm-promo-post__content.mm-flex.mm-flex-col .dashicons {
    position: absolute;
    bottom: 8px;
    right: 8px;
    color: var(--color-1);
}
.mm-promo-post__content.mm-flex.mm-flex-col p {
    padding-bottom: 2rem;
    font-size: 14px;
}
.mm-grid-ss.mm-grid-ss__alt a.cta-vendor-main div:last-child {
    margin-left: auto;
}
.mm-grid-ss.mm-grid-ss__alt .cta-vendor-main {
    justify-content: space-between;
    border-radius: 50px;
    color: var(--color-7) !important;
    background-color: var(--color-15);
    text-transform: capitalize;
    padding-left: 5px;
    padding-right: 5px;
}
.logoViewOnSide {
    margin-bottom: 2rem;
}
.beitrage-promotion .mm-h1{
    margin-bottom: 0;
}

/*archive*/
.arch-grid__wrap {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 2rem;
  }
  aside.mm-filer-arch {
    padding: 1rem;
    padding-top:0;
    padding-left:0;
    border-radius: 8px;
    height: max-content;
  position:sticky;
  top:0;
  left:0;
  }
  .arch-content__wrap .mm-list-col-bonus{
  grid-template-columns:1fr;
  gap:0rem;
  }
  .arch-content__wrap .mm-svg::after {
    content: "";
    display: none;
  }
  .arch-title a {
    color: var(--color-b);
  }
  .arch-content__wrap .mm-svg {
    background-color: transparent;
    color: var(--color-b);
    border: 1px solid #F5F7F7;
    width: fit-content;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: .5rem;
  }
  section.mm-arch-res .arch-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
  }
  .form-group.flex-col{flex-direction:column;align-items:start;margin:0;}
  .form-group.flex-col > label {
    background-color: transparent !important;
    font-weight: 600;
    padding: 0;
  }
  .filter-check__group label {
    background-color: transparent;
    padding: 0;
  }
  .form-item-checkbox {
    display: flex;
  gap:5px;
  }
  .form-item-checkbox.filter_hidden{display:none;}
  aside.mm-filer-arch form > div {
    background-color: #fff;
    padding: 1rem;
    border-radius: 10px;
  }
  aside.mm-filer-arch form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  button.btn-show__more {
    background-color: transparent;
    padding: 0;
    font-size: 14px;
    border-bottom: 1px dotted;
    border-radius: 0;
  }
  section.mm-arch-res .arch-items:before ,section.mm-arch-res .arch-items:after{
    display: none;
  }
  .arch-content__wrap {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px 1px #0000000d;
    display: flex;
    flex-direction: column;
  }
  .arch-img {
    position: relative;
  display:flex;
  align-items:center;
  justify-content:center;
  }
  .arch-img__bg {
    height: 130px;
    width: 100%;
  }
  .arch-img__bg img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .arch-img__logo {
    position: absolute;
    bottom: -30px;
    width: 170px;
    height: 80px;
  }
  .arch-img__logo img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
  }
  .arch-info__container {
    padding: 4rem 1rem 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow:1;
    gap:1rem;
  }
  .arch-title h3 {
    margin: 0;
  }
  .arch-cta {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
  }
  .arch-info__container a.mm-list-cta-link{min-width:210px;height:50px}
  .arch-pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  margin-top:2rem;
  }
  .post-type-archive .arch-pagination ul a,.post-type-archive .arch-pagination ul span {
    text-decoration: none;
    background-color: #ddd;
    color: #000;
    min-width: 30px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding:0;
  }

  .post-type-archive .paging-navigation .nav-links>*{padding:0;}
  .post-type-archive .paging-navigation .next,.post-type-archive .paging-navigation .prev{display:none}

  .filter-wrapper select{
  width:100%;
  }
  .mb-sort{
  display:none;
  }
  .checkbox label {
    display: flex;
    align-items: center;
    gap: 10px;
}
/*end of archive*/
.mm-hero__page--modified{
    margin-top: calc(var(--spacing-4) - 5px);
    margin-bottom: 0;
    margin-left: calc(var(--spacing-1)* 6);
    margin-right: calc(var(--spacing-1)* 6);
}
.mm-mod__loop{
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .mm-mod{
    display:flex;
    flex-direction:column;
    & h4,& p{margin:0;}
  }
  .mm-mod > div{
    margin-top: 10px;
  }
  .mm-mod .mm-mod-h4{
    font-size:var(--mm-h6);
    font-weight:600;
  }
  .mm-mod__read-more button {
      background-color: transparent;
      color: var(--color-b);
      padding: 0;
      font-weight: 500;
      font-size: var(--small);
  }
  .mm-mod[data-more="mm-more"]{
    display:none;
  }
  .mm-mod__read-more button{
    transition:rotate .3s ease;
  }
  .mm-mod__read-more button.mm-more .dashicons {
    transform:rotate(180deg)
  }
  .mm-mod__loop {
      padding: 1rem;
      border: 1px solid #eee;
      border-radius: 8px;
  }
  .post-type-archive-online-slot p{
    margin: 0;
  }
  .post-type-archive-online-slot article.mm-grid-related__slots {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: var(--spacing-4) var(--spacing-2);
}
.post-type-archive-online-slot,.post-type-archive-online-slot div#content {
    background-color: var(--color-9);
}
.post-type-archive-online-slot .mm-s-related-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 7px;
    overflow: hidden;
}
.post-type-archive-online-slot .mm-s-related-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.post-type-archive-online-slot ul.mm-s-content.mm-no-list.mm-no-mg li{
    background-color: #fff;
}
.post-type-archive-online-slot ul.mm-s-content.mm-no-list.mm-no-mg li:nth-child(even){
    background-color: var(--color-19) !important;
}
.post-type-archive-online-slot p.mm-ps-1 a{
    text-decoration: underline;
}
.arch-grid__wrap {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 2rem;
  }
  aside.mm-filer-arch {
    padding: 1rem;
    padding-top:0;
    padding-left:0;
    border-radius: 8px;
    height: max-content;
  position:sticky;
  top:0;
  left:0;
  }
  .arch-content__wrap .mm-list-col-bonus{
  grid-template-columns:1fr;
  gap:0rem;
  }
  .arch-content__wrap .mm-svg::after {
    content: "";
    display: none;
  }
  .arch-title a {
    color: var(--color-b);
  }
  .arch-content__wrap .mm-svg {
    background-color: transparent;
    color: var(--color-b);
    border: 1px solid #F5F7F7;
    width: fit-content;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: .5rem;
  }
  section.mm-arch-res .arch-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
  }
  .form-group.flex-col{display:flex;flex-direction:column;align-items:start;margin:0; gap: 10px;}
  .form-group.flex-col > label {
    background-color: transparent !important;
    font-weight: 600;
    padding: 0;
  }
  .filter-check__group label {
    background-color: transparent;
    padding: 0;
  }
  .form-item-checkbox {
    display: flex;
  gap:5px;
  }
  .form-item-checkbox.filter_hidden{display:none;}
  aside.mm-filer-arch form > div {
    background-color: #fff;
    padding: 1rem;
    border-radius: 10px;
  }
  aside.mm-filer-arch form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  button.btn-show__more {
    display: inline-block;
    color: var(--color-4);
    min-width: 70px;
    background-color: transparent;
    padding: 0;
    font-size: 14px;
    border-bottom: 1px dotted;
    border-radius: 0;
  }
  .checkbox.filter_hidden {
    display: none;
}
  section.mm-arch-res .arch-items:before ,section.mm-arch-res .arch-items:after{
    display: none;
  }
  .arch-content__wrap {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px 1px #0000000d;
    display: flex;
    flex-direction: column;
  }
  .arch-img {
    position: relative;
  display:flex;
  align-items:center;
  justify-content:center;
  }
  .arch-img__bg {
    height: 130px;
    width: 100%;
  }
  .arch-img__bg img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .arch-img__logo {
    position: absolute;
    bottom: -30px;
    width: 170px;
    height: 80px;
  }
  .arch-img__logo img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
  }
  .arch-info__container {
    padding: 4rem 1rem 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow:1;
    gap:1rem;
  }
  .arch-title h3 {
    margin: 0;
  }
  .arch-cta {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
  }
  .arch-info__container a.mm-list-cta-link{min-width:210px;height:50px}
  .arch-pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  margin-top:2rem;
  }
  .post-type-archive .arch-pagination ul a,.post-type-archive .arch-pagination ul span {
    text-decoration: none;
    background-color: #ddd;
    color: #000;
    min-width: 30px;
    min-height: 30px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding:0;
  }

  .post-type-archive .paging-navigation .nav-links>*{padding:0;}
  .post-type-archive .paging-navigation .next,.post-type-archive .paging-navigation .prev{display:none}

  .filter-wrapper select{
  width:100%;
  }
  .mb-sort{
  display:none;
  }
  .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    gap: 5px;
}
  input.wpv-reset-trigger.js-wpv-reset-trigger.btn {
    background-color: var(--color-1);
    border-radius: 7px;
}
  /* Fallback for browsers that don't support :has() */
  @supports not (selector(:has(*))) {
    /* JavaScript might be needed for those browsers */
    /* Simplest workaround is adding a class to the label via JS when input is checked */
    .hc_c.form-group.flex-col .radio label.radio-checked {
      background-color: #e0f0ff;
      border-color: #4a90e2;
      color: #2c3e50;
    }
    
    .hc_c.form-group.flex-col .radio label.radio-checked:after {
      content: "✓";
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%);
      color: #4a90e2;
      font-weight: bold;
    }
  }
  @media only screen and (min-width:761px){
    .mobile-filter button,.mobile-close__filter{display:none;}
    }
@media only screen and (min-width:916px) {

    .menu-item-has-children span.dashicons.dashicons-arrow-down-alt2:hover~.sub-menu,
    .menu-item-has-children:hover>.sub-menu,
    ul.sub-menu:hover {
        z-index: 9999;
        opacity: 1;
    }

    #your_menu_id ul#menu-main li:hover>a,
    #your_menu_id ul#menu-main li:hover>span {
        color: var(--red-color)
    }
    .mm-flex.mm-stripped-list {
        margin-left: -40px;
        margin-right: -40px;
    }
    .mm-flex.mm-stripped-list .list-copy-container {
        grid-template-columns: 26% 1fr 30%;
    }
    .mm-flex.mm-stripped-list .vendor-flag-rating-content {
        font-size: 9px;
    }
    .mm-flex.mm-stripped-list .vendor-info-container {
        padding-left:0;
    }
}

@media only screen and (max-width:915px) {
	.mobile-nav {
        display: flex;
        background-color: transparent;
        position: relative;
        padding: .5rem 1rem;
        margin-right: .6rem;
    }
	button.mobile-nav span {
        position: absolute;
        height: 1px;
        width: 100%;
        background-color: var(--main-color);
        left: 0;
        transition: all .3s ease-in-out;
        transform-origin: center;
    }

    button.mobile-nav span:first-child {
        top: 0%
    }

    button.mobile-nav span:nth-child(2) {
        top: 50%
    }

    button.mobile-nav span:last-child {
        top: 100%
    }

    .mobile-nav.is-active-mobile span:first-child {
        transform: translateY(11px) rotate(45deg);
    }

    .mobile-nav.is-active-mobile span:nth-child(2) {
        top: 50%;
        display: none;
    }

    .mobile-nav.is-active-mobile span:last-child {
        top: 100%;
        transform: translateY(-5px) rotate(-45deg);
    }



    ul#your_menu_id {
        position: absolute;
        top: 64px;
        right: 0px;
        width: 100%;
        height: auto;
        display: none;
        align-items: center;
        z-index: 9999;
        padding: 0 1rem;
        background-color: #22323c;
    }

    ul#your_menu_id.is-shown {
        display: flex;
    }

    ul#your_menu_id .menu-main-nav-container {
        width: 100%;
    }

    ul#your_menu_id #menu-main {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #your_menu_id ul#menu-main li {
        width: 100%;
        position: relative;
    }

    .menu-item-has-children .dashicons {
        position: absolute;
        top: 2px;
        right: 0;
        border: 1px dashed rgb(92 92 92 / 29%);
        display: flex;
        align-items: center;
        color: #fff;
        justify-content: center;
        padding: 13px;
        z-index: 100;
    }

    .sub-menu .menu-item-has-children span.dashicons.dashicons-arrow-down-alt2::before {
        transform: rotate(0deg);
        transition: all .3s ease;
    }

    #your_menu_id ul#menu-main li a {
        color: #fff;
    }

    ul.sub-menu {
        margin-left: 0 !important;
        flex-direction: column;
        display: none;
        width: calc(100% - 10px);
        background-color: #eee;
        position: static;
        opacity: 0;
        gap: 10px;
        padding: 0 1rem;
    }

    ul.sub-menu:before {
        content: unset;
    }

    .sub-active-list>.sub-menu {
        display: flex;
        opacity: 1;
        z-index: 10;
        background-color: transparent;
    }

    .sub-active-list>.dashicons-arrow-down-alt2 {
        transform: rotate(180deg);
        transition: all .3s ease;
    }

    #your_menu_id li,
    #your_menu_id .menu-item-has-children {
        justify-content: space-between;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
	
}

@media only screen and (max-width:900px) {
    #mm-content{
        position: relative;
    }
    #mm-content > .mm-container{
        flex-direction: column !important;
    }
    #mm-content.mm-single-article-wrapper > .mm-container{
        flex-direction: column-reverse !important;
    }
    aside.mm-px-3.mm-col-30.mm-article-aside-wrap {
        width: 100%;
    }
    #mm-content.mm-single-article-wrapper{
        margin-top: 0;
    }
    #mm-content.mm-single-article-wrapper .mm-container{
        padding-top: 0;
    }
    .mm-content-gunt {
        margin-top:0rem;
    }
    .mm-content-gunt.mm-content-single-article{
        margin-top: 0;
    }
    .list-copy-container{
        grid-template-columns: 1fr 1fr;
    }
    .vendor-cta-container {
        padding-bottom: calc(var(--spacing-2) + 15px);
        border-left: 0;
        grid-column: 1/3;
    }

    .vendor-licence-container img, .vendor-promo-payment-method .payment-image img{
        width: 100% !important;
    }
    .vendor-verification-logo-container .vendor-licence-container, .vendor-verification-logo-container .payment-image{
        width: 33.3%;
    }

    .mm-flex.mm-justify-between.mm-mobile-wrap.mm-single-line-mob {
        display: flex;
    }
    .mm-flex.mm-justify-between.mm-mobile-wrap {
        flex-direction: column-reverse;
        gap: var(--spacing-1);
        display: grid;
        grid-template-columns: 1fr 110px;
    }
    .mm-flex.mm-justify-between.mm-mobile-wrap .mm-calc-rating-base {
        align-self: center;
    }
    .m\:mm-flex-wrap{
        flex-wrap: wrap;
    }
    .m\:mm-display-none{
        display: none;
    }
    .mm-col-100-m{
        width: 100%;
    }
    .mm-content-gunt .rank-math-list-item .rank-math-question {
        padding-right: calc(var(--spacing-2) + 20px);
    }
    .mm-content-gunt h4.rank-math-question::after ,.mm-content-gunt h3.rank-math-question::after {
        position: absolute;
        right: -10px;
        top:-2px;
    }
    .mm-content-gunt .wp-block-columns .wp-block-column,.mm-content-gunt .mm-review-content-section {
        margin-top: calc(var(--spacing-4) - 5px);
        margin-bottom: calc(var(--spacing-4) - 5px);
        margin-left: var(--spacing-1);
        margin-right: var(--spacing-1);
        gap: var(--spacing-3);
        display: flex;
        flex-direction: column;
    }
    .mm-review-footer-wrap .mm-review-footer-grid {
        grid-template-columns: 1fr;
        grid-gap: var(--spacing-2) !important;
        padding-top: calc(var(--spacing-4) - 5px);
        padding-bottom: calc(var(--spacing-4) - 5px);
        padding-left: var(--spacing-1);
        padding-right: var(--spacing-1);
    }
    .mm-review-content-section.mm-review-title-wrap {
        margin-left: var(--spacing-1);
        margin-right: var(--spacing-1);
    }
    .mm-review-total {
        align-self: unset;
        margin: 1rem auto;
    }
    .mm-content-gunt .mm-review-content-section-pd {
        padding-top: calc(var(--spacing-4) - 5px);
        padding-bottom: calc(var(--spacing-4) - 5px);
        padding-left: var(--spacing-1);
        padding-right: var(--spacing-1);
        gap: var(--spacing-3);
        display: flex;
        flex-direction: column;
    }
    .mm-toc-mobile-icon img {
        width: 45px;
    }

    .mm-toc-mobile.mm-is-fixed {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 1000;
        background-color: #eee;
        height: auto;
        padding: 10px;
        min-height: 60px;
    }
    .mm-toc-mobile .mm-toc-heading-deskop{
        display: none;
    }
    .mm-toc-mobile-icon .dashicons {
        font-size: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
  
    .mm-toc-mobile-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color-8);
        box-shadow: 0 16px 32px 0 rgb(0 0 0 / 18%);
        width: 75px;
        margin: auto;
        height: 40px;
        border-radius: 20px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50% ,-50%);
        z-index: 99;
        cursor: pointer;
    }
    
    .mm-toc{
        opacity: 0;
        z-index: -999;
        visibility: hidden;
        display: none;
    }
    .mm-toc-content {
        padding-top: 20px;
    }
    .mm-is-fixed.mm-toc-toggle{
        background-color: transparent !important;
    }
    .mm-is-fixed.mm-toc-toggle .mm-toc-content{
        width: 100%;
    }
    .mm-is-fixed.mm-toc-toggle div#toc_container{
        border: 0 !important;
    }
    .mm-toc-toggle .mm-toc{
        background-color: var(--color-7);
        display: flex;
        visibility: visible;
        z-index: 90;
        animation-delay: .3s;
        animation: mmFade .7s ease-in forwards;
    }

    .mm-toc-toggle .mm-toc #toc_container{
        background-color: var(--color-7) !important;
    }
    .mm-toc-toggle .mm-toc ul.toc_list li a{
        color: var(--color-8) !important;
        display: flex;
    }
    .mm-toc-toggle .mm-toc ul.toc_list li.mm-in a{
        color: var(--color-7) !important;
    }
    .mm-toc-toggle .mm-toc-mobile-icon{
        top:15px;
    }
    .mm-toc-toggle .mm-toc-mobile-icon img{
       display: none;
    }
    .mm-toc-toggle .mm-toc-mobile-icon::before{
        content: "\f335";
        font-family: 'dashicons';
        font-size: 25px;
    }
    .mm-review {
        grid-template-columns: 1fr 1fr;
        max-width: 100%;
        padding:0;
    }
    .mm-review .mm-review-logo {
        grid-area: 1 / 1 / 2 / 2;
    }
    .mm-review-logo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .mm-review .mm-review-cta{
        grid-area: 1 / 2 / 2 / 3;
    }
    .mm-review .mm-review-bonus{
        grid-area: 2 / 1 / 3 / 3;
    }
    .mm-review-cta {
        border-left: 0;
    }
    .mm-trust-icons {
        width: calc(50% - 8px);
        justify-content: center;
    }
    .mm-amount-fields{
        width: 100%;
    }
    .mm-review-cta-container{
        margin-left:0 ;
        margin-right:0 ;
    }
    a.cta-vendor-main{
        width: 80%;
    }
    .mm-flex.mm-flex-wrap.flex-gap-s.mm-payment-container {
        justify-content: space-evenly;
    }
    .mm-payment-container .mm-flex.mm-flex-wrap.flex-gap-s {
        justify-content: space-evenly;
    }
    .mm-payment-container .mm-payment-image-bonus {
        height: calc(var(--spacing-2) * 3);
    }
    .mm-payment-container .mm-payment-image-bonus img {
        width: 110px;
        height: 50px;
    }
    .mm-ggl-container-wrap{
        padding-left: var(--spacing-1) !important;
        padding-right: var(--spacing-1) !important;
    }
    .beitrage-promotion .mm-border-regular{
        border-radius: 0;
    }
    .mm-hero__page--modified{
        margin-top: calc(var(--spacing-4) - 5px);
    
        margin-left: var(--spacing-1);
        margin-right: var(--spacing-1);
    }
}
@media only screen and (max-width: 768px) {
    .inside-header.grid-container {
        padding-top: 10px;
    }

    .site-header .header-widget {
        margin-top: 0;
        margin-left: unset;
        margin-right: unset;
        text-align: unset;
    }

    .inside-header {
        flex-direction: row;
        text-align: unset;
        align-items: center;
    }
    /*Hero Pages*/
    .hero-pages{
        background-position: 85%;
    }
    .hero-pages-content {
        min-height: 100px;
    }
	/*content-pages*/
	main.content-pages-wrap.mx-width {
        grid-template-columns: 1fr;
    }
    .loop {
        display: grid;
        border: 1px solid #eee;
        grid-template-columns: repeat(auto-fill, minmax(350px , 1fr));
    }
    .col.logo-col,.col.bonus-col,.col.info,.casino-link-wrap{
        width: 100%;
    }
    /*Toc */
    div#toc_container {
        margin: 0;
    }
    
    /*End of toc single*/
    ul.toc_list {
        display: none;
    }
    .toc_title.toc-show + .toc_list {
        display: block;
    }
    .is-toc-true .toc-toggle-container .dashicons-menu:before {
        content: "\f158";
    }
    .toc-toggle-container {
        pointer-events: none;
        display:flex;
    }
    .additional-info-wrap {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 -1px 10px rgb(0 0 0 / 28%);
        z-index: 9999;
    }
    /*Back to top*/
    .generate-back-to-top{
        bottom:100px;
    }
    .col.bonus-col {
        padding: 1rem 1rem 0 1rem;
    }
    .col.info {
        padding: 0 1rem 1rem 1rem;
    }
    
    /*In content view*/
    .in_content_row,.in_content_cta_agb,.in_content_cta{
        width: 100%;
    }
    .in_content_cta_agb{
        max-width: unset;
    }


     .mm-breadcr > .mm-container {
        padding: var(--spacing-1) !important;
    }
    .mm-flex.mm-container{
        padding-left: 0;
        padding-right: 0;
    }
    .mm-table {
        overflow-x: scroll;
    }
    .list-copy-container{
        grid-template-columns: 1fr;
    }
    .vendor-cta-container {
        grid-column: 1;
    }
    .vendor-container {
        display: grid;
        grid-template-columns: 52% 1fr;
        grid-gap: 0;
    }
    .vendor-collection {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-content: center;
    }
    .vendor-count-rating {
        grid-column: 1/3;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .vendor-star-rating .bh-stars .bh-star {
        width: 18px;
    }
    .vendor-info-container {
        flex-direction: column;
    }
    .vendor-collection{
        justify-content: unset;
        padding: var(--spacing-2);
    }
    .vendor-bonus-heading h2 {
        font-size: 16px;
    }
    .vendor-logo-container{
        min-height: 120px;
    }


    .vendor-info-container {
        padding: 0;
        padding-left: 0;
        padding-bottom: 0;
        height: 100%;
    }
    .vendor-count-rating span {
        font-size: 16px;
    }
    .mm-calc-rating-base {
        padding-top: var(--spacing-1);
        padding-bottom: var(--spacing-1);
    }
    .vendor-web-icon img {
        width: 50px;
    }

    .vendor-web-icon {
        position: relative;
    }

    .vendor-bonus-icon-container {
        display: flex;
        gap: 0.3rem;
        align-items: center;
        background-color: #FFDF0D;
        z-index: 10;
        width: auto;
       
        padding-right: 15px;
    }
    .vendor-benefits-top {
        padding: 0 var(--spacing-2);
        margin-top: 0;
    }
    p.vendor-disclamer {

        padding: 0 var(--spacing-2);
    }
    .vendor-benefits-bottom > div {
        padding: 0 var(--spacing-1);
    }
    .vendor-promo-payment-method .js-wpv-view-layout {
        margin: 0;
    }
    .vendor-promo-payment-method{
        flex-grow: 1;
    }
    .vendor-benefits-bottom > div{
        align-items: center;
    }
    .vendor-promo-payment-method .payment-image{
        width: 50%;
    }

    .vendor-cta {
        gap: calc(var(--spacing-3) * .5);
    }
    .vendor-checklist-container ul li.para-base.dark-txt-color {
        font-size: 14px !important;
    }
    .vendor-cta a {
        font-size: 14px;
    }
    a.cta-vendor-main {
        height: calc(var(--spacing-2) * 3.7);
        font-size: 1rem;
    }
    .mm-page-full-mobile .mm-container{
        padding-left: 0;
        padding-right: 0;
    }

    .vendor-flag-rating {
        display: flex;
        align-items: flex-end;
    }
    .vendor-flag-rating-content {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        clip-path: none;
        height: auto;
        width: 100%;
    }
    .mm-table-expand {
        overflow-y: scroll;
        width: 100%;
    }
    .mm-tooltip-container span{
        font-size: .7rem !important;
    }
    .mm-ggl-container img {
        width: 150px;
    }
    .m\:mm-py-l{
        padding-top: var(--spacing-2);
        padding-bottom: var(--spacing-2);
    }
    .m\:mm-no-mg{
        
        margin: 0 !important;
    }
    .m\:mm-width-100{
       width: 100%;
    }
    .mm-pros-cons{
        overflow: hidden;
        position: relative;
    }
    .mm-flex.mm-mobile-switcher-wrap{
        display: flex;
        margin: var(--spacing-1);
    }
    .mm-pros,.mm-cons {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transform: translateX(-600px);
        transition: all .3s ease;
    }
    .mm-is-active{
        position: relative;
        opacity: 1;
        transform: translateX(0px);
        transition: all .3s ease;
    }
    .mm-review-bonus {
        padding-bottom: calc(var(--spacing-1));
    }

    .mm-key-feratures .mm-review-collection {
        width: 100%;
    }
    .wp-block-columns.is-layout-flow.mm-single-hero-mobile > .wp-block-column {
        margin-top: var(--spacing-1);
    }
    .mm-review-collection div:nth-child(2) div {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    .mm-content-single-article.mm-border-regular{
        border-radius:0 !important;
        border:0 !important;
    }
    .mm-article-aside-wrap .mm-article-aside {
        margin-left: var(--spacing-1);
        margin-right: var(--spacing-1);
    }
    .mm-article-aside-wrap .js-wpv-view-layout {
        margin: 0px!important;
    }
    .mm-single-content-heading{

        font-size: var(--font-l);
    }
    .mm-vendor-cta-desktop{
        display:none;
    }
    .mm-vendor-cta-mobile{
        display: block;
        grid-column: 1/3;
    }
    aside#block-5 {
        display: none;
    }
    .mm-flex.flex-gap-s.mm-footer-imgs {
        align-self: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .mm-flex.mm-jusify-between.flex-gap-s.mm-footer-social-container.mm-content-center {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: calc(var(--spacing-1) * 2);
    }
    .mm-footer-img.mm-flex{
        width: auto;
    }
    .mm-flex.flex-gap-s.mm-justify-between.mm-footer-bottom {
        flex-direction: column;
        align-items: center;
    }
    .mm-footer-legal.mm-flex.mm-content-center nav ul {
        flex-direction: column;
        margin-bottom: var(--spacing-1);
    }
    .mm-flex.mm-footer-logo {
        display: none;
    }
    .mm-footer-social.mm-flex {
        width: 40px;
        height: 40px;
    }
    .mm-footer-social.mm-flex img {
        width: 30px;
    }
    .mm-hp-wrapper .mm-content-gunt {
        margin-top: 0rem;
    }
    .mm-hero-list-hp-item {
        display: grid;
        grid-template-columns: 30px 1fr;
        justify-items: center;
    }
    .footer-widgets-container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .mm-flex.mm-rounded-img img {
        height: 225px;
    }
    .related__game-devs.mm-grid-related__games{
        gap:var(--spacing-1)
    }
    .related__game-devs.mm-grid-related__games > div {
        flex: 1 1 100px;
    }
    .mm-stripped-list .count-rating-score,.mm-stripped-list .count-rating-separator,.mm-stripped-list .count-rating-maxNum{
        display:inline-block !important
    }
    .slotsSwiper {
        width: 100%;
        height: 320px !important;
    }
    .slotsSwiper[data-singleimg="true"] {
        height: 250px !important;
    }
    .slotsSwiper .swiper-slide img {
        height: 100%;
    }
    .mm-s-related-img img {
        width: 100%;
    }
    .mm-li-games{
        margin-top:0;
    }
    .mm-content-view-container{
        grid-template-columns: 1fr;
        padding: 1rem;
        gap: 1rem;
    }
    .mm-content-view-container .mm-content-view-img{
        align-items: center;
        justify-content: center;
    }
    .mm-content-view-container .vendor-cta.mm-in-content-cta .cta-vendor-main{
        width: 100% !important;
    }
    .mm-grid-ss a.cta-vendor-main {
        width: 90%;
    }
    .mm-in-content-single .list-copy-container {
        grid-template-columns: 0.7fr 1.2fr !important; 
        grid-template-rows: 1fr 1fr !important; 
        gap: 0px 0px;
        grid-template-areas:
        "arr-1 arr-2"
        "arr-3 arr-3";
    }
    .mm-in-content-single .list-copy-container .vendor-benefits-container {
        grid-area: arr-2;
        align-items: center;
        justify-content: center;
    }
    .mm-in-content-single .vendor-container {
        grid-area: arr-1;
        grid-template-columns:1fr !important; 
    }
    .mm-in-content-single .vendor-cta-container {
        display: grid !important;
        grid-area: arr-3;
    }
    .mm-promo-post__img.mm-flex img {
        height: 200px;
    }
    .beitrage-promotion .wp-block-column{
        margin-top: var(--spacing-3) !important;
        margin-bottom: var(--spacing-3) !important;
    }

    .arch-grid__wrap {
        grid-template-columns: 1fr;
        margin-top: 0;
        gap: 1rem;
      }
      .post-type-archive-online-slot .mm-s-related-img {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }
    .post-type-archive-online-slot .mm-s-related-img img {
        height: auto;
    }
    .filter-wrapper {
        max-height: 95vh;
        overflow: scroll;
    }
    aside.mm-filer-arch {
        position: fixed !important ;
        top: 0;
        left: -100% !important;
        z-index:-9999;
        display:flex;
        flex-direction:column;
        background-color:#F5F7F7 !important;
        width: 100%;
        height: 100% !important ;
        padding:1rem !important ;
      }
      .mobile-filter button {
        display: flex;
        align-items: center;
        gap: 10px;
        padding-left: 0;
    }
    .mobile-filter button span + span {
        display: flex
    ;
    }
      .mobile-filter button,.mobile-close__filter {
        cursor: pointer;
        background-color: transparent;
        padding-left: 1rem;
        color: var(--color-b);
      }
      aside.mm-filer-arch.isOpenFilter{
        left: 0% !important;
        z-index: 5000000 !important;
      }
      .form-group.flex-col {
        width: 100%;
      }
      button.mobile-close__filter {
        align-self: end;
      }
}
.bh-stars {
    display: flex;
    justify-content: center;
    margin: 0;
  }
  .bh-stars .bh-star {
    width: 13px;
  }
  .bh-stars .bh-star .outline {
    fill: var(--star-background);
  }
  .bh-stars .bh-star .full,
  .bh-stars .bh-star .left-half {
    fill: transparent;
  }
  .bh-stars[data-bh-rating^="1"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="2"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="3"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="4"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="5"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="2"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="3"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="4"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="5"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="3"] .bh-star--3 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="4"] .bh-star--3 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="5"] .bh-star--3 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="4"] .bh-star--4 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="5"] .bh-star--4 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="5"] .bh-star--5 .full {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="0.5"] .bh-star--1 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="1.5"] .bh-star--2 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="2.5"] .bh-star--3 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="3.5"] .bh-star--4 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="4.5"] .bh-star--5 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="0.6"] .bh-star--1 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="1.6"] .bh-star--2 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="2.6"] .bh-star--3 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="3.6"] .bh-star--4 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="4.6"] .bh-star--5 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="0.7"] .bh-star--1 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="1.7"] .bh-star--2 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="2.7"] .bh-star--3 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="3.7"] .bh-star--4 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="4.7"] .bh-star--5 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="0.8"] .bh-star--1 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="1.8"] .bh-star--2 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="2.8"] .bh-star--3 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="3.8"] .bh-star--4 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="4.8"] .bh-star--5 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="0.9"] .bh-star--1 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="1.9"] .bh-star--2 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="2.9"] .bh-star--3 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="3.9"] .bh-star--4 .left-half {
    fill: var(--star-color);
  }
  .bh-stars[data-bh-rating^="4.9"] .bh-star--5 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="1"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="5"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="5"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3"] .bh-star--3 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4"] .bh-star--3 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="5"] .bh-star--3 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4"] .bh-star--4 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="5"] .bh-star--4 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="5"] .bh-star--5 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="0.6"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="1.6"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2.6"] .bh-star--3 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3.6"] .bh-star--4 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4.6"] .bh-star--5 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="0.7"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="1.7"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2.7"] .bh-star--3 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3.7"] .bh-star--4 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4.7"] .bh-star--5 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="0.8"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="1.8"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2.8"] .bh-star--3 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3.8"] .bh-star--4 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4.8"] .bh-star--5 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="0.9"] .bh-star--1 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="1.9"] .bh-star--2 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2.9"] .bh-star--3 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3.9"] .bh-star--4 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4.9"] .bh-star--5 .full {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="0.0"] .bh-star--1 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="1.0"] .bh-star--2 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2.0"] .bh-star--3 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3.0"] .bh-star--4 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4.0"] .bh-star--5 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="0.1"] .bh-star--1 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="1.1"] .bh-star--2 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2.1"] .bh-star--3 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3.1"] .bh-star--4 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4.1"] .bh-star--5 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="0.2"] .bh-star--1 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="1.2"] .bh-star--2 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2.2"] .bh-star--3 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3.2"] .bh-star--4 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4.2"] .bh-star--5 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="0.3"] .bh-star--1 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="1.3"] .bh-star--2 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2.3"] .bh-star--3 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3.3"] .bh-star--4 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4.3"] .bh-star--5 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="0.4"] .bh-star--1 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="1.4"] .bh-star--2 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2.4"] .bh-star--3 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3.4"] .bh-star--4 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4.4"] .bh-star--5 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="0.5"] .bh-star--1 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="1.5"] .bh-star--2 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="2.5"] .bh-star--3 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="3.5"] .bh-star--4 .left-half {
    fill: var(--star-color);
  }
  .bh-stars.rounding-up[data-bh-rating^="4.5"] .bh-star--5 .left-half {
    fill: var(--star-color);
  }
/*ENd*/
@media only screen and (max-width:390px){
    .mm-flex.mm-justify-between.mm-mobile-wrap.mm-zm-mobile {
        grid-template-columns: 1fr;
    }
    .mm-flex.mm-justify-between.mm-mobile-wrap.mm-zm-mobile .mm-calc-rating-base {
        justify-self: end !important;
    }
}