/*
Theme Name: WM2026
Theme URI: WM2026
Author: WM2026
Author URI: WM2026
Description: custom theme for WM2026
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wm2026
*/
/* @import url(stickyNav.css); */

@font-face {
    font-family: 'WM2026 Bold';
    src: url('WM2026-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'WM2026 Book';
    src: url('WM2026-Book.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-primary-blue: #193add;
    --color-header-blue: #0e36cd;
    --color-dark-blue: #070e78;
    --color-light-blue: #4467ed;
    --color-gradient-blue: #143bd2;
    --color-accent-blue: #0d41ff;
    --color-bright-blue: #015eea;
    --color-cyan: #00c0fa;
    --color-jump-blue: #2d63c8;
    --color-light-blue-gray: #eff2fc;
    --color-secondary-blue: #2064b7;
    --color-faq-blue: #321df9;
    --color-cta-blue: #6883ee;
    --color-medium-blue: #2a46d5;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-dark-navy: #00032e;
    --color-gray-light: #f5f5f5;
    --color-gray-medium: #ccc;
    --color-gray-soft: #c9c9c9;
    --color-gray-pale: #e3e3e3;
    --color-gray-muted: #979797;
    --color-orange-primary: #e17842;
    --color-orange-bright: #ff6900;
    --color-orange-dark: darkorange;
    --color-blue-alt: #0060ce;
    --color-green: #3afa00;
    --color-red: crimson;
    --color-blue-gradient-1: #518cfb;
    --color-blue-gradient-2: #2850fa;
    --container-medium-gradient: linear-gradient(133deg, var(--color-gradient-blue) 1.3%, rgba(31, 70, 219, 0.84) 51.59%, var(--color-light-blue) 100.9%);
    --header-gradient: linear-gradient(138deg, var(--color-header-blue) 1.45%, rgba(31, 70, 219, 0.84) 51.09%, var(--color-light-blue) 99.76%);
    --mobile-nav-gradient: linear-gradient(90deg, rgba(9, 27, 94, 1) 0%, rgba(14, 54, 205, 1) 100%);
    --upper-fold-gradient: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
    --upper-fold-title-gradient: linear-gradient(to bottom, var(--color-bright-blue) 0%, var(--color-cyan) 100%);
    --blue-gradient: linear-gradient(to bottom, var(--color-blue-gradient-1) 50%, var(--color-blue-gradient-2) 50%);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-family: 'WM2026 Book';
    background: var(--color-gray-light);
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

input,
button,
textarea,
select {
    font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

ul,
ol,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

ol>li {
    list-style: decimal;
}

.aligncenter {
    margin: 0 auto;
}

.twitter-tweet.twitter-tweet-rendered {
    margin: 0 auto;
}

@font-face {
    font-family: 'WM2026 Bold';
    src: url('WM2026-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-family: 'WM2026 Book';
    src: url('WM2026-Book.woff2') format('woff2');
    font-weight: normal;
}

.container--body {
    margin: 0 auto;
    width: 1536px;
    overflow: hidden;
}

.main-logo-wrapper {
    position: relative;
}

.container--nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 44px;
}

.container--main {
    display: flex;
    gap: 24px;
    padding: 35px 84px 140px 84px;
    background: var(--color-gray-light);
}

.container--main.single-page {
    padding: 84px 84px 84px 84px;
}

.container--dark {
    padding: 48px 84px;
    background: var(--color-dark-blue);
}

.container--medium {
    padding: 44px;
    border-radius: 24px;
    background: var(--container-medium-gradient);
}

.container--light {
    padding: 44px;
    border-radius: 24px;
    background: var(--color-white);
}

.container--light>p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.container--light>p {
    font-size: 16px;
}

.container--light ol>li {
    list-style: decimal;
}

.container--light h3 {
    margin-bottom: 24px;
}

a>strong {
    color: blue;
}

header {
    padding: 24px 84px 48px 84px;
    background: url('images/bg_ellipse-header-br.webp') bottom right no-repeat, var(--header-gradient);
}

header.single-page {
    padding: 24px 84px 24px 84px;
}

header.single-page .container--nav {
    margin-bottom: 0;
}

.breadcrumbs-home-icon {
    background: url('images/home.webp');
    height: 15px;
    width: 18px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 8px;
    height: 13px;
    width: 15px;
}

#breadcrumbs>li::marker {
    content: '';
}

#breadcrumbs li {
    display: inline;
    margin-left: 3px;
    margin-right: 3px;
}

#breadcrumbs li a {
    text-decoration: none;
    color: var(--color-black);
}

#breadcrumbs li a:hover {
    text-decoration: underline;
}

.logo--main {
    display: inline-block;
    width: 223px;
    height: 57px;
    background: url('images/logo_main.webp') 0 0 no-repeat;
}

.header_subheading {
    margin-top: 16px;
    width: 768px;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-white);
}

.header__subarea {
    margin-top: 44px;
}

.subarea__games {
    display: inline-block;
    margin-left: 44px;
    height: 52px;
    color: white;
    vertical-align: bottom;
    line-height: 84px;
    background: url('images/ico_football-light.svg') top left no-repeat;
}

.subarea__venues {
    display: inline-block;
    margin-left: 24px;
    height: 52px;
    color: white;
    vertical-align: bottom;
    line-height: 84px;
    background: url('images/ico_soccer-field.svg') top left no-repeat;
}

.u-light {
    color: var(--color-white);
    font-weight: 700;
}

h1 {
    line-height: 110%;
    font-size: 51px;
}

h2 {
    line-height: 110%;
    margin-bottom: 32px;
    font-size: 32px;
}

h2.u-light {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 110%;
}

h3 {
    margin-top: 24px;
    font-size: 23px;
    line-height: 110%;
}

.btn {
    display: inline-block;
    padding: 14px 20px;
    line-height: 24px;
    font-family: 'WM2026 Bold';
    text-align: center;
    border-radius: 12px;
}

.btn--light {
    color: var(--color-primary-blue);
    background: var(--color-white);
    border: 1px solid var(--color-primary-blue);
    text-decoration: none;
}

.btn--sidebar {
    margin-top: 16px;
    width: 100%;
}

.upcoming {
    display: flex;
    margin-top: 32px;
    overflow: hidden;
}

.upcoming__match {
    display: flex;
    margin-right: 16px;
    min-width: 200px;
    max-width: 200px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(100, 143, 252, 0.2);
    backdrop-filter: blur(4px);
}

.upcoming-hyperlinked {
    padding: 0px;
}

.upcoming_href {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    width: 100%;
    height: 100%;
}

.upcoming_href>strong {
    display: inline-block;
    color: var(--color-white);
    margin-top: 5px;
}

.upcoming__match>strong {
    display: inline-block;
    color: var(--color-white);
    margin-top: 5px;
}

.upcoming__match time,
.upcoming__match span {
    font-size: 14px;
    line-height: 140%;
    color: var(--color-white);
    opacity: 0.6;
}

main {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 3.4;
    width: 100%;
}

.list-icon li {
    list-style-image: url('images/ico_football.svg');
}

aside {
    flex: 1;
}

footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 80px 84px 0 84px;
    width: 100%;
    height: 390px;
    background: var(--color-primary-blue);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

footer h3 {
    margin: 0 0 12px 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.footer_column a,
.footer_column a:visited {
    display: block;
    margin-bottom: 16px;
    color: var(--color-white);
}

.footer_column p {
    margin-top: 24px;
    width: 290px;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-white);
}

.footer_column>div {
    display: flex;
    gap: 16px;
}

html,
body {
    background: var(--color-gray-light);
}

.flag {
    display: inline-block;
    padding-left: 32px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.flag-xl {
    display: inline-block;
    padding-left: 50px;
    line-height: 24px;
    height: 50px;
    background-size: 43px 45px;
    background-repeat: no-repeat;
}

.container--medium h2,
.container--medium h3,
.container--medium span {
    color: var(--color-white);
    text-shadow: 2px 2px 4px var(--color-black);
}

.container--medium img {
    width: 100%;
    height: auto;
    border-radius: 24px;
}

.container--medium figcaption {
    margin-top: 12px;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-white);
}

.container--medium>p {
    margin: 16px 0 16px 0;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-white);
}

.card--quote {
    padding: 24px 24px 24px 84px;
    color: var(--color-dark-navy);
    background: var(--color-white) url('images/ico_quote.svg') 24px 24px no-repeat;
    border-radius: 12px;
}

.card--quote p {
    font-size: 18px;
    line-height: 140%;
    opacity: 0.5;
}

.card--quote strong {
    display: block;
    margin-top: 12px;
    font-size: 24px;
    line-height: 130%;
}

