/* Exact template CSS from towerrush-galaxsys.com — adapted for zeus-vs-hades.com.de */
* {outline: none;box-sizing: border-box;}
html {line-height: 1.15;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scrollbar-gutter: stable;}
body {margin: 0;min-height: 100vh;display: flex;flex-direction: column;overflow-x: clip;font-family: 'Roboto', sans-serif;color: black;}
img {display: block;height: auto;}
main {display: block;margin: 90px 0 80px;}
.main_page {margin-bottom: 35px;}
p {margin-top: 0;}
a:not(p a) {background-color: transparent;text-decoration: none;color: inherit;}
.flx {display: flex;justify-content: space-between;}
.flxa {display: flex;justify-content: space-between;align-items: center;}
.cnt {max-width: 1170px;margin: 0 auto;padding: 0 15px;width: 100%;}
section .cnt {max-width: 750px;}
section.table_section .cnt {max-width: 1170px;}
.table_section {margin-top: 70px;}

/* HEADER */
header {position: fixed;width: 100%;z-index: 2;background-color: #3C084D;color: white;box-shadow: 0 2px 7px 0 #9b9b9b;}
header .cnt.flxa {min-height: 50px;}
header nav {align-items: center;grid-gap: 16px;}
.logo_image {max-height: 70px;height: auto;width: auto;display: block;}

/* HEADINGS */
h1 {font-size: 42px;margin-top: 0;}
h2 {font-size: 25px;}
.text_content ul li,.text_content ol li {margin-bottom: 0.6em;}

/* BUTTONS */
.links_grid {display: grid;margin: 45px 0;padding: 0;}
.links_grid li {display: block;}
.total_4 {grid-template-columns: 1fr 1fr;grid-template-rows: 60px 60px;grid-gap: 27px 40px;}
.total_3 {grid-template-columns: 1fr;grid-gap: 15px;}
.total_2 {grid-template-columns: 1fr;grid-gap: 15px;}
.btn {background-color: #3C084D;border: solid 2px #0067FF;transition: 300ms;font-weight: bold;font-size: 20px;width: 100%;min-height: 50px;display: flex;align-items: center;justify-content: center;color: white;border-radius: 10px;text-align: center;padding: 10px 15px;max-width: 450px;margin: 0 auto 15px auto;text-decoration: none;}
.btn:last-child {margin-bottom: 0px;}
.btn:hover {background-color: #0067FF;}
.links_grid .btn {margin: 0 auto;height: 100%;}

/* IMAGES */
main img {max-width: 100%;width: 100%;margin: 0 auto 1.5em;border-radius: 5px;overflow: hidden;box-shadow: 0 2px 7px 0 #9b9b9b;}

/* GAME DEMO IFRAME */
.game-demo {position: relative;margin-bottom: 1.5em;border-radius: 5px;overflow: hidden;}
.play_demo {background-size: cover;background-position: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 300ms;}
.blur_block {width: 100%;height: 100%;backdrop-filter: blur(10px);display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.45);}
.play_demo_btn {width: 100px;height: 100px;border-radius: 50%;background: rgba(244,167,0,0.9);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: 300ms;font-size: 2.5rem;}
.play_demo_btn:hover {transform: scale(0.93);background: rgba(244,167,0,1);}
.game-demo.act .play_demo {opacity: 0;pointer-events: none;}
.game-demo iframe {width: 100%;height: 570px;border-radius: 5px;overflow: hidden;display: block;border: none;}
@media (max-width: 600px) { .game-demo iframe {height: 380px;} }

/* IMAGE PLACEHOLDER */
.img-placeholder {background: #e8e8e8;width: 100%;padding-bottom: 56.25%;border-radius: 5px;margin: 0 auto 1.5em;box-shadow: 0 2px 7px 0 #9b9b9b;position: relative;display: block;}
.img-placeholder span {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #888;font-size: 14px;white-space: nowrap;}

/* FOOTER */
footer {background: #222;margin-top: auto;color: #fff;}
footer .cnt {text-align: center;padding: 30px 0;}
.footer_mail {color: #fff;font-size: 15px;font-weight: 400;text-align: center;width: 100%;}
.footer_mail a {color: #fff;}

/* REVIEWS */
.rew_header {margin-top: 0;font-size: 24px;margin-bottom: 10px;}
.one_com {padding: 21px;border: solid 1px #d7d7d7;border-radius: 5px;margin-top: 30px;display: flex;align-items: center;background-color: whitesmoke;box-shadow: 0 2px 6px 0 #d1d1d1;}
.com_name {font-size: 18px;font-weight: bold;margin-top: 10px;}
.com_text {margin-top: 13px;}
.com_text p:last-child {margin-bottom: 0;}
.one_rew_left {}
.one_rew_img {width: 200px;max-width: 200px;min-width: 200px;height: auto;margin-left: 45px;border-radius: 5px;}

/* FLAGS / LANGUAGE */
.flag {width: 35px;height: 25px;display: block;background-position: center;background-size: cover;border-radius: 3px;box-shadow: 0 0px 2px 0 #666666;}
.de {background-image: url(/fl/de.svg);}
.nl {background-image: url(/fl/nl.svg);}
.en {background-image: url(/fl/en.svg);}
.at {background-image: url(/fl/at.svg);}
.ch {background-image: url(/fl/ch.svg);}
.nl {background-image: url(/fl/nl.svg);}
.be {background-image: url(/fl/be.svg);}
.lu {background-image: url(/fl/lu.svg);}
.all_langs {position: relative;margin-left: 15px;}
.cur_lang {cursor: pointer;display: flex;align-items: center;}
.lst_lang {position: absolute;display: flex;flex-direction: column;gap: 10px;transition: opacity 200ms;opacity: 0;pointer-events: none;top: 100%;right: 0;background-color: white;padding: 12px 10px 10px;border-radius: 5px;box-shadow: 0px 1px 4px 0 rgb(0 0 0 / 40%);z-index: 100;}
.lst_lang a {display: block;line-height: 0;}
.lst_lang a:hover {opacity: 0.75;}
.all_langs:hover .lst_lang {opacity: 1;pointer-events: all;}

/* BURGER */
.burger {height: 16px;width: 20px;justify-content: space-between;flex-direction: column;display: none;cursor: pointer;}
.burger_line {width: 100%;height: 2px;background-color: white;}

/* TABLE */
table {width: 100%;}
.sidebar-wrapper td {width: auto;padding: 10px;border: solid 1px #949494;}
.sidebar-wrapper td p,.sidebar-wrapper td ol,.sidebar-wrapper td ul {margin: 0;}
.sidebar-wrapper table {border-collapse: collapse;margin-bottom: 30px;background-color: whitesmoke;box-shadow: 0 2px 6px 0 #d1d1d1;}
.table_section td {width: 25%;max-width: 1vw;}
.table_section td h3 {margin: 0 0 7px;min-height: 2em;line-height: 1em;}
main table {width: 100%;border-collapse: collapse;margin-bottom: 12px;}
main th, main td {border: 1px solid #5d5d5d;padding: 9px;text-align: left;}

/* NAV LINKS */
.nav_link:hover {text-decoration: underline;}

/* DROPDOWN */
.play_online {position: relative;}
.play_online_txt {position: relative;display: flex;align-items: center;cursor: pointer;}
.play_online_txt::after {content: " ▾";display: inline;margin-left: 5px;font-size: 11px;}
.play_online_list {position: absolute;opacity: 0;pointer-events: none;left: 0;display: flex;flex-direction: column;background-color: #1c1c1c;border-radius: 5px;box-shadow: 0px 1px 4px 0 rgb(255 255 255 / 53%);top: 33px;border: solid 1px #3e3e3e;transition: 300ms;overflow: hidden;padding: 0;min-width: 180px;}
.play_online_list a {transition: 300ms;white-space: nowrap;padding: 6px 11px;width: 100%;display: block;font-size: 13px;color: white;}
.play_online_list a:hover {background-color: #464646;}
.play_online_list li:not(:last-child) {border-bottom: solid 1px #464646;}
.play_online.act .play_online_list {top: 25px;opacity: 1;pointer-events: all;z-index: 1;}

/* BREADCRUMBS */
.breadcrumbs {margin: 20px 0;font-size: 13px;color: #555;}
.breadcrumbs span {cursor: default;}
.breadcrumbs a::after {content: "/";padding: 0 4px;}

/* SIDEBAR TOC TOGGLE BTN */
.nav_menu_btn {display: flex;flex-direction: column;position: absolute;transform: translateY(-50%);top: 50%;right: -43px;padding: 10px 9px;background-color: #3C084D;transition: 300ms;cursor: pointer;box-shadow: 0px 0px 4px rgb(91 91 91 / 97%);border-top-right-radius: 3px;border-bottom-right-radius: 3px;z-index: 1;}
.line {width: 25px;height: 2px;background-color: white;border-radius: 3px;transition: 300ms;}
.line2 {margin: 6px 0px;}
.sidebar.act .line1 {transform: translateY(8px) rotate(45deg);}
.sidebar.act .line2 {opacity: 0;}
.sidebar.act .line3 {transform: translateY(-8px) rotate(-45deg);}

/* NAV INNER */
.nav_inner {align-items: center;grid-gap: 12px;font-size: 14px;width: 100%;display: flex;justify-content: flex-end;padding: 0;margin: 0;}
.nav_inner li {display: inline-block;}

/* FOOTER MENU */
.footer-menu {width: 100%;z-index: 2;background-color: #3C084D;color: white;border-bottom: 1px #3c3b3b solid;padding: 5px 0px;margin-top: auto;}
.footer-menu + footer {margin-top: 0;}
.footer-links {overflow: hidden;margin: 0 auto;display: flex;justify-content: center;flex-wrap: wrap;color: #fff;}
.footer-links a {color: #fff;}
ul.footer-links {padding: 0;grid-gap: 12px 15px;list-style: none;}
ul.footer-links a:hover {text-decoration: underline;}
.relative {position: relative;}
.footer-links__img {margin: 0 auto;display: flex;align-items: center;}
.footer_text {text-align: left;color: white;line-height: 1.5;}
.padding_row {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 25px;margin-top: 20px;}
.padding_row p {margin: 0;}
.footer_text_3 {grid-column: span 2;}

/* RATE / GAME CARD */
.rate__casino {display: flex;align-items: flex-end;flex-wrap: wrap;width: 100%;max-width: 207px;min-width: 207px;}
.rate--top {display: flex;align-items: flex-end;justify-content: space-between;}
.rate--bottom {margin-top: 18px;padding: 6px 0;}
.rate--bottom p {margin-bottom: 0;line-height: 1.14;color: #424851;}
.rate__btn {flex: 0 0 25%;max-width: 25%;}
.rate__btn span {display: flex;justify-content: center;align-items: center;margin-bottom: 12px;font-size: 14px;}
.rate__btn .btn {height: 80px;margin: 0 auto 5px;width: auto;}
.rate__btn .btn:last-child {margin-bottom: 0;}
.rate__item {margin-bottom: 20px;padding: 20px;background-color: #f2f3f3;border-radius: 4px;}
.rate__item:last-child {margin-bottom: 0;}
.rate__info {flex: 1;max-width: 104px;}
.rate__name {display: block;flex: none;width: 100%;margin-bottom: 10px;margin-top: 0;font-weight: bold;}
.rate__logo {display: flex;justify-content: center;align-items: center;width: 88px;min-width: 88px;margin-right: 15px;}
.rate__logo img {display: block;max-width: 100%;margin: 0;height: 80px;}
.rate__bonus {position: relative;z-index: 0;height: auto;width: 100%;text-align: center;max-width: 370px;margin: auto 15px 0 15px;padding: 15px;color: #000;border: 3px solid #ffb100;border-radius: 15px;}
.rate__bonus strong {display: block;margin-top: 5px;color: #222;}
.rate-card {height: 80px;display: flex;align-items: flex-end;flex-wrap: wrap;padding: 10px;text-align: left;background: #3C084D;white-space: nowrap;border-radius: 4px;width: 100%;}
.rate-card__title {font-size: 14px;line-height: 1.14;color: #bbbbbb;width: 100%;}
.rate-card__text {position: relative;top: 4px;font-size: 30px;font-weight: 900;color: #febd00;}
.rate-card__num {font-size: 20px;line-height: .8;color: #fff;}

/* AUTHOR */
.author {position: relative;}
.author__item {background-color: #f2f3f3;box-shadow: 0 2px 0 0 #f2f0f0;padding: 50px;border-radius: 5px;display: flex;}
.author__photo {width: 100px;height: 100px;margin-right: 30px;flex: none;}
.author__photo img {border-radius: 50%;display: block;width: 100%;max-width: 100%;}
.author__title {margin-bottom: 20px;}
.author__title em {color: #333;}
.author__info p {color: #424851;line-height: 1.3;margin-bottom: 0px;}
.author__title a {font-weight: bold;color: #424851;font-size: 25px;transition: 300ms;text-decoration: none;}
.author__title a:hover {color: #3C084D;}

/* COOKIE */
#cookie_notification {display: none;justify-content: space-between;align-items: center;position: fixed;bottom: 15px;left: 50%;width: 750px;max-width: 90%;transform: translateX(-50%);padding: 15px;background-color: white;border-radius: 4px;box-shadow: 2px 3px 10px rgba(0,0,0,0.4);z-index: 9;transition: 700ms;}
#cookie_notification .button {display: inline-flex;align-items: center;justify-content: center;background-color: #3C084D;border: none;color: #ededed;text-decoration: none;padding: 15px 40px;white-space: nowrap;cursor: pointer;border-radius: 4px;max-width: 100%;transition: all .1s linear;}
#cookie_notification p {margin: 0;font-size: 0.8rem;text-align: left;color: #333;}
#cookie_notification a {color: #004fc5;}
#cookie_notification.show {display: flex;}
#cookie_notification.dis {opacity: 0;pointer-events: none;bottom: -100px;}
.cookie_accept {margin: 0 0 0 25px;}

/* SIDEBAR WRAPPER & TOC */
.sidebar-wrapper {max-width: 750px;display: block;}
.sidebar {order: 2;margin: 0 15px 0 auto;max-width: 350px;width: 100%;flex: 1;}
.sidebar__title {font-weight: bold;margin-top: 0;margin-bottom: 15px;font-size: 20px;}
.sidebar__box {background-color: #f1f1f1;box-shadow: none;padding: 20px 25px;border-radius: 5px;position: sticky;top: 90px;}
.onepage {padding: 0px;margin: 0px;color: #999;list-style: none;line-height: 25px;}
.table-of-contents {margin-bottom: 0px;}
.table-of-contents ol li {margin-top: .5em;margin-bottom: .2em;counter-increment: point;counter-reset: sublist;position: relative;padding-left: 20px;}
.table-of-contents ol li a {font-size: 16px;text-decoration: none;color: #000;line-height: 1.5;display: block;margin-left: 5px;}
.table-of-contents ol li::before {content: counter(point) ". ";display: inline-block;width: 1.3em;opacity: .5;position: absolute;left: 0;}

/* SCROLL TOP */
.scroll-top {position: fixed;right: 50px;bottom: 35px;z-index: 9;display: block;width: 40px;height: 40px;font-size: 20px;line-height: 40px;text-align: center;color: #fff;border-radius: 50%;cursor: pointer;border: 0;outline: 0;box-shadow: 0 2px 7px 0 #9b9b9b;background-color: #3C084D;transition: 300ms;opacity: 0;pointer-events: none;}
.scroll-top.act {opacity: 1;pointer-events: all;bottom: 50px;}

/* FAQ */
.one_faq {background-color: #fdfdfd;border-radius: 5px;border: solid 1px #eeeeee;overflow: hidden;margin-bottom: 25px;}
.one_question {margin: 0;padding: 15px;background-color: #3C084D;color: white;}
.one_answer {padding: 15px;margin: 0;}

/* NEW LAYOUT: main content + aside */
.nav_menu_btn {display: flex;}
.sidebar {position: fixed;max-width: 350px;left: 0;margin: 0;box-shadow: 3px 3px 6px rgb(91 91 91 / 0%);border-bottom-right-radius: 6px;border-top-right-radius: 6px;top: 50%;transform: translateX(-100%) translateY(-50%);transition: 300ms;z-index: 1;}
.sidebar.act {transform: translateY(-50%);box-shadow: 3px 3px 6px rgb(91 91 91 / 97%);}
.new_wraper {display: flex;max-width: 1170px;margin: 0 auto;padding: 0 15px;justify-content: space-between;gap: 50px;}
.aside_wrap .rate__item {width: 300px;box-shadow: 0 2px 11px 0 #c7c7c7;position: -webkit-sticky;position: sticky;top: 90px;}
.aside_wrap .rate--top {align-items: center;display: flex;flex-direction: column;gap: 15px;}
.aside_wrap .rate__name {text-align: center;margin: 0px 0 12px;font-size: 20px;}
.aside_wrap .rate__bonus {margin: 0;padding: 7px;}
.aside_wrap .rate__btn .btn {height: 40px;font-size: 18px;margin: 0;width: auto;padding: 22px 25px;min-height: auto;}
.aside_wrap .rate--bottom {text-align: center;padding: 0;}
.aside_wrap .rate__btn {flex: auto;max-width: unset;}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .cnt, section.table_section .cnt {max-width: 750px;}
    .burger {display: flex;}
    .all_langs {position: static;margin-left: 0;}
    .cur_lang {display: none;}
    .lst_lang {position: static;flex-direction: row;justify-content: center;opacity: 1;pointer-events: all;box-shadow: none;background-color: transparent;grid-gap: 17px;padding: 0;}
    header nav {grid-gap: 22px;position: fixed;top: 57px;flex-direction: column;right: 15px;padding: 18px 30px 30px;background-color: #3C084D;border-radius: 5px;transition: 300ms;opacity: 0;pointer-events: none;}
    .nav_inner {flex-direction: column;align-items: baseline;}
    header .act nav {opacity: 1;pointer-events: all;top: 47px;}
    footer .cnt {padding: 22px 15px;}
    .footer-menu .nav_inner {flex-direction: column;text-align: center;}
}
@media (max-width: 1024px) {
    .new_wraper {display: block;}
    .aside_wrap .rate__item {width: 750px;box-shadow: 0 0px 14px 0 #a0a0a0;position: fixed;top: unset;bottom: 100px;left: 50%;transform: translateX(-50%);z-index: 1;transition: 700ms;opacity: 0;pointer-events: none;}
    .aside_wrap .rate__item.act {opacity: 1;pointer-events: all;bottom: 15px;}
    .aside_wrap .rate__name, .aside_wrap .rate--bottom {display: none;}
    .aside_wrap .rate--top {align-items: unset;display: grid;grid-template-columns: auto 1fr auto;}
    .aside_wrap .rate__bonus {margin: 0;padding: 0 10px;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .aside_wrap .rate__btn .btn {height: 100%;font-size: 20px;padding: 20px;}
}
@media (max-width: 991px) {
    .footer_text_3 {grid-column: span 1;text-align: left;}
    .padding_row {grid-template-columns: 1fr;font-size: 14px;}
    .author__item {flex-direction: column;}
    .author__photo {margin: 0 auto 20px auto;}
}
@media (max-width: 768px) {
    .rate__casino {justify-content: center;margin: 0 auto 20px auto;}
    .rate__name {position: relative;text-align: center;}
    .rate--top {flex-direction: column;}
    .rate__btn {flex: none;width: 100%;max-width: 300px;margin: 0 auto;}
    .rate__bonus {max-width: 300px;margin: 0 auto 20px auto;text-align: center;}
    .aside_wrap .rate__item {width: auto;}
    .aside_wrap .rate--top {display: flex;flex-direction: row;}
}
@media (max-width: 650px) {
    .total_4 {grid-template-columns: 1fr;}
    .btn {font-size: 18px;}
}
@media (max-width: 576px) {
    .sidebar {max-width: 265px;}
    .sidebar__box {padding: 15px;}
    .sidebar__title {font-size: 16px;margin-bottom: 11px;}
    .table-of-contents ol li a {margin-left: 0;font-size: 14px;}
    .author__item {padding: 30px;}
    .onepage {padding: 0px 15px 0px 0px;overflow-y: scroll;max-height: 300px;}
    .sidebar__box {padding: 15px 0px 15px 15px;}
}
@media (max-width: 530px) {
    h1 {font-size: 29px;}
    h2 {font-size: 21px;}
    header {padding: 12px 0;}
    header nav {width: 100vw;height: calc(100vh - 46px);display: block;border-radius: 0;padding: 0;align-items: start;overflow-y: scroll;margin: 0;background-color: #3C084D;right: 0;}
    .act nav {top: 64px;}
    .act .nav_inner {display: flex;}
    .nav_inner {padding: 18px;display: block;}
    .nav_inner > a {display: block;padding: 10px 0;}
    .nav_inner > .play_online {padding: 0;}
    .play_online {display: block;padding: 6px 0;width: 100%;}
    .play_online_txt {justify-content: space-between;}
    /* активный пункт — оранжевый */
    .play_online.act > .play_online_txt > span,
    .play_online.act > .play_online_txt > a {color: orange;}
    .play_online.act > .play_online_list {top: 0;width: 100%;box-shadow: none;border-radius: 0;display: grid;grid-template-columns: 1fr 1fr;}
    .play_online_list {opacity: 1;visibility: visible;position: relative;top: 0;border-color: transparent;margin-top: 6px;display: none;background-color: transparent;box-shadow: none;}
    .play_online_list a {padding: 3px 11px;display: block;}
    .play_online_list li,.play_online_list li:not(:last-child) {border: none;}
    /* флаги — влево */
    .lst_lang {justify-content: left;padding: 12px 0;}
    .one_com {flex-direction: column;}
    .one_rew_img {margin-left: 0;margin-top: 12px;width: 100%;}
    /* cookie на мобильном */
    #cookie_notification.show {display: block;text-align: left;}
    .cookie_accept {margin: 15px 0 0 0;width: 100%;}
    .aside_wrap .rate__btn .btn {font-size: 15px;padding: 9px 11px;}
    .aside_wrap .rate__item {padding: 9px;}
}

/* AUTOR PAGE */
.author-page h1 {margin-bottom: 20px;}
.author_block {display: grid;grid-template-columns: 1fr 2.5fr;grid-gap: 45px;margin-bottom: 60px;align-items: start;}
main .author_photo img {border-radius: 50%;margin: 0;box-shadow: none;width: 100%;max-width: 100%;}
.author_col dl {margin: 0;}
.author_col dt {margin-top: 30px;}
.author_col dt:first-child {margin-top: 0;}
.author_col dt h2 {margin: 0;}
.author_col dd {margin: 10px 0 0;color: #424851;line-height: 1.5;}
.author_col dd a {color: #0067FF;}
.author_link_list {padding-left: 22px;margin: 0;}
.author_link_list li {margin-bottom: 10px;line-height: 1.5;color: #333;}
.author_link_list li a {color: #e16800;}
.author_link_list li a:hover {text-decoration: underline;}
@media (max-width: 768px) {
    .author_block {grid-template-columns: 1fr;grid-gap: 20px;}
    main .author_photo img {max-width: 200px;margin: 0 auto;}
}