.list--venues {
    display: flex;
    column-width: 20%;
    column-count: 5;
    flex-wrap: wrap;
    row-gap: 16px;
    justify-content: space-between;
}

.list--venues li {
    overflow: hidden;
    background: var(--color-dark-blue);
    border-radius: 12px;
}

.list--venues li img {
    display: block;
    width: 100%;
    height: auto;
}

.list--venues li span {
    display: block;
    padding: 16px;
    font-family: 'WM2026 Bold';
    font-size: 16px;
    line-height: 110%;
    background: var(--color-white);
    color: var(--color-dark-navy);
}

.btn_groups_prev {
    width: 40px;
    height: 41px;
    background: url('images/ico_arrow-left--dark.svg') 0 0 no-repeat;
}

.btn_groups_next {
    margin-left: 12px;
    width: 40px;
    height: 41px;
    background: url('images/ico_arrow-right--dark.svg') 0 0 no-repeat;
}

.container-groups {
    overflow: hidden;
    max-width: 1003px;
}

.list--groups {
    display: flex;
    gap: 16px;
    position: relative;
    left: 0px;
    transition: all 0.3s;
}

.list--groups li {
    padding: 16px;
    min-width: 208px;
    max-width: 208px;
    height: 100%;
    border-radius: 24px;
    background: rgb(22 25 30 / 16%);
    backdrop-filter: blur(4px);
    border: 1px solid rgb(255 255 255 / 21%);
}

.list--groups li a>h3 {
    margin-top: 0;
    color: #fff;
}

.list--groups li a>strong {
    display: block;
    margin-top: 16px;
    color: #fff;
}

.qualifiers-wrapper {
    background: url('images/qualif-bkg.webp');
    color: #fff;
    background-size: cover;
    background-position: left;
}

.container--countdown {
    height: 566px;
    background: var(--color-light-blue) url('images/bg_countdown.png') bottom left no-repeat;
}

.container--countdown>.main-header {
    display: block;
    font-size: 48px;
    text-align: center;
    font-family: 'WM2026 Book';
    font-weight: 700;
    color: var(--color-white);
    text-shadow: 2px 2px 4px var(--color-black);
}

.container--countdown>.sub-header {
    display: block;
    font-size: 23px;
    text-align: center;
    font-family: 'WM2026 Book';
    color: var(--color-white);
    text-shadow: 2px 2px 4px var(--color-black);
    font-weight: 700;
    margin-top: 33px;
}

.wm2026-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wm2026-countdown span {
    display: block;
    width: 150px;
    text-align: center;
    font-family: 'WM2026 Bold';
    font-size: 64px;
    line-height: 140%;
}

.wm2026-countdown small {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-white);
}

.main-navigation button {
    display: none;
}

li.page_item a,
li.page_item a:hover {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--color-white);
}

.widget.widget_block {
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 24px;
    background: var(--color-white);
}

.widget.widget_block h2.wp-block-heading {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 110%;
    color: var(--color-dark-navy);
}

.widget.widget_block span.wp-block-heading {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 110%;
    color: var(--color-dark-navy);
}

.widget-heading-3 {
    display: block;
    margin-top: 16px;
    color: var(--color-dark-navy);
    font-size: 18px;
    line-height: 140%;
    opacity: 0.5;
    font-weight: 700;
}

.widget-heading-2 {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 110%;
    color: var(--color-dark-navy);
    font-weight: 700;
}

.widget.widget_block h3 {
    margin-top: 16px;
    color: var(--color-dark-navy);
    font-size: 18px;
    line-height: 140%;
    opacity: 0.5;
}

.wp-block-search__label {
    display: none;
}

.wm2026_list--football {
    margin: 16px 0 16px 0;
}

.wm2026_list--football li {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-dark-navy);
    list-style: none;
    margin-bottom: 10px;
}

.wm2026_list--football li>span {
    display: inline-block;
    width: 26px;
    height: 20px;
    margin-right: 10px;
    background-image: url('images/ico_football.svg');
    background-repeat: no-repeat;
}

.wm2026_list--football li>span.calicons {
    display: inline-block;
    width: 26px;
    height: 20px;
    margin-right: 10px;
    background-image: url('images/calender-black.svg');
    background-repeat: no-repeat;
}

span.calicons-news {
    display: inline-block;
    width: 124px;
    height: 20px;
    margin-left: auto;
    background-image: url(images/calender-black.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
}

.wm2026_list--football li a,
.wm2026_list--football li a:visited {
    color: var(--color-dark-navy);
    text-decoration: underline;
}

.upcoming__header {
    display: flex;
    flex-wrap: wrap;
}

.upcoming__header>div {
    margin-left: auto;
}

.container_upcoming {
    overflow: hidden;
}

.items_upcoming {
    transition: margin-left 0.3s;
}

.items_upcoming_component {
    position: relative;
    transition: left 0.3s;
}

.upcoming-matches-main-container {
    padding: 48px 43px;
}

button {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    cursor: pointer;
}

button:disabled {
    opacity: 0.5;
}

.btn_upcoming_prev {
    width: 40px;
    height: 41px;
    background: url('images/ico_arrow-left.svg') 0 0 no-repeat;
}

.btn_upcoming_next {
    margin-left: 12px;
    width: 40px;
    height: 41px;
    background: url('images/ico_arrow-right.svg') 0 0 no-repeat;
}

.wp-block-search__input {
    border-radius: 12px;
    border: 1px solid rgba(0, 3, 46, 0.10);
    padding: 2px 10px;
}

.wp-block-search__button {
    margin-top: 8px;
    width: 24px;
    height: 24px;
    background: url('images/ico_search.svg') 0 0 no-repeat;
}

.wm2026_list--mehr li {
    margin-bottom: 12px;
}

.wm2026_list--mehr li a,
.wm2026_list--mehr li a:visited {
    font-size: 14px;
    line-height: 140%;
    color: var(--color-dark-navy);
    opacity: 0.5;
}

.wm2026_list--newsfeed {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.wm2026_list--newsfeed li {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

.wm2026_list--newsfeed li time {
    padding-left: 24px;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-dark-navy);
    opacity: 0.5;
    vertical-align: middle;
    width: max-content;
    margin-bottom: 7px;
}

.wm2026_list--newsfeed li span {
    color: var(--color-dark-navy);
    font-size: 14px;
    line-height: 140%;
}

.news-section {
    padding: 0px 44px;
}

.news-section hr {
    margin-bottom: 29px;
    height: 2px;
    background-color: var(--color-gray-medium);
    border: none;
    margin-top: 29px;
}

.news-heading-seperator {
    display: flex;
    flex-direction: row;
}

.news-heading-seperator h2 {
    margin-left: 30px;
    font-size: 28px;
    margin-top: 10px !important;
}

.news-author {
    display: flex;
    flex-direction: row;
}

.news-author svg {
    width: 15px;
    height: 15px;
    margin-right: 8px;
    position: relative;
    top: 5px;
}

.news-date {
    display: flex;
    flex-direction: row;
    margin-left: auto;
}

.news-date svg {
    position: relative;
    top: 5px;
    margin-right: 8px;
}

.news-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.news_article_grid_item {
    background-color: #fff;
    flex: 30%;
    padding: 10px;
    margin: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.news_article_grid_item .news_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.news_article_grid_item a {
    text-decoration: none;
}

.new-article-image {
    width: 100%;
    height: 230px;
    background-size: cover;
    background-position: 58%;
    display: flex;
    align-items: end;
    position: relative;
}

.news-type {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
}

.date-container {
    position: absolute;
    background-color: var(--color-orange-primary);
    height: 80px;
    width: 80px;
    border-radius: 100px;
    top: 10px;
    right: 10px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    flex-direction: column;
}

.news-btn-centered {
    display: block;
    width: max-content;
    margin: 0 auto;
}

.formatted-day {
    display: block;
}

.formatted-day:first-child {
    font-size: 21px;
}

.news-feed-background {
    background-color: var(--color-orange-primary);
    border-top: 2px solid var(--color-orange-bright);
}

.news-article-background {
    background-color: var(--color-blue-alt);
    border-top: 2px solid var(--color-blue-alt);
}

.time_cat--1 {
    background: url('images/icons/trophy.svg') center left no-repeat;
}

.time_cat--2 {
    background: url('images/icons/ball.svg') center left no-repeat;
}

.time_cat--3 {
    background: url('images/icons/whistle-referee.svg') center left no-repeat;
}

.time_cat--4 {
    background: url('images/icons/live-icn.svg') center left no-repeat;
}

.time_cat--5 {
    background: url('images/icons/score-board.svg') center left no-repeat;
}

.time_cat--6 {
    background: url('images/icons/medical.svg') center left no-repeat;
}

.time_cat--7 {
    background: url('images/icons/tranding.svg') center left no-repeat;
}

.time_cat--8 {
    background: url('images/icons/var.svg') center left no-repeat;
}

.wm2026_table--results {
    width: 100%;
    border: 0;
}

.wm2026_table--results thead {
    background: var(--color-primary-blue);
    color: var(--color-white);
}

.wm2026_table--results tbody tr:nth-child(odd) {
    background: var(--color-light-blue-gray);
}

.wm2026_table--results th {
    height: 56px;
    line-height: 56px;
    text-align: left;
    padding-left: 16px;
}

.wm2026_table--results td {
    height: 56px;
    line-height: 56px;
    text-align: left;
    padding-left: 16px;
}

.wm2026_table--results td a,
.wm2026_table--results td a:visited {
    text-decoration: underline;
    color: var(--color-dark-navy);
}

p.u-light {
    margin-top: 12px;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-dark-navy);
    opacity: 0.5;
}

.wm2026_list--wichtig {
    display: flex;
    margin-top: 32px;
    gap: 16px;
}

.wm2026_list--wichtig div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    flex: 3.4;
    padding: 32px;
    border-radius: 12px;
    background: var(--color-primary-blue);
    margin-left: 0px;
}

.wm2026_list--wichtig div small {
    display: block;
    font-size: 20px;
    line-height: 140%;
    color: var(--color-white);
}

.wm2026_list--wichtig div img {
    height: 75px;
}

.wm2026_list--wichtig div span {
    font-size: 34px;
    line-height: 140%;
    color: var(--color-white);
    text-align: center;
}

.wm2026_list--nachrichten {
    display: flex;
    overflow: hidden;
    margin-bottom: 32px;
    gap: 16px;
    max-width: 950px;
    flex-wrap: nowrap;
}

.wm2026_list--nachrichten li {
    width: 100%;
    list-style: none;
    margin-left: 0;
    height: 398px;
}

.wm2026_list--nachrichten li img {
    width: 100%;
    height: 256px;
    object-fit: cover;
}

.news-item-heading {
    font-size: 23px;
    font-weight: 700;
    margin-top: 33px;
    margin-bottom: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
}

.wm2026_list--nachrichten>li>a {
    text-decoration: none;
}

.wm2026_list--nachrichten p {
    margin: 12px 0 12px 0;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-dark-navy);
    opacity: 0.5;
}

.stadiums__header {
    display: flex;
    flex-wrap: wrap;
}

.stadiums__header>svg {
    position: relative;
    top: 29px;
    margin-right: 15px;
}

.component-header {
    display: flex;
    flex-direction: row;
}

.component-header>svg {
    position: relative;
    top: 29px;
    margin-right: 15px;
}

.stadiums__header>div {
    margin-left: auto;
}

.container_stadiums {
    overflow: hidden;
    max-width: 950px;
}

.items_stadiums {
    position: relative;
    left: 0px;
    transition: left 0.3s;
}

.list--stadiums {
    display: flex;
    gap: 16px;
}

.list--stadiums li {
    min-width: 208px;
    max-width: 208px;
    border-radius: 24px;
    border: 1px solid rgba(0, 3, 46, 0.10);
}

.stadiums__info {
    padding: 24px;
    height: 187px;
    display: flex;
    flex-direction: column;
}

.stadiums__info strong {
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-dark-navy);
}

.stadiums__info span {
    display: block;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 140%;
    color: rgba(0, 3, 46, 0.60);
}

.stadiums__info small {
    font-size: 15px;
    line-height: 24px;
    color: var(--color-dark-navy);
}

.flag-de {
    padding-left: 24px;
    background: url('images/flags/flag_de.webp') 0 0 no-repeat;
    background-size: 18px;
}

.btn_stadiums_prev {
    width: 40px;
    height: 41px;
    background: url('images/ico_arrow-left--dark.svg') 0 0 no-repeat;
}

.btn_stadiums_next {
    margin-left: 12px;
    width: 40px;
    height: 41px;
    background: url('images/ico_arrow-right--dark.svg') 0 0 no-repeat;
}

.cpt-stadiums-thumbnail {
    height: 155px;
    object-fit: cover;
    border-radius: 7%;
}

.stadium-post-card {
    background-color: var(--color-white);
    transition: all 0.5s;
    list-style: none;
    margin-left: 0;
}

.stadium-post-card a {
    text-decoration: none;
}

.stadium-post-card:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.download_cta {
    display: flex;
    justify-content: space-evenly;
    width: 242px;
    color: #fff;
    text-align: center;
    font-size: 21px;
    padding: 9px;
    background-color: var(--color-secondary-blue);
    margin: 0 auto;
    text-decoration: none;
}

.download-ico {
    height: 27px;
    width: auto;
    object-fit: contain;
}

.stadium-hero {
    display: flex;
    flex-direction: row;
    align-items: end;
    width: 100%;
    min-height: 364px;
    background-size: cover;
    background-position: center;
    padding: 10px;
}

.stadium-info {
    display: flex;
    flex-direction: row;
    padding: 10px;
    border-radius: 16px;
    border: 1px solid rgb(0 0 0 / 18%);
    margin-bottom: 20px;
    justify-content: center;
}

.stadium-info-colomn {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
}

.stadium-info-table tr>td>span {
    color: var(--color-gray-muted);
    margin-right: 6px;
}

.stadium-hero span {
    font-size: 39px;
    color: #fff;
}

.stadium-hero p {
    color: var(--color-white);
    font-size: 18px;
}

.gmap-container {
    display: flex;
    flex-direction: row;
    padding-right: 20px;
}

.gmap {
    display: block;
    width: 100%;
    height: 350px;
    margin-right: 30px;
}

.gmap-half {
    width: 50%;
}

.stadiums-top-padding {
    padding-top: 20px;
}

.pagination-container {
    height: 40px;
}

.pagination-news-page {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    border-radius: 10px;
}

.pagination-news-page span {
    color: white;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    background-color: var(--color-blue-alt);
    border-top: 1px solid var(--color-blue-alt);
}

.page-numbers:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination-news-page a {
    color: white;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    background-color: var(--color-blue-alt);
    border-top: 1px solid var(--color-blue-alt);
}

.pagination-news-page a.next {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pagination-news-page span:hover {
    color: var(--color-blue-alt);
    background-color: white;
    border: 1px solid var(--color-blue-alt);
}

.pagination-news-page a:hover {
    color: var(--color-blue-alt);
    background-color: white;
    border: 1px solid var(--color-blue-alt);
}

.pagination-news-page>*:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

span.current {
    background-color: white;
    color: var(--color-blue-alt);
    border: 1px solid var(--color-blue-alt);
}

.u-rel {
    position: relative;
}

.u-p12 {
    padding: 12px;
}

.menu-toggle {
    position: absolute;
    top: 36px;
    right: 24px;
    width: 24px;
    height: 25px;
    background: url('images/ico_burger-menu.svg') 0 0 no-repeat;
    z-index: 1000;
}

.news-article-banner {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 24px;
    width: 100%;
    height: 364px;
    background-size: cover;
    background-position: 58%;
    padding-bottom: 20px;
}

.info-bar {
    display: flex;
    flex-direction: row;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    color: var(--color-white);
    margin-top: auto;
}

.info-bar>img {
    margin-right: 15px;
}

.content-area {
    padding-top: 30px;
}

.bread-crumb-wrapper {
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 4px 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.bread-crumb-wrapper ol a {
    color: var(--color-black);
    text-decoration: none;
}

.hide-crumb {
    display: none;
}

.u-p18 {
    padding: 18px;
}

.news-item {
    width: 100%;
    padding: 10px;
}

.news-item a {
    text-decoration: none;
}

.news-item>img {
    width: 100%;
}

.news-item>p {
    margin: 12px 0 12px 0;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-dark-navy);
    opacity: 0.5;
}

.teams-roundup {
    transition: all 0.5s;
    list-style-type: none;
    margin-left: 0;
}

.list--groups a {
    text-decoration: none;
}

.teams-roundup strong {
    display: block;
    color: #fff;
    margin-top: 16px;
}

.qualifier_main_title {
    display: block;
    margin-bottom: 32px;
    font-size: 48px;
    font-weight: 700;
}

.group_name {
    display: block;
    width: max-content;
    font-size: 23px;
    color: #fff;
    margin: 0 auto;
    font-weight: 700;
}

.provider_header {
    display: block;
    width: max-content;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    font-weight: 700;
}

.teams-roundup a>h3,
strong {
    color: var(--color-black);
}

.teams-roundup:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.teams-roundup a {
    text-decoration: none;
}

.no-top-padding {
    padding-top: 0;
}

.main-stadium-content {
    padding-top: 30px;
}

#primary-menu {
    display: flex;
    flex-direction: row;
}

#primary-menu>li {
    display: inline;
    margin-right: 26px;
    color: #fff;
    position: relative;
    padding: 8px;
    border-radius: 4px;
}

#primary-menu>li:hover {
    background-color: var(--color-white);
    color: var(--color-primary-blue);
}

#primary-menu>li:hover a {
    color: var(--color-primary-blue);
}

#primary-menu>li>a {
    color: #fff;
    word-spacing: 4px;
}

.menu-item span {
    font-size: 13px;
    margin-left: 15px;
}

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

.accordion-toggle-button {
    display: flex;
    padding: 12px;
    width: 100%;
    background-color: var(--color-header-blue);
    color: #fff;
    margin-bottom: 15px;
    cursor: pointer;
}

.arrow {
    margin-left: auto;
}

.active-arrow {
    transform: rotate(183deg);
}

.accordion-content {
    padding: 0px;
    overflow: hidden;
    height: 0px;
    transition: all 1s;
}

.accordion-content-active {
    height: 300px;
    padding: 10px;
}

.news-feeds {
    display: flex;
    flex-direction: column;
    list-style: none;
}

.news-feeds-banner {
    display: flex;
    flex-direction: row;
    height: 50px;
    width: 100%;
    overflow: hidden;
    background-color: var(--color-header-blue);
}

#rss-icon {
    width: 50px;
    height: auto;
    margin-right: 13px;
}

#news-feed-text {
    color: #fff;
    transition: all 1s;
    position: relative;
    top: 38px;
    opacity: 0;
    margin-top: 0px;
}

.display-newsfeed {
    top: 12px !important;
    opacity: 1 !important;
}

#know-more {
    display: none;
    margin-left: auto;
    background-color: transparent;
    border: 1px solid #fff;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    color: #fff;
}

.news-feed-item {
    display: flex;
    flex-direction: row;
    border: 1px solid var(--color-black);
    min-height: 50px;
    width: 100%;
    margin-bottom: 25px;
}

.icon {
    display: block;
    width: 80px;
    background-size: 57px;
    border: 1px solid #000;
    background-position: center;
}

.information-box {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
}

.information-box h2 {
    font-size: 30px;
}

.information-box>time {
    opacity: 0.5;
}

.background1 {
    background-color: darkorange;
}

.background2 {
    background-color: aquamarine;
}

.background3 {
    background-color: #193add8f;
}

.default-banner {
    display: flex;
    justify-content: end;
    width: 100%;
    height: 350px;
    position: relative;
    align-items: end;
    border-radius: 24px;
    overflow: hidden;
}

.default-banner img.featured-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.title-backdrop {
    padding: 25px;
    background: rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(0, 0, 0, 0.37);
    height: max-content;
    width: 100%;
    position: relative;
    z-index: 2;
}

.title-backdrop h1 {
    font-size: 35px;
    color: #fff;
    width: 100%;
}

.title-backdrop p {
    color: #fff;
}

.title-backdrop p>span {
    font-size: 14px;
}

.tv-listings {
    width: 100%;
    text-align: center;
    border-collapse: separate;
    border-spacing: 0 1em;
    white-space: nowrap;
}

.tv-listings tr>th {
    height: 50px;
    color: #fff;
}

.tv-listings tr:first-child {
    background-color: var(--color-header-blue) !important;
}

.tv-listings tr>td {
    padding-left: 31px;
    padding-right: 31px;
}

.tv-listings tr:nth-child(odd) {
    background-color: var(--color-gray-soft);
}

.tv-listings tr>td>img {
    height: 80px;
    margin: 0 auto;
    max-width: 163px;
    object-fit: contain;
}

.qualifiers_score {
    width: 100%;
    overflow-x: scroll;
}

.qualifiers_score table {
    width: 100%;
    border-spacing: 0px;
}

.score_item {
    background-color: var(--color-header-blue);
}

.score_item>td {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
}

.score_item>td>strong {
    margin-top: 0px;
}

.score_item>td .flag {
    color: #fff;
}

.teamA {
    text-align: left;
}

.teamB {
    text-align: right;
    margin-left: auto;
}

.seperator {
    margin-left: 10px;
    margin-right: 10px;
}

.score {
    margin: 0 auto;
    background-color: var(--color-black);
    width: 65px;
    left: 50%;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    text-align: center;
}

.mobile-nav {
    display: flex;
    justify-content: center;
    position: absolute;
    background-color: var(--color-header-blue);
    background: var(--mobile-nav-gradient);
    background-position: bottom right;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    padding: 10px;
    transition: all 1s;
}

#mob-nav>nav>.menu-menu-1-container>#primary-menu {
    flex-direction: column;
    font-size: 16px;
    height: 66vh;
    overflow: scroll;
    text-align: center;
}

#mob-nav>nav>.menu-menu-1-container>#primary-menu>.menu-item>.sub-menu>li {
    border-bottom: none;
    padding-top: 11px;
    font-size: 14px;
    position: relative;
}

#mob-nav>nav>.menu-menu-1-container>#primary-menu>.menu-item>.sub-menu>li::before {
    content: '-';
}

#mob-nav>nav>.menu-menu-1-container>#primary-menu li {
    border-bottom: 1px solid;
    border-radius: 0;
}

#mob-nav>nav {
    width: 91%;
}

#mob-nav>nav>.menu-menu-1-container>#primary-menu>.menu-item>.sub-menu {
    display: flex;
    position: relative;
    font-size: 16px;
    flex-direction: column;
    background-color: transparent;
    box-shadow: none;
    overflow: hidden;
    width: 100%;
    top: 0px;
    padding-bottom: 0px;
}

#mob-nav>nav>.menu-menu-1-container>#primary-menu>li:hover {
    background-color: transparent;
    color: #fff;
}

#mob-nav>nav>.menu-menu-1-container>#primary-menu>.menu-item>.sub-menu a {
    color: #fff;
}

.logo-area {
    display: flex;
    width: 100%;
    margin-bottom: 18px;
    border-bottom: 1px solid #fff;
    padding-bottom: 18px;
}

.mobile-nav nav>ul>li>a {
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin-bottom: 15px;
    font-size: 2em;
}

.nav-mobile-active {
    left: 0%;
}

.five-colomn-table {
    width: 100%;
}

.five-colomn-table tr>th {
    background-color: var(--color-header-blue);
    color: #fff;
    text-align: center;
    height: 56px;
    line-height: 56px;
    padding-left: 16px;
    padding-right: 16px;
    white-space: nowrap;
}

.five-colomn-table tr>td {
    text-align: center;
    height: 56px;
    line-height: 56px;
    padding-left: 16px;
    padding-right: 16px;
    white-space: nowrap;
}

.five-colomn-table tr:nth-child(odd) {
    background-color: var(--color-gray-pale);
}

.three-col {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.three-col>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.prediction-container {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 422px;
    padding: 10px;
    background-color: var(--color-header-blue);
    border-radius: 15px;
    margin: 28px auto 35px;
    background: url('images/background-predictions.png');
    background-size: cover;
}

.upper-fold {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--upper-fold-gradient);
    width: max-content;
    border-radius: 12px;
    margin: 0 auto;
    position: relative;
    top: -23px;
    color: #000;
    height: max-content;
}

.upper-fold-mobile {
    display: none;
    flex-direction: column;
    justify-content: center;
    background: var(--upper-fold-gradient);
    width: max-content;
    border-radius: 12px;
    margin: 0 auto;
    position: relative;
    top: -23px;
    color: #000;
    height: max-content;
}

.prediction-results {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}

.prediction-results span {
    font-size: 19px !important;
    color: #000 !important;
}

.upper-fold-title {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background: var(--upper-fold-title-gradient);
    padding: 5px 21px 5px 21px;
    border-radius: 9px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px;
}

.back-to-top {
    background-color: var(--color-bright-blue);
    color: #fff;
    border-radius: 36px;
    font-size: 38px;
    position: fixed;
    bottom: 15px;
    right: 17px;
    width: 46px;
    height: 46px;
    padding-bottom: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(270deg);
    z-index: 990;
    opacity: 30%;
    transition: opacity 0.5s;
}

.back-to-top:hover {
    opacity: 100%;
}

.probability>span {
    width: max-content;
    padding: 10px;
    border-radius: 6px;
    background-color: var(--color-accent-blue);
}

.prediction-container span {
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.flag-top-layout {
    display: flex;
    flex-direction: column;
    width: 100px;
    justify-content: center;
    align-items: center;
}

.score-prediction {
    text-align: center;
}

.picture_box {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.result {
    display: flex;
    flex-direction: row;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.result>img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.result>a {
    margin-top: 5px;
    margin-left: 18px;
}

.bar {
    width: 175px;
    border: 1px solid #fff;
    margin: 0 auto;
    height: 11px;
    position: absolute;
    left: 30%;
    bottom: 67px;
}

.bar>span {
    display: block;
    height: 100%;
    background: var(--blue-gradient);
}

.current-stats-wrapper {
    display: flex;
    flex-direction: row;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    border-radius: 5px;
    padding: 5px;
}

.team-a-stats {
    display: flex;
    flex-direction: row;
}

.team-b-stats {
    display: flex;
    flex-direction: row;
    margin-left: auto;
}

.full-star {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url('images/star-full.svg');
    background-position: center;
}

.half-star {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url('images/half-star.svg');
    background-position: center;
    transform: scale(-1, 1);
}

.white-container {
    background-color: #fff;
    padding: 35px 33px;
    border-radius: 24px;
}

.white-container>p,
ul {
    margin-bottom: 17px;
}

.container--light h2,
h3,
h4,
h5,
h6,
strong {
    margin-top: 33px;
}

.stat {
    display: flex;
    padding: 1px 6px;
    border-radius: 4px;
    border: 1px solid #fff;
    font-size: 12px !important;
    margin-right: 5px;
}

.s-stat {
    border-color: var(--color-green);
    color: var(--color-green) !important;
}

.n-stat {
    border-color: crimson;
    color: crimson !important;
}

.u-stat {
    border-color: darkorange;
    color: darkorange !important;
}

nav>.wp-block-search {
    margin-bottom: 20px;
}

nav>.wp-block-search>.wp-block-search__inside-wrapper>.wp-block-search__input {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

ul.sub-menu {
    display: none;
    position: absolute;
    z-index: 1001;
    background-color: #fff;
    padding: 10px;
    width: max-content;
    left: 0px;
    top: 33px;
    border-radius: 0px 4px 4px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

ul.sub-menu>li:hover {
    background-color: var(--color-accent-blue);
}

#primary-menu>li>ul.sub-menu>li>a {
    padding: 12px;
}

#primary-menu>li>ul.sub-menu>li:hover a {
    color: #fff;
}

.error-404 {
    padding-top: 10%;
    padding-bottom: 10%;
}

.col-2 {
    display: flex;
    flex-direction: row;
    width: 80%;
    height: 50vh;
    margin: 0 auto;
}

.content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

#error-page h1 {
    width: 100%;
    text-align: center;
}

#error-page h3 {
    width: 100%;
    text-align: center;
}

#error-page h4 {
    width: 100%;
    text-align: center;
}

#go-back {
    display: block;
    padding: 12px;
    background-color: var(--color-accent-blue);
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    width: max-content;
    margin-top: 15px;
    margin: 0 auto;
}

.popular-links {
    display: flex;
    justify-content: center;
}

.anchors-404 {
    display: inline-block;
    padding: 12px;
    background-color: var(--color-accent-blue);
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    width: max-content;
    margin-top: 15px;
    text-align: center;
    margin-right: 15px;
}

.image-wrapper {
    display: flex;
    width: 40%;
    border-radius: 0px 25px 25px 0px;
    overflow: hidden;
}

.image-wrapper img {
    margin-top: auto;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.menu-parent-item:before {
    content: "▼";
    font-size: 12px;
    margin-right: 8px;
}

.multi-content-timer {
    margin-top: 26px;
}

.team-fixture {
    width: 60vh;
    background-image: url('images/fixture-bkg.png');
    background-size: cover;
    margin: 28px auto;
}

.fixture-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.title-bar {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    background-color: var(--color-medium-blue);
    color: #fff;
}

.fixture-seperator {
    height: 100px;
    margin-left: 11px;
}

.teams-wrapper {
    display: flex;
    flex-direction: column;
}

.match-type-wrapper {
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border-radius: 100px;
    color: #fff;
    margin-left: 20px;
}

.teams-wrapper>strong {
    color: #fff;
    margin-top: 35px;
    margin-bottom: 35px;
}

.wp-faq-schema-items>h3 {
    padding: 15px;
    background-color: var(--color-faq-blue);
    color: #fff;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 0px;
}

.wp-faq-schema-items>div {
    overflow: hidden;
    height: 0px;
    transition: all 0.5s;
}

.content-active {
    height: 100px !important;
}

.wp-faq-schema-items>div p {
    padding-left: 15px;
    padding-top: 15px;
}

.wm2026-jump-link-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 20px;
    gap: 8px;
}

.wm2026-jump-link-container::-webkit-scrollbar {
    height: 5px;
}

.wm2026-jump-link-container::-webkit-scrollbar-track {
    background: rgba(241, 241, 241, 0.5);
}

.wm2026-jump-link-container::-webkit-scrollbar-thumb {
    background: rgba(206, 199, 199, 0.8);
    border-radius: 10px;
}

a.em-jump-marks {
    color: var(--color-white);
    background-color: var(--color-jump-blue);
    font-size: 18px;
    border: 2px solid var(--color-jump-blue);
    border-radius: 27px;
    padding: 4px 12px 3px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

a.em-jump-marks:hover {
    color: var(--color-jump-blue);
    background-color: var(--color-white);
}

.em-jump-marks-target {
    scroll-margin-top: 85px;
}

nav>.wp-block-search>.wp-block-search__inside-wrapper>.wp-block-search__button {
    background: url(images/search-white.svg) 0 0 no-repeat;
}

main li {
    list-style: disc;
    margin-left: 44px;
    margin-bottom: 12px;
}

main a {
    text-decoration: underline;
}

.cta-main-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: var(--color-primary-blue);
    padding: 25px 4% 25px 4%;
}

.provider-card {
    padding: 0px;
    overflow: hidden;
    background-color: #fff !important;
    border: 1px solid rgb(69 69 69 / 21%) !important;
    padding: 0px !important;
}

.inner-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px;
    background-color: #fff;
    border-radius: 15px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.inner-container p {
    font-weight: bold;
    padding-top: 14px;
    padding-bottom: 14px;
}

.coloured-tpress>tbody>tr>td:nth-of-type(2) {
    text-align: left !important;
    padding-left: 23px;
}

.cta-button-component {
    display: block;
    color: #fff;
    background-color: var(--color-primary-blue);
    border-radius: 8px;
    width: 100%;
    text-align: center !important;
    padding: 13px 8px 13px;
    text-decoration: none;
    font-weight: bold;
}

.tbpress-cta {
    display: flex;
    justify-content: center;
    color: var(--color-white);
    background-color: var(--color-cta-blue);
    border-radius: 8px;
    width: 60%;
    padding: 8px 15px 8px;
    text-decoration: none;
    font-weight: bold;
    margin: 0 auto;
}

.tbpress-cta span {
    margin-right: auto;
}

.operator {
    display: flex;
    flex-direction: row;
    gap: 5px;
    width: 100%;
    text-decoration: none;
}

.operator img {
    width: 100px;
    height: 100px;
    margin-right: 5px;
    object-fit: cover;
    border-radius: 10px;
}

.operator_img {
    width: 120px;
    height: 120px;
    margin: 0 auto !important;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    top: 5px;
}

.text-inf {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #000;
    text-align: left;
}

.operator-title {
    font-size: 21px;
    font-weight: bold;
}

.one-liner {
    font-size: 16px;
    color: #8f8f8f;
}

.provider_logo {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 70px;
    margin-bottom: 10px;
}

.providers_bkg {
    background: none;
}

.usp_wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 0px 17px;
    color: #000;
}

.provider_name {
    font-size: 18px;
}

.provider_title {
    color: #000;
}

.bonus_one_liner {
    margin-top: 21px;
    color: #000;
    font-weight: bold;
    text-align: center;
    min-height: 37px;
    padding: 0px 6px;
}

.usp {
    margin-bottom: 10px;
    font-size: 13px;
}

.bookmakers_table {
    width: 100% !important;
    margin: 0 auto !important;
}

.calendar-component {
    max-width: 1027px;
    background-color: transparent;
}

.calendar-component>.upcoming__header {
    padding: 20px;
}

.calendar-component>.container_upcoming>.items_upcoming>.upcoming__match>a {
    text-decoration: none;
}

.calendar li {
    margin-left: 8px;
}

.white-container>ol>li {
    list-style: decimal;
}

.sport-titles {
    display: block;
    margin-bottom: 32px;
    font-size: 32px;
    font-weight: 700;
    color: #000;
}

.provider_name_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px;
    background-color: var(--color-primary-blue);
    color: #fff;
}

.odds-container {
    max-width: 1003px;
    height: 120px;
    overflow: hidden;
    background-color: var(--color-dark-blue);
    background-size: cover;
    background-position: center;
    margin-top: 44px;
}

.slick-track {
    display: flex;
    flex-direction: row;
    height: 120px;
}

.slide {
    display: flex;
    align-items: center;
    width: 1038px;
    height: 120px;
    color: #fff;
    flex-direction: row;
}

.team {
    width: 50%;
    height: 120px;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.team-b {
    flex-direction: row-reverse;
    padding-left: 10px;
}

.badge {
    max-width: 100px;
    max-height: 100px;
    border-radius: 100px;
}

.badge-right {
    margin-right: auto;
    margin-top: 0px;
}

.badge-left {
    margin-left: auto;
    margin-top: 0px;
}

.odds-btn {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    width: 50%;
    text-align: center;
    color: #ffff;
    border: 1px solid #fff;
}

.left {
    margin-left: 10px;
}

.right {
    margin-right: 10px;
}

.odds {
    font-size: 21px;
}

.slick-arrow {
    display: none !important;
}

.team-a {
    padding-right: 10px;
}

.draw-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

.draw-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: var(--color-black);
    color: #fff;
    border-radius: 35px;
    font-size: 30px;
}

.rounded-cta {
    color: #fff;
    background-color: var(--color-primary-blue);
    padding: 9px;
    width: 132px;
    display: block;
    margin: 0 auto;
    border-radius: 24px;
    text-align: center;
    font-size: 15px;
    margin-top: 14px;
}

.calendar_list li {
    margin-left: 8px;
}

#breadcrumbs>li {
    font-size: 13px;
}

.bread-crumb-wrapper>span {
    font-size: 13px;
}

.bread-crumb-wrapper>a {
    font-size: 13px;
}

.search-container h2,
.search-container h3 {
    margin: 0;
}

.news-ticker-main-wrap {
    max-width: 1100px;
    margin: 0 auto;
}

.flag--af {
    background-image: url('images/flags/flag_af.webp');
}

.flag--al {
    background-image: url('images/flags/flag_al.webp');
}

.flag--dz {
    background-image: url('images/flags/flag_dz.webp');
}

.flag--as {
    background-image: url('images/flags/flag_as.webp');
}

.flag--ad {
    background-image: url('images/flags/flag_ad.webp');
}

.flag--ao {
    background-image: url('images/flags/flag_ao.webp');
}

.flag--ai {
    background-image: url('images/flags/flag_ai.webp');
}

.flag--ag {
    background-image: url('images/flags/flag_ag.webp');
}

.flag--ar {
    background-image: url('images/flags/flag_ar.webp');
}

.flag--am {
    background-image: url('images/flags/flag_am.webp');
}

.flag--au {
    background-image: url('images/flags/flag_au.webp');
}

.flag--at {
    background-image: url('images/flags/flag_at.webp');
}

.flag--az {
    background-image: url('images/flags/flag_az.webp');
}

.flag--bs {
    background-image: url('images/flags/flag_bs.webp');
}

.flag--bb {
    background-image: url('images/flags/flag_bb.webp');
}

.flag--by {
    background-image: url('images/flags/flag_by.webp');
}

.flag--be {
    background-image: url('images/flags/flag_be.webp');
}

.flag--bz {
    background-image: url('images/flags/flag_bz.webp');
}

.flag--bo {
    background-image: url('images/flags/flag_bo.webp');
}

.flag--ba {
    background-image: url('images/flags/flag_ba.webp');
}

.flag--bw {
    background-image: url('images/flags/flag_bw.webp');
}

.flag--br {
    background-image: url('images/flags/flag_br.webp');
}

.flag--bn {
    background-image: url('images/flags/flag_bn.webp');
}

.flag--bg {
    background-image: url('images/flags/flag_bg.webp');
}

.flag--bf {
    background-image: url('images/flags/flag_bf.webp');
}

.flag--mm {
    background-image: url('images/flags/flag_mm.webp');
}

.flag--bi {
    background-image: url('images/flags/flag_bi.webp');
}

.flag--kh {
    background-image: url('images/flags/flag_kh.webp');
}

.flag--cm {
    background-image: url('images/flags/flag_cm.webp');
}

.flag--ca {
    background-image: url('images/flags/flag_ca.webp');
}

.flag--ky {
    background-image: url('images/flags/flag_ky.webp');
}

.flag--td {
    background-image: url('images/flags/flag_td.webp');
}

.flag--cl {
    background-image: url('images/flags/flag_cl.webp');
}

.flag--cn {
    background-image: url('images/flags/flag_cn.webp');
}

.flag--co {
    background-image: url('images/flags/flag_co.webp');
}

.flag--km {
    background-image: url('images/flags/flag_km.webp');
}

.flag--cr {
    background-image: url('images/flags/flag_cr.webp');
}

.flag--ci {
    background-image: url('images/flags/flag_ci.webp');
}

.flag--hr {
    background-image: url('images/flags/flag_hr.webp');
}

.flag--cu {
    background-image: url('images/flags/flag_cu.webp');
}

.flag--cy {
    background-image: url('images/flags/flag_cy.webp');
}

.flag--cz {
    background-image: url('images/flags/flag_cz.webp');
}

.flag--dk {
    background-image: url('images/flags/flag_dk.webp');
}

.flag--dj {
    background-image: url('images/flags/flag_dj.webp');
}

.flag--dm {
    background-image: url('images/flags/flag_dm.webp');
}

.flag--do {
    background-image: url('images/flags/flag_do.webp');
}

.flag--ec {
    background-image: url('images/flags/flag_ec.webp');
}

.flag--eg {
    background-image: url('images/flags/flag_eg.webp');
}

.flag--sv {
    background-image: url('images/flags/flag_sv.webp');
}

.flag--ee {
    background-image: url('images/flags/flag_ee.webp');
}

.flag--sz {
    background-image: url('images/flags/flag_sz.webp');
}

.flag--et {
    background-image: url('images/flags/flag_et.webp');
}

.flag--fo {
    background-image: url('images/flags/flag_fo.webp');
}

.flag--fj {
    background-image: url('images/flags/flag_fj.webp');
}

.flag--fi {
    background-image: url('images/flags/flag_fi.webp');
}

.flag--fr {
    background-image: url('images/flags/flag_fr.webp');
}

.flag--gm {
    background-image: url('images/flags/flag_gm.webp');
}

.flag--ge {
    background-image: url('images/flags/flag_ge.webp');
}

.flag--de {
    background-image: url('images/flags/flag_de.webp');
}

.flag--gh {
    background-image: url('images/flags/flag_gh.webp');
}

.flag--gi {
    background-image: url('images/flags/flag_gi.webp');
}

.flag--gr {
    background-image: url('images/flags/flag_gr.webp');
}

.flag--gd {
    background-image: url('images/flags/flag_gd.webp');
}

.flag--gt {
    background-image: url('images/flags/flag_gt.webp');
}

.flag--gn {
    background-image: url('images/flags/flag_gn.webp');
}

.flag--ht {
    background-image: url('images/flags/flag_ht.webp');
}

.flag--hn {
    background-image: url('images/flags/flag_hn.webp');
}

.flag--hu {
    background-image: url('images/flags/flag_hu.webp');
}

.flag--is {
    background-image: url('images/flags/flag_is.webp');
}

.flag--in {
    background-image: url('images/flags/flag_in.webp');
}

.flag--id {
    background-image: url('images/flags/flag_id.webp');
}

.flag--ir {
    background-image: url('images/flags/flag_ir.webp');
}

.flag--iq {
    background-image: url('images/flags/flag_iq.webp');
}

.flag--ie {
    background-image: url('images/flags/flag_ie.webp');
}

.flag--il {
    background-image: url('images/flags/flag_il.webp');
}

.flag--it {
    background-image: url('images/flags/flag_it.webp');
}

.flag--jm {
    background-image: url('images/flags/flag_jm.webp');
}

.flag--jp {
    background-image: url('images/flags/flag_jp.webp');
}

.flag--jo {
    background-image: url('images/flags/flag_jo.webp');
}

.flag--kz {
    background-image: url('images/flags/flag_kz.webp');
}

.flag--ke {
    background-image: url('images/flags/flag_ke.webp');
}

.flag--ki {
    background-image: url('images/flags/flag_ki.webp');
}

.flag--kr {
    background-image: url('images/flags/flag_kr.webp');
}

.flag--ks,
.flag--xk {
    background-image: url('images/flags/flag_xk.webp');
}

.flag--kw {
    background-image: url('images/flags/flag_kw.webp');
}

.flag--kg {
    background-image: url('images/flags/flag_kg.webp');
}

.flag--la {
    background-image: url('images/flags/flag_la.webp');
}

.flag--lv {
    background-image: url('images/flags/flag_lv.webp');
}

.flag--lb {
    background-image: url('images/flags/flag_lb.webp');
}

.flag--ls {
    background-image: url('images/flags/flag_ls.webp');
}

.flag--lr {
    background-image: url('images/flags/flag_lr.webp');
}

.flag--ly {
    background-image: url('images/flags/flag_ly.webp');
}

.flag--li {
    background-image: url('images/flags/flag_li.webp');
}

.flag--lt {
    background-image: url('images/flags/flag_lt.webp');
}

.flag--lu {
    background-image: url('images/flags/flag_lu.webp');
}

.flag--mg {
    background-image: url('images/flags/flag_mg.webp');
}

.flag--mw {
    background-image: url('images/flags/flag_mw.webp');
}

.flag--my {
    background-image: url('images/flags/flag_my.webp');
}

.flag--mv {
    background-image: url('images/flags/flag_mv.webp');
}

.flag--ml {
    background-image: url('images/flags/flag_ml.webp');
}

.flag--mt {
    background-image: url('images/flags/flag_mt.webp');
}

.flag--mh {
    background-image: url('images/flags/flag_mh.webp');
}

.flag--mr {
    background-image: url('images/flags/flag_mr.webp');
}

.flag--mu {
    background-image: url('images/flags/flag_mu.webp');
}

.flag--mx {
    background-image: url('images/flags/flag_mx.webp');
}

.flag--fm {
    background-image: url('images/flags/flag_fm.webp');
}

.flag--md {
    background-image: url('images/flags/flag_md.webp');
}

.flag--mc {
    background-image: url('images/flags/flag_mc.webp');
}

.flag--mn {
    background-image: url('images/flags/flag_mn.webp');
}

.flag--me {
    background-image: url('images/flags/flag_me.webp');
}

.flag--ma {
    background-image: url('images/flags/flag_ma.webp');
}

.flag--mz {
    background-image: url('images/flags/flag_mz.webp');
}

.flag--na {
    background-image: url('images/flags/flag_na.webp');
}

.flag--nr {
    background-image: url('images/flags/flag_nr.webp');
}

.flag--np {
    background-image: url('images/flags/flag_np.webp');
}

.flag--nl {
    background-image: url('images/flags/flag_nl.webp');
}

.flag--nz {
    background-image: url('images/flags/flag_nz.webp');
}

.flag--nic {
    background-image: url('images/flags/flag_ni.webp');
}

.flag--ne {
    background-image: url('images/flags/flag_ne.webp');
}

.flag--ng {
    background-image: url('images/flags/flag_ng.webp');
}

.flag--kp {
    background-image: url('images/flags/flag_kp.webp');
}

.flag--mk {
    background-image: url('images/flags/flag_mk.webp');
}

.flag--no {
    background-image: url('images/flags/flag_no.webp');
}

.flag--om {
    background-image: url('images/flags/flag_om.webp');
}

.flag--pk {
    background-image: url('images/flags/flag_pk.webp');
}

.flag--pw {
    background-image: url('images/flags/flag_pw.webp');
}

.flag--pa {
    background-image: url('images/flags/flag_pa.webp');
}

.flag--pg {
    background-image: url('images/flags/flag_pg.webp');
}

.flag--py {
    background-image: url('images/flags/flag_py.webp');
}

.flag--pe {
    background-image: url('images/flags/flag_pe.webp');
}

.flag--ph {
    background-image: url('images/flags/flag_ph.webp');
}

.flag--pl {
    background-image: url('images/flags/flag_pl.webp');
}

.flag--pt {
    background-image: url('images/flags/flag_pt.webp');
}

.flag--qa {
    background-image: url('images/flags/flag_qa.webp');
}

.flag--cg {
    background-image: url('images/flags/flag_cg.webp');
}

.flag--ro {
    background-image: url('images/flags/flag_ro.webp');
}

.flag--ru {
    background-image: url('images/flags/flag_ru.webp');
}

.flag--rw {
    background-image: url('images/flags/flag_rw.webp');
}

.flag--kn {
    background-image: url('images/flags/flag_kn.webp');
}

.flag--lc {
    background-image: url('images/flags/flag_lc.webp');
}

.flag--vc {
    background-image: url('images/flags/flag_vc.webp');
}

.flag--sm {
    background-image: url('images/flags/flag_sm.webp');
}

.flag--st {
    background-image: url('images/flags/flag_st.webp');
}

.flag--sa {
    background-image: url('images/flags/flag_sa.webp');
}

.flag--sn {
    background-image: url('images/flags/flag_sn.webp');
}

.flag--rs {
    background-image: url('images/flags/flag_rs.webp');
}

.flag--sch {
    background-image: url('images/flags/flag_sc.webp');
}

.flag--sl {
    background-image: url('images/flags/flag_sl.webp');
}

.flag--sg {
    background-image: url('images/flags/flag_sg.webp');
}

.flag--sk {
    background-image: url('images/flags/flag_sk.webp');
}

.flag--si {
    background-image: url('images/flags/flag_si.webp');
}

.flag--sb {
    background-image: url('images/flags/flag_sb.webp');
}

.flag--so {
    background-image: url('images/flags/flag_so.webp');
}

.flag--za {
    background-image: url('images/flags/flag_za.webp');
}

.flag--ss {
    background-image: url('images/flags/flag_ss.webp');
}

.flag--es {
    background-image: url('images/flags/flag_es.webp');
}

.flag--lk {
    background-image: url('images/flags/flag_lk.webp');
}

.flag--sr {
    background-image: url('images/flags/flag_sr.webp');
}

.flag--se {
    background-image: url('images/flags/flag_se.webp');
}

.flag--ch {
    background-image: url('images/flags/flag_ch.webp');
}

.flag--sy {
    background-image: url('images/flags/flag_sy.webp');
}

.flag--tj {
    background-image: url('images/flags/flag_tj.webp');
}

.flag--tz {
    background-image: url('images/flags/flag_tz.webp');
}

.flag--th {
    background-image: url('images/flags/flag_th.webp');
}

.flag--tl {
    background-image: url('images/flags/flag_tl.webp');
}

.flag--tg {
    background-image: url('images/flags/flag_tg.webp');
}

.flag--to {
    background-image: url('images/flags/flag_to.webp');
}

.flag--tt {
    background-image: url('images/flags/flag_tt.webp');
}

.flag--tn {
    background-image: url('images/flags/flag_tn.webp');
}

.flag--tr {
    background-image: url('images/flags/flag_tr.webp');
}

.flag--tm {
    background-image: url('images/flags/flag_tm.webp');
}

.flag--tv {
    background-image: url('images/flags/flag_tv.webp');
}

.flag--ug {
    background-image: url('images/flags/flag_ug.webp');
}

.flag--ua {
    background-image: url('images/flags/flag_ua.webp');
}

.flag--ae {
    background-image: url('images/flags/flag_ae.webp');
}

.flag--en,
.flag--gbe {
    background-image: url('images/flags/flag_gbe.webp');
}

.flag--gbs,
.flag--sc {
    background-image: url('images/flags/flag_gbs.webp');
}

.flag-wa,
.flag--gbw {
    background-image: url('images/flags/flag_gbw.webp');
}

.flag--ni,
.flag--gbi {
    background-image: url('images/flags/flag_gbi.webp');
}

.flag--uy {
    background-image: url('images/flags/flag_uy.webp');
}

.flag--uz {
    background-image: url('images/flags/flag_uz.webp');
}

.flag--vu {
    background-image: url('images/flags/flag_vu.webp');
}

.flag--ve {
    background-image: url('images/flags/flag_ve.webp');
}

.flag--vn {
    background-image: url('images/flags/flag_vn.webp');
}

.flag--ye {
    background-image: url('images/flags/flag_ye.webp');
}

.flag--zm {
    background-image: url('images/flags/flag_zm.webp');
}

.flag--zw {
    background-image: url('images/flags/flag_zw.webp');
}

.flag--cw {
    background-image: url('images/flags/flag_cw.webp');
}

.flag--aw {
    background-image: url('images/flags/flag_aw.webp');
}

.flag--ms {
    background-image: url('images/flags/flag_ms.webp');
}

.flag--vg {
    background-image: url('images/flags/flag_vg.webp');
}

.flag--pr {
    background-image: url('images/flags/flag_pr.webp');
}

.flag--ps {
    background-image: url('images/flags/flag_ps.webp');
}

.flag--kof {
    background-image: url('images/flags/ball.svg');
}

.flag--us {
    background-image: url('images/flags/flag_us.webp');
}

.flag--cv {
    background-image: url('images/flags/flag_cv.webp');
}


@media only screen and (min-width: 554px) {
    .news-article-banner {
        height: 243px;
    }
}

@media only screen and (min-width:571px) {
    .default-banner {
        height: 254px;
    }
}

@media (min-width: 601px) {
    .menu-toggle {
        display: none;
    }

    .news-item {
        width: 48%;
    }
}

@media only screen and (min-width: 683px) {
    .news-article-banner {
        height: 299px;
    }
}

@media only screen and (min-width:768px) {
    .news-article-banner {
        height: 364px;
    }

    span.score-prediction {
        font-size: 37px;
    }

    .cta-main-container {
        padding: 25px 20% 25px 20%;
    }
}


@media (min-width: 768px) and (max-width: 900px) {
    footer {
        padding: 86px 4px 0 30px;
    }
}

@media only screen and (min-width:1024px) {
    .default-banner {
        height: 350px;
    }

    .bookmakers_table {
        width: 50% !important;
    }
}

@media (max-width: 1530px) {
    .container--body {
        width: 100%;
    }
}

@media (max-width: 1450px) {
    .container_stadiums {
        max-width: 880px;
    }

    .wm2026_list--nachrichten {
        max-width: 880px;
    }

    .container--main {
        padding: 84px;
    }

    .list--groups {
        column-count: 4;
    }

    .container--light,
    .container--medium {
        width: 950px;
    }
}

@media (max-width: 1380px) {
    header {
        padding: 24px;
    }

    .container--main,
    .container--dark {
        padding: 24px;
    }

    .container--light,
    .container--medium {
        width: 900px;
    }

    h2 {
        font-size: 32px;
    }

    .wm2026_table--results a {
        font-size: 12px;
    }
}

@media (max-width: 1278px) {

    .container--light,
    .container--medium {
        width: 800px;
    }

    .wm2026_list--wichtig li small {
        font-size: 14px;
    }

    .wm2026_list--wichtig li span {
        font-size: 24px;
    }
}

@media (max-width: 1160px) {

    .container--light,
    .container--medium {
        width: 700px;
    }

    .wm2026-countdown span {
        width: 80px;
        font-size: 48px;
    }

    .container--countdown h3 {
        display: none;
    }
}

@media (max-width: 1060px) {
    h1 {
        font-size: 48px;
    }

    aside {
        display: none;
    }

    .container--light,
    .container--medium {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .col-2 {
        flex-direction: column-reverse;
        margin: 0 auto;
        width: 50%;
        height: 83vh;
    }

    .image-wrapper {
        border-radius: 25px 25px 0px 0px;
        width: 100%;
    }

    .content-wrapper {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        align-items: center;
        padding-bottom: 25px;
    }

    .content-wrapper h1 {
        text-align: center;
    }
}

@media (max-width:768px) {
    .popular-links {
        flex-direction: column;
        align-items: center;
    }

    .anchors-404 {
        width: 147px;
    }
}

@media (max-width: 767px) {
    .card--quote p {
        font-size: 12px;
    }

    .card--quote strong {
        font-size: 18px;
    }

    figure {
        width: 100% !important;
    }

    .providers-container {
        overflow: scroll;
    }

    .providers-nav {
        display: none;
    }
}

@media (max-width:683px) {
    .odds-container {
        height: 189px;
    }

    .slide {
        height: 189px;
        flex-direction: row;
    }

    .team {
        height: 202px;
        flex-direction: column;
    }

    .team-b {
        flex-direction: column;
        padding-left: 0px;
    }

    .odds-btn {
        margin-top: 11px;
        width: 100%;
        font-size: 11px;
    }

    .right {
        margin-right: 0px;
    }

    .badge-right {
        margin-top: 20px;
        margin-right: 0px;
    }

    .badge-left {
        margin-top: 20px;
        margin-left: 0px;
    }

    .team-a {
        padding-right: 0px;
    }

    .odds {
        font-size: 13px;
    }

    .badge {
        min-width: 75px;
        min-height: 75px;
    }

    .left {
        margin-left: 0px;
    }
}

@media (max-width: 600px) {
    .main-navigation {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    h1.u-light,
    .header_subheading {
        width: auto;
        align-self: stretch;
    }

    .btn_upcoming_prev,
    .btn_upcoming_next {
        display: none;
    }

    .upcoming {
        overflow-x: scroll;
    }

    main {
        width: 100%;
    }

    .list--venues {
        flex-wrap: nowrap;
        gap: 16px;
        overflow-x: scroll;
    }

    .list--venues li {
        min-width: 172px;
    }

    .wm2026_list--wichtig {
        flex-direction: column;
    }

    .wm2026_list--nachrichten a {
        text-decoration: none;
    }

    footer {
        flex-wrap: wrap;
        background: var(--color-primary-blue);
        width: auto;
        padding: 40px 16px 24px 16px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
    }

    .footer_column a,
    .footer_column a:visited {
        font-size: 14px;
    }

    .subarea__games,
    .subarea__venues {
        display: none;
    }

    .btn--light {
        width: 100%;
    }
}

@media only screen and (max-width:570px) {
    .default-banner {
        height: 209px;
    }
}

@media (max-width:569px) {
    .content-active {
        height: 199px !important;
    }

    .bread-crumb-wrapper {
        margin-bottom: -9px;
        margin-top: -9px;
    }

    .main-logo-wrapper {
        left: 16%;
    }

    header.single-page {
        padding: 7px;
    }

    .single-page .menu-toggle {
        top: 19px;
    }

    .title-backdrop h1 {
        font-size: 16px;
    }

    main li {
        font-size: 16px;
    }

    .wm2026_list--nachrichten {
        flex-wrap: wrap;
    }

    .container--countdown>.main-header {
        font-size: 30px;
    }

    .qualifier_main_title {
        font-size: 27px;
    }

    .sport-titles {
        font-size: 27px;
    }

    .white-container {
        padding: 12px;
    }

    .container--light {
        padding: 12px;
    }

    .news_article_grid_item {
        flex: 100%;
    }

    .container--medium {
        padding: 12px;
    }

    main p {
        font-size: 16px;
    }

    .flag-top-layout>span {
        font-size: 15px;
    }

    h1 {
        font-size: 30px;
    }

    .container--medium>p {
        font-size: 16px;
    }

    .wm2026_list--nachrichten p {
        font-size: 16px;
    }

    .news-item-heading {
        font-size: 21px;
    }

    .container--light p {
        font-size: 16px;
    }

    p.u-light {
        font-size: 16px;
    }

    h3 {
        font-size: 18px;
    }

    h2 {
        font-size: 20px;
    }

    .col-2 {
        width: 88%;
        height: 81vh;
    }

    .wm2026-countdown {
        text-shadow: 2px 2px 4px var(--color-black);
    }

    .container--countdown h2,
    .container--countdown h3 {
        text-shadow: 2px 2px 4px var(--color-black);
    }

    .container--countdown {
        height: 421px;
    }

    .container--medium.container--countdown {
        background-position: 76%;
    }

    .stadium-info {
        flex-direction: column;
    }

    .gmap-container {
        flex-direction: column;
    }

    .gmap-half {
        width: 100%;
        margin-bottom: 20px;
    }

    .stadium-hero span {
        text-align: center;
    }

    .predictions-container {
        padding: 12px;
    }

    .upper-fold {
        display: none !important;
    }

    .upper-fold-mobile {
        display: flex;
    }

    .prediction-container {
        width: 100%;
    }

    .bar {
        position: relative;
        left: 0;
        bottom: 0;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .wm2026-countdown span {
        width: 80px;
        font-size: 25px;
    }

    .download_cta {
        width: 100%;
    }

    .news-feeds-banner {
        height: 78px;
    }

    .team-fixture {
        width: 100%;
    }

    .main li {
        font-size: 13px;
    }

    .container--main,
    .container--dark {
        padding: 15px 24px;
    }

    main {
        gap: 15px;
    }
}

@media only screen and (max-width: 553px) {
    .news-article-banner {
        height: 192px;
    }
}

@media (max-width:375px) {
    .wm2026-countdown span {
        width: 70px;
        font-size: 18px;
    }
}