/*
Theme Name: MTV-Allianz
Author: URBAN PROPAGANDA Communications GmbH
Author URI: https://urban-propaganda.de/
Description: Custom responsive theme.
Version: 0.9.3
Tags: php8, wp7
Text Domain: mtvallianz
*/

@charset "UTF-8";

:root {
	--text-color: #000000;
	--text-hover-color: #e80022;
	--text-primary-color: #213948;
	--text-secondary-color: #00fed2;
	
	--text-light: #ffffff;
	--text-dark: #000000;
	
	--line-color: #648c9c;
	--background-color: #d8e4ee;

	--bar-text-color: #d8e4ee;
	--bar-background-color: #001830;

	--button-background-color: #00468e;
	--button-text-color: #d8e4ee;
}

@font-face {
	font-family: "Outfit";
	src: url("fonts/outfit/Outfit-Variable.ttf") format('truetype-variations');
	font-style: normal;
	font-weight: 400 500 700;
	font-display: swap;
}

html, body {
    height: 100%;
}

html {
	scrollbar-gutter: stable;
}

body {
	background-color: #eee;
	overflow-y: scroll;
}

body, button, input, select, textarea {
    font-family: 'Outfit', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--text-color);
}

textarea {
	resize: vertical;
}

* {
	box-sizing: border-box;
	outline: none;
	margin: 0;
	padding: 0;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: none;
	appearance: none;
}

b, strong {
	font-weight: 700;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    font-family: 'Outfit', sans-serif;
	color: var(--text-color);
	font-weight: 400;
}
.textlight h1, .textlight .h1, .textlight h2, .textlight .h2, .textlight h3, .textlight .h3,
.textlight h4, .textlight .h4, .textlight h5, .textlight .h5 {
	color: var(--text-light);
}
.textlight svg path {
	fill: var(--text-light);
}
.textdark h1, .textdark .h1, .textdark h2, .textdark .h2, .textdark h3, .textdark .h3,
.textdark h4, .textdark .h4, .textdark h5, .textdark .h5 {
	color: var(--text-dark);
}
.textdark svg path {
	fill: var(--text-dark);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, p, ul, ol {
	margin-bottom: 20px;
}
h1, .h1 {
	font-size: 42px;
	line-height: 50px;
}
h2, .h2 {
	font-size: 34px;
	line-height: 42px;
}
h3, .h3 {
	font-size: 24px;
	line-height: 32px;
}
h4, .h4 {
	font-size: 20px;
	line-height: 28px;
}
h5, .h5 {
	font-size: 18px;
	line-height: 26px;
}

ul, ol {
	padding-left: 12px;
}

a {
	color: var(--text-color);
	text-decoration: none;
	transition: all 0.3s;
}
a:hover {
	color: var(--text-hover-color);
	text-decoration: none;
}

.imgresponsive {
	display: block;
	width: 100%;
	height: auto;
}
.imgrounded {
	border-radius: 20px;
	overflow: hidden;
}
.imground {
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#main {
	min-height: 50vh;
}


/* Content */
.c-content {
	width: 100%;
/*	max-width: 1920px; */
	margin: 0 auto;
	background-color: var(--background-color);
}
.c-content-center {
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
}
.c-content-narrow {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
.c-content-inner {
	padding: 0 120px;
}
.c-line-top {
	border-top: 2px solid var(--text-color);
}
.c-line-bottom {
	border-bottom: 2px solid var(--text-color);
}
.c-line-all {
	border: 2px solid var(--line-color);
	padding: 40px;
}
.c-line-fill {
	border: 2px solid var(--line-color);
	padding: 40px;
	background-color: var(--line-color);
}
.c-line-primary {
	border: 1px solid var(--text-primary-color);
}
.c-line-column {
	display: flex;
	flex-direction: column;
}
.c-line-column-bottom {
	margin-top: auto;
	background-color: #e3ecea;
	padding: 20px;
	border-top: 1px solid var(--text-primary-color);
}
.c-line-tobottom {
	position: relative;
	padding-bottom: 54px !important;
}
.c-line-tobottom .tobottom {
	position: absolute;
	right: 40px;
	bottom: 40px;
	left: 40px;
}
.c-quote {
	display: block;
	padding: 10px 20px;
	border-left: 2px solid var(--text-color);
	margin-bottom: 20px;
	background-color: rgba(0,0,0,0.1);
}
/* /Content */


/* Spacers */
.c-spacer {
	height: 30px;
}
.c-spacer-halfhalf,
.c-spacer-small {
	height: 10px;
}
.c-spacer-half {
	height: 20px;
}
.c-spacer-double {
	height: 60px;
}
.c-spacer-section {
	height: 120px;
}
.c-spacer-header {
	height: 0;
}
/* /Spacers */


/* Formatting */
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}
.textleft {
	text-align: left;
}
.textsmall {
	font-size: 12px;
	line-height: 17px;
}
.textbody {
	font-size: 18px;
	line-height: 26px;
}
.textlarge {
	font-size: 72px;
	line-height: 72px;
	font-weight: 600;
}
.textupper {
	text-transform: uppercase;
}
.textunderline {
	text-decoration: underline;
}
.textunderlined {
	border-bottom: 2px solid var(--text-color);
}
.textbold {
	font-weight: 600;
}
.textcolor {
	color: var(--text-color);
}
.textprimary {
	color: var(--text-primary-color);
}
.textsecondary {
	color: var(--text-secondary-color);
}
.texttertiary {
	color: var(--text-tertiary-color);
}
.textlight {
	color: var(--text-light);
}
.textlight a:not(.urban-button) {
	color: var(--text-light);
}
.textlight a:not(.urban-button):hover {
	color: var(--text-hover-color);
}
.textgray {
	color: #888;
}
.textdark {
	color: var(--text-dark);
}
.textgreen {
	color: #00bf00;
}
.textnowrap {
	white-space: nowrap;
}
/* /Formatting */


/* Grid */
.c-grid {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	grid-column-gap: 30px;
	grid-row-gap: 60px;
}
.c-grid-nested {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	grid-column-gap: 30px;
	grid-row-gap: 60px;
}
.c-grid-1-10-1 {
	grid-template-columns: 1fr 10fr 1fr;
}
.c-grid-1-5-1-4-1 {
	grid-template-columns: 1fr 5fr 1fr 4fr 1fr;
	grid-column-gap: 0;
	grid-row-gap: 0;
}
.c-grid-6-6,
.c-grid-6-6-ever {
	grid-template-columns: repeat(2, 1fr);
}
.c-grid-4-4-4 {
	grid-template-columns: repeat(3, 1fr);
}
.c-grid-2-2-2-2-2-2,
.c-grid-2-2-2-2-2-2-ever {
	grid-template-columns: repeat(6, 1fr);
}
.c-grid-2-8-2 {
	grid-template-columns: 2fr 8fr 2fr;
}
.c-grid-3-1-8 {
	grid-template-columns: 3fr 1fr 8fr;
}
.c-grid-3-6-3 {
	grid-template-columns: 3fr 6fr 3fr;
}
.c-grid-4-1-7 {
	grid-template-columns: 4fr 1fr 7fr;
}
.c-grid-3-3-3-3 {
	grid-template-columns: repeat(4, 1fr);
}
.c-grid-5-1-6 {
	grid-template-columns: 5fr 1fr 6fr;
}
.c-grid-5-2-5 {
	grid-template-columns: 5fr 2fr 5fr;
}
.c-grid-6-2-4 {
	grid-template-columns: 6fr 2fr 4fr;
}
.c-grid-6-3-3 {
	grid-template-columns: 6fr 3fr 3fr;
}
.c-grid-6-1-5 {
	grid-template-columns: 6fr 1fr 5fr;
}
.c-grid-3-3-6 {
	grid-template-columns: 3fr 3fr 6fr;
}
.c-grid-7-1-4 {
	grid-template-columns: 7fr 1fr 4fr;
}
.c-grid-8-1-3 {
	grid-template-columns: 8fr 1fr 3fr;
}
.c-grid-8-4,
.c-grid-8-4-ever {
	grid-template-columns: 8fr 4fr;
}
.c-grid-4-8 {
	grid-template-columns: 4fr 8fr;
}
.c-grid-5-7,
.c-grid-5-7-ever {
	grid-template-columns: 5fr 7fr;
}
.c-grid-7-5,
.c-grid-7-5-ever {
	grid-template-columns: 7fr 5fr;
}
.c-grid-9-3 {
	grid-template-columns: 9fr 3fr;
}
.c-grid-3-9 {
	grid-template-columns: 3fr 9fr;
}
.c-grid-2-10 {
	grid-template-columns: 1fr 5fr;
}
.c-grid-10-2 {
	grid-template-columns: 5fr 1fr;
}
.c-grid-gap {
	grid-column-gap: 30px;
	grid-row-gap: 60px;
}
.c-grid-gap-double {
	grid-column-gap: 60px;
	grid-row-gap: 120px;
}
.c-grid-nogap {
	grid-column-gap: 0 !important;
	grid-row-gap: 0 !important;
}
.c-grid--1 {
	margin-bottom: -1px;
}
.c-col-line-top {
	border-top: 1px solid var(--line-color);
}
.c-col-line-right {
	border-right: 1px solid var(--line-color);
}
.c-col-line-bottom {
	border-bottom: 1px solid var(--line-color);
}
.c-col-line-left {
	border-left: 1px solid var(--line-color);
}
.c-col-center {
	place-self: center;
	width: 100%;
}
.c-col-end {
	place-self: end;
	width: 100%;
}
/* /Grid */


/* Button */
.urban-button {
	display: inline-block;
	height: 50px;
	border: 2px solid var(--button-background-color);
	background-color: var(--button-background-color);
	color: var(--button-text-color);
	padding: 8px 20px;
	line-height: 28px;
	white-space: nowrap;
	border-radius: 25px;
	font-weight: 400;
	font-size: 16px;
    font-family: 'Outfit', sans-serif;
	letter-spacing: 1px;
	margin-right: 20px;
	margin-bottom: 10px;
	justify-content: center;
	vertical-align: middle;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.2s;
}

.urban-button-white {
	border: 2px solid #fff;
	background-color: #fff;
	color: var(--text-color);
}

.urban-button-outline {
	background-color: transparent;
	color: var(--button-background-color);
}
.urban-button-white.urban-button-outline {
	background-color: transparent;
	border-color: var(--text-light);
	color: var(--text-light);
}
.urban-button-white.urban-button-outline:hover {
	background-color: var(--text-hover-color);
	border-color: var(--text-hover-color);
	color: var(--text-light) !important;
}

.urban-button-search {
	position: relative;
	padding-left: 46px;
}
.urban-button-search svg {
	position: absolute;
	top: 0;
	left: 20px;
	width: 18px;
	height: 48px;
}
.urban-button-search svg path {
	fill: var(--button-text-color);
}

.urban-button-partner {
	position: relative;
	padding-left: 68px;
}
.urban-button-partner svg {
	position: absolute;
	top: 0;
	left: 20px;
	width: 36px;
	height: 48px;
}
.urban-button-partner svg path {
	fill: var(--button-text-color);
}

.urban-button-fanshop {
	position: relative;
	padding-left: 50px;
}
.urban-button-fanshop svg {
	position: absolute;
	top: 0;
	left: 20px;
	width: 18px;
	height: 44px;
}
.urban-button-fanshop svg path {
	fill: var(--button-text-color);
}

.urban-button-tickets {
	position: relative;
	padding-left: 60px;
}
.urban-button-tickets svg {
	position: absolute;
	top: 0;
	left: 20px;
	width: 28px;
	height: 44px;
}
.urban-button-tickets svg path {
	fill: var(--button-text-color);
}

.urban-button-disabled {
	pointer-events: none;
	opacity: 0.1;
}

.urban-button:hover {
	border-color: var(--text-hover-color);
	background-color: var(--text-hover-color);
	color: #fff;
	font-weight: 400;
	text-decoration: none;
}
/*
.urban-button-outline:hover {
	background-color: transparent;
	border-color: var(--text-hover-color);
	color: var(--text-hover-color);
}
*/
.urban-button-link {
	display: inline-block;
	position: relative;
	padding-right: 48px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
}
.urban-button-link svg {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 20px;
	width: 16px;
	height: 26px;
}
.urban-button-link svg path {
	fill: var(--text-color);
	transition: all 0.2s;
}
.urban-button-link:hover {
	color: var(--text-hover-color);
}
.urban-button-link:hover svg path {
	fill: var(--text-hover-color);
}
/* /Button */


/* Header Ticker */
#headertickerwrapper {
    width: 100%;
    overflow: hidden;
	background-color: var(--button-background-color);
}
#headertickerwrapper a {
    display: block;
    text-decoration: none;
}
#headerticker {
    display: flex;
    width: max-content;
    animation: headerticker-scroll var(--ticker-duration, 30s) linear infinite;
	height: 40px;
}
.headertickertext {
    flex: 0 0 auto;
    white-space: nowrap;
    padding-right: 0; /* gap between repeats */
	color: var(--bar-text-color);
	line-height: 40px;
	font-size: 16px;
}
#headertickerwrapper:hover #headerticker {
    animation-play-state: paused;
}
@keyframes headerticker-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
    #headerticker { animation: none; }
}
/* /Header Ticker */


/* Top Header */
#headertop {
	height: 40px;
	background-color: var(--bar-background-color);
}
#headertopwrapper {
	color: #fff;
	font-size: 12px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
}
#headertopcontent {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#headertopmenu {
	display: inline-block;
}
#headertopmenu ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
}
#headertopmenu ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#headertopmenu ul li a {
	color: var(--bar-text-color);
	text-decoration: none;
	display: inline-block;
	margin-left: 40px;
	padding: 0;
	font-size: 14px;
	transition: color 0.2s;
}
#headertopmenu ul li a:hover {
	color: var(--text-hover-color);
	text-decoration: none;
}
#headertopsocial {
	display: inline-block;
}
#headertopsocial ul {
    display: flex;
	height: 40px;
    margin: 0 0 0 24px;
    padding: 0;
    list-style: none;
    align-items: center;
}
#headertopsocial ul li {
	display: inline-block;
	height: 40px;
	margin: 0;
	padding: 0;
}
#headertopsocial .headerfollowbutton {
	display: inline-block;
	width: 22px;
	height: 40px;
	margin-left: 16px;
	text-decoration: none;
}
#headertopsocial .headerfollowbutton svg {
	display: inline-block;
	width: 22px;
	height: 40px;
}
#headertopsocial ul li .headerfollowbutton svg path {
	fill: var(--bar-text-color);
	transition: all 0.2s;
}
#headertopsocial ul li .headerfollowbutton:hover svg path {
	fill: var(--text-hover-color);
}
/* Top Header */


/* Header Bar */
#headerbar {
	background-color: #fff;
}
#headerbargrid {
	display: grid;
	grid-template-columns: 72px 1fr 87px 98px auto;
	grid-template-rows: 1fr;
	grid-column-gap: 40px;
	grid-row-gap: 0px; 
}
.header-logo a {
	display: block;
}
.header-logo a svg {
	display: block;
	width: 72px;
	height: 72px;
}

.logo-allianz {
	display: block;
	width: 87px;
}
.logo-allianz img {
	display: block;
	width: 87px;
	height: auto;
}
.logo-scharr {
	display: block;
	width: 98px;
}
.logo-scharr img {
	display: block;
	width: 98px;
	height: auto;
}

#headermenu {
	height: 114px;
}
#headermenu ul {
	list-style-type: none;
	display: inline-block;
	text-align: left;
	height: 64px;
	padding: 0;
	margin-top: 30px;
}
#headermenu ul li {
	display: inline-block;
	position: relative;
}
#headermenu ul li a {
	color: #000;
	opacity: 1;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 64px;
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
	margin-right: 32px;
	white-space: nowrap;
	transition: all 0.3s;
}
#headermenu ul li:hover > a {
	opacity: 0.75;
	text-decoration: none;
	color: var(--text-hover-color);
}
#headermenu ul li:hover ul li a {
	opacity: 1;
	text-decoration: none;
}
#headermenu ul li ul {
	position: absolute;
	top: 24px;
	left: 0;
	width: 400px;
	height: auto;
	opacity: 0;
	visibility: hidden;
	transform: translate(-20px, 100px);
	transition: all 0.3s;
	pointer-events: none;
	padding-left: 160px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
	min-height: 192px;
	background-color: #eee;
}
#headermenu ul li ul:before {
    --arrow-h: 10px;   /* arrow height */
    --arrow-w: 20px;   /* arrow base width */
    --arrow-x: 40px;   /* arrow tip position from the left edge */
	content: '';
	position: absolute;
	top: -10px;
	left: 0;
	width: 160px;
	height: calc(100% + 10px);
	border-bottom-left-radius: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #ccc;
    clip-path: polygon(
		0 var(--arrow-h),
		calc(var(--arrow-x) - var(--arrow-w) / 2) var(--arrow-h),
		var(--arrow-x) 0,                                          /* tip */
		calc(var(--arrow-x) + var(--arrow-w) / 2) var(--arrow-h),
		100% var(--arrow-h),
		100% 100%,
		0 100%
    );
}
#headermenu ul li:hover ul {
	transform: translate(-20px, 0);
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	background-color: rgba(255,255,255,0.5);
	backdrop-filter: blur(10px);
}
#headermenu ul li ul li {
	position: static;
	width: 240px;
	display: block;
	background-color: transparent;
	border-bottom: 1px solid #eee;
}
#headermenu ul li ul li:first-of-type,
#headermenu ul li ul li:first-of-type a {
	border-top-right-radius: 10px;
}
#headermenu ul li ul li:last-of-type,
#headermenu ul li ul li:last-of-type a {
	border-bottom-right-radius: 10px;
}
#headermenu ul li ul li a {
	color: #121212;
	line-height: 48px;
	margin-right: 0;
	display: block;
	padding: 0 20px;
	text-align: left;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.3s;
	opacity: 1;
}
#headermenu ul li ul li:hover a {
	color: #fff;
	text-decoration: none;
	background-color: var(--text-hover-color);
	opacity: 1;
}
body.mobile-header #headermenu {
	pointer-events: none;
	opacity: 0;
}
@media only screen and (max-width: 768px) {
	.header-logo a svg {
		display: block;
		width: 60px;
		height: 80px;
	}
	#headerbargrid {
		grid-template-columns: 1fr 87px 98px;
		grid-column-gap: 20px;
	}
	#headerbar .c-col-menu,
	#headerbar .c-col-search {
		display: none;
	}
}
/* /Header Bar */


/* Mobile Menu */
#mobilemenu {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99;
	background-color: var(--bar-background-color);
	padding: 20px;
	border-radius: 0 0 20px 20px;
	transform: translateY(-100%);
	visibility: hidden;
	transition: all 0.2s;
	transition-delay: 0.4s;
}
body.mobilemenu-active #mobilemenu {
	transform: translateY(0);
	visibility: visible;
}
#mobilemenu ul.menu {
	list-style-type: none;
	display: block;
	border-radius: 20px;
	overflow: hidden;
	padding: 0;
}
#mobilemenu ul.menu li {
	display: block;
}
#mobilemenu ul.menu li ul.sub-menu {
	display: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
}
#mobilemenu ul.menu li a {
	position: relative;
	display: block;
	line-height: 48px;
	padding: 0 48px 0 20px;
	font-weight: 400;
	font-size: 20px;
	background-color: #b2c9de;
}
#mobilemenu ul.menu li ul.sub-menu a {
	font-size: 18px;
	font-weight: 400;
	background-color: var(--bar-text-color);
	padding: 0 20px 0 40px;
}
#mobilemenu ul.menu li.menu-item-has-children > a:after {
	position: absolute;
	content: '+';
	font-size: 28px;
	font-weight: 400;
	line-height: 48px;
	top: 0;
	right: 20px;
}
#mobilemenu ul.menu li.menu-item-has-children.active > a:after {
	content: '−';
}
#mobilemenusearch {
	margin-bottom: 20px;
}
#mobilemenusearch .search-form {
	position: relative;
	display: block;
}
#mobilemenusearch .search-submit {
	position: absolute;
	top: 0;
	left: 20px;
	height: 60px;
	width: 24px;
	border: none;
	background-color: transparent;
	cursor: pointer;
}
#mobilemenusearch .search-submit svg {
	display: inline-block;
	width: 24px;
	height: 60px;
}
#mobilemenusearch .search-submit svg path {
	fill: #fff;
}
#mobilemenusearch .search-field {
	width: 100%;
	height: 60px;
	border-radius: 30px;
	color: #fff;
	font-size: 18px;
	padding: 0 20px 0 56px;
	background-color: transparent;
	border: 2px solid #fff;
}
#mobilemenusearch .search-field::placeholder {
	opacity: 1;
	color: #fff;
}
#mobilemenutools .mobilebarmenu {
	display: block;
	text-align: center;
	background-color: transparent;
	padding: 0;
}
#mobilemenutools .mobilebarmenu ul {
	display: inline-block;
	border-radius: 0;
}
body.mobile-header #mobilemenu {
	display: block;
}
/* /Mobile Menu */


/* Mobile Menu Icons */
#mobilebar {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	left: 20px;
	text-align: center;
	transform: translateY(0);
	visibility: visible;
	transition: all 0.2s;
	transition-delay: 0.2s;
	z-index: 10;
}
.mobilebarmenu {
	display: inline-block;
	background-color: var(--bar-background-color);
	padding: 10px;
	border-radius: 35px;
}
.mobilebarmenu ul {
	display: inline-block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.mobilebarmenu ul li {
	display: inline-block;
}
.mobilebarmenu ul li.mobilebarmenuleft {
	padding-right: 10px;
	border-right: 2px solid var(--background-color);
}
.mobilebarmenu ul li.mobilebarmenuright {
	padding-left: 10px;
}
.mobilebarmenu ul li a {
	position: relative;
	display: inline-block;
}
.mobilebarmenu a.menutoggle {
	padding-left: 50px;
}
.mobilebarmenu a.menutoggle div.menubuttonicon {
	position: absolute;
	top: 15px;
	left: 20px;
	display: inline-block;
	width: 16px;
	height: 16px;
}
.mobilebarmenu a.menutoggle div.menubutton {
	position: relative;
	width: 16px;
	height: 16px;
}
.mobilebarmenu a.menutoggle div.menubutton span {
	position: absolute;
	right: 0;
	left: 0;
	height: 2px;
	background-color: var(--text-color);
	transition: all 0.2s;
}
.mobilebarmenu a.menutoggle div.menubutton span.a1 {
	top: 0;
}
.mobilebarmenu a.menutoggle div.menubutton span.a2 {
	opacity: 1;
	top: 7px;
}
.mobilebarmenu a.menutoggle div.menubutton span.a3 {
	bottom: 0;
}
.mobilebarmenu a.menutoggle:hover div.menubutton span {
	background-color: #fff;
}
.mobilebarmenu a.menutickets {
	padding-left: 60px;
}
.mobilebarmenu a.menutickets svg {
	position: absolute;
	top: 0;
	left: 20px;
	display: inline-block;
	width: 28px;
	height: 48px;
}
.mobilebarmenu a.menutickets svg path {
	fill: var(--text-color);
	transition: all 0.2s;
}
.mobilebarmenu a.menutickets:hover svg path {
	fill: #fff;
}
body.mobile-header #mobilebar {
	display: block;
}
body.mobilemenu-active #mobilebar {
	transform: translateY(calc(100% + 20px));
	visibility: hidden;
}
body.mobilemenu-active .mobilebarmenu a.menutoggle div.menubutton span.a1 {
	top: 7px;
	transform: rotate(-45deg);
}
body.mobilemenu-active .mobilebarmenu a.menutoggle div.menubutton span.a2 {
	opacity: 0;
}
body.mobilemenu-active .mobilebarmenu a.menutoggle div.menubutton span.a3 {
	bottom: 7px;
	transform: rotate(45deg);
}
/* /Mobile Menu Icons */


/* Pagination */
.navigation.pagination .screen-reader-text {
	display: none;
}
.navigation.pagination .nav-links .page-numbers {
	display: inline-block;
	text-decoration: none;
	padding: 0 20px;
	line-height: 28px;
	height: 32px;
	background-color: transparent;
	color: #333;
	border: 2px solid var(--text-color);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
.navigation.pagination .nav-links .page-numbers.current {
	background-color: var(--text-color);
	color: #fff;
}
.navigation.pagination .nav-links .page-numbers:hover {
	border: 2px solid var(--text-primary-color) !important;
	color: var(--text-primary-color) !important;
}
.navigation.pagination .nav-links .page-numbers.current:hover {
	border: 2px solid var(--text-primary-color) !important;
	background-color: var(--text-primary-color) !important;
	color: #fff !important;
}
/* /Pagination */


/* Team */
.team-section {
	position: relative;
	margin-top: -20px;
	background-color: var(--bar-background-color);
	border-radius: 20px;
}
.team-details-grid {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px; 
}
.team-details-grid-nav {
	place-self: end;
	width: 100%;
}
.team-details-grid-nav svg {
	display: inline-block;
	width: 38px;
	height: 38px;
	margin-left: 10px;
	cursor: pointer;
}
.team-details-grid-nav svg path {
	fill: #fff;
	transition: all 0.2s;
}
.team-details-grid-nav svg:hover path {
	fill: var(--text-hover-color);
}
.team-items {
	overflow: hidden;
	width: 100%;
	touch-action: pan-y;
	cursor: grab;
	user-select: none;
}
.team-items.is-dragging {
	cursor: grabbing;
}
.team-items-track {
	display: flex;
	gap: 30px;
	width: max-content;
	will-change: transform;
}
.team-member-item {
	flex: 0 0 300px;
	width: 300px;
	padding: 30px 0;
}
.team-member-item a {
	display: block;
	height: 100%;
	overflow: hidden;
	background-color: #b2c9de;
	border-radius: 20px;
	transition: transform 0.4s ease;
}
.team-member-inner {
	position: relative;
	padding: 20px 20px 60px 20px;
	height: 100%;
}
.team-member-image {
	width: 100%;
	padding-bottom: 100%;
	background-color: #d8e4ee;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 20px;
}
.team-member-name {
	text-align: center;
}
.team-member-position {
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
}
.team-member-link {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	text-align: right;
}
.team-member-item .urban-button-link {
	color: var(--text-color);
	transition: 0.2s;
}
.team-member-item a:hover {
	color: var(--text-color);
	transform: scale(1.05);
}
.team-member-item a:hover .urban-button-link {
	color: var(--text-hover-color);
}
.team-member-item a .urban-button-link svg path {
	fill: var(--text-color);
	transition: 0.2s;
}
.team-member-item a:hover .urban-button-link svg path {
	fill: var(--text-hover-color);
}
.team-items-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}
.team-items-list .team-member-item {
	flex: initial;
	width: auto;
	padding: 0;
}
@media all and (max-width: 1024px) {
	.team-items-list {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
}
@media all and (max-width: 480px) {
	.team-items-list {
		grid-template-columns: 100%;
		grid-column-gap: 0;
		grid-row-gap: 20px;
	}
}
/* /Team */


/* Post-it */
.post-it {
	position: fixed;
	z-index: 98;
	right: 0;
	width: 0;
	height: 0;
}
.post-it.post-it-top {
	top: 120px;
	bottom: auto;
}
.post-it.post-it-bottom {
	top: auto;
	bottom: 150px;
}
.post-it .post-it-wrapper {
	position: relative;
	width: 0;
	height: 0;
}
.post-it .post-it-inner {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 420px;
	transform: translateX(100%);
	transition: all 0.3s;
	opacity: 0;
	margin: 0;
	padding: 30px 50px 30px 40px;
	background-color: #f9dde0;
	border-radius: 20px 0 0 20px;
}
.post-it.post-it-top .post-it-inner {
	top: 0;
	right: 0;
	bottom: auto;
}
.post-it .post-it-inner::after {
	content: '✕';
	position: absolute;
	top: 20px;
	right: 20px;
	color: #888;
	cursor: pointer;
}
.post-it.active .post-it-inner {
	opacity: 1;
	transform: translateX(0);
}
/* /Post-it */


/* FAQ */
.faq-item {
	background-color: #fff;
	margin-bottom: 10px;
	border-radius: 20px;
}
.faq-item-inner {
	padding: 20px 30px;
}
.faq-item-title {
	position: relative;
	padding-right: 48px;
	cursor: pointer;
}
.faq-item-title h5 {
	transition: color 0.3s;
}
.faq-item-arrow {
	position: absolute;
	top: 6px;
	right: 4px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	pointer-events: none;
	text-align: right;
}
.faq-item-arrow svg {
	display: inline-block;
	width: 18px;
	height: 18px;
	transform: rotate(90deg);
	transition: all 0.3s;
}
.faq-item-arrow svg path {
	fill: var(--text-color);
}
.faq-item-title:hover .faq-item-arrow svg path {
	fill: var(--text-hover-color);
}
.faq-item-title:hover {
	color: var(--text-hover-color);
}
.faq-item-content {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.35s ease;
}
.faq-item-content-inner {
	overflow: hidden;
	min-height: 0;
}
.faq-item.active .faq-item-arrow svg {
	transform: rotate(-90deg);
}
.faq-item.active .faq-item-content {
	grid-template-rows: 1fr;
}
/* /FAQ */


/* CF7 */
.wpcf7 .screen-reader-response {
	display: none;
}
.wpcf7 .hidden-fields-container {
	opacity: 0;
}
.wpcf7 .wpcf7-text {
	display: block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	border: 2px solid #ccc;
	padding: 0 10px;
	background-color: transparent;
}
.wpcf7 .wpcf7-text:focus{
	outline: none;
	border-color: var(--line-color);
}
.wpcf7 .wpcf7-text:not(:placeholder-shown){
	border-color: var(--line-color);
}
.wpcf7 .wpcf7-textarea {
	display: block;
	width: 100%;
	line-height: 24px;
	border: 2px solid #ccc;
	padding: 10px;
	background-color: transparent;
}
.wpcf7 .wpcf7-textarea:focus {
	outline: none;
	border-color: var(--line-color);
}
.wpcf7 .wpcf7-textarea:not(:placeholder-shown) {
	border-color: var(--line-color);
}
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-response-output {
	color: red;
}
.wpcf7 .wpcf7-response-output {
	border-color: red !important;
}
.wpcf7 .wpcf7-list-item {
	display: block;
	margin-bottom: 10px;
}
.wpcf7 .wpcf7-submit {
	padding: 0 20px;
	cursor: pointer;
}
.wpcf7 input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}
.wpcf7 input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}
.wpcf7 .wpcf7-list-item-label {
	position: relative;
	padding-left: 40px;
	line-height: 1.3;
}
.wpcf7 .wpcf7-list-item-label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 18px;
	height: 18px;
	transform: translateY(-50%);
	border: 2px solid #ccc;
	border-radius: 0;
	background: transparent;
}
.wpcf7 .wpcf7-list-item-label::after {
	content: "×";
	position: absolute;
	left: 2px;
	top: 0px;
	width: 18px;
	height: 18px;
	display: grid;
	place-items: center;
	font-size: 28px;
	font-weight: 600;
	opacity: 0;
	line-height: 18px;
}
.wpcf7 input[type="checkbox"]:checked ~ .wpcf7-list-item-label::after {
	opacity: 1;
}
.wpcf7 input[type="radio"]:checked ~ .wpcf7-list-item-label::after {
	opacity: 1;
}
.wpcf7 input[type="checkbox"]:checked ~ .wpcf7-list-item-label::before {
	border-color: var(--line-color);
}
.wpcf7 input[type="radio"]:checked ~ .wpcf7-list-item-label::before {
	border-color: var(--line-color);
}
input[type="submit"] {
	opacity: 0;
	height: 1px;
	position: absolute;
}
/* /CF7 */


/* Footer */
#footer {
	color: var(--text-color);
	background-color: #fff;
}

.c-col-logo svg {
	display: block-inline;
	width: 72px;
	height: 72px;
}

#footertopgrid {
	display: grid;
	grid-template-columns: 72px 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 0;
}

#footermenu ul.menu {
    display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 0;
    list-style: none;
    padding: 0;
}
#footermenu ul.menu li {
    padding: 0;
	margin: 0;
}
#footermenu ul.menu li a {
	color: var(--text-color);
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 20px;
}
#footermenu ul.menu li a:hover {
	color: var(--text-hover-color);
	text-decoration: none;
}
#footermenu ul.sub-menu {
    list-style: none;
    padding: 0;
}
#footermenu ul.sub-menu li {
	width: 100%;
}
#footermenu ul.sub-menu li a {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
	text-decoration: none;
	color: var(--text-color);
}
#footermenu ul.sub-menu li a:hover {
	color: var(--text-hover-color);
	text-decoration: none;
}
@media all and (max-width: 1280px) {
	#footermenu ul.menu {
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
}
@media all and (max-width: 1024px) {
	#footermenu ul.menu {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
}
@media all and (max-width: 768px) {
	#footertopgrid {
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: auto;
		grid-column-gap: 0;
		grid-row-gap: 20px;
	}
	#footertopgrid .c-col-logo {
		text-align: center;
		order: 2;
	}
	#footertopgrid .textright {
		text-align: center;
		order: 1;
	}
}

#footerbottom {
	padding: 10px 0;
	color: #fff;
	background-color: var(--bar-background-color);
}

#footerbottompartners {
	margin-bottom: 10px;
}
.partner-items {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 90px;
	grid-row-gap: 0px;
}
.partner-item-inner {
	height: 100px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

#footerbottomline {
	border-top: 2px solid #405265;
	margin-top: 10px;
	padding-bottom: 10px;
}

#footerbottomgrid {
	display: grid;
	grid-template-columns: 1fr auto 152px;
	grid-template-rows: auto;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

#footerbottomcopy,
#footerbottomcopy a {
	color: var(--bar-text-color);
	transition: color 0.2s;
	line-height: 40px;
	font-size: 14px;
}
#footerbottomcopy a:hover {
	color: var(--text-hover-color);
}

#footerbottomlegal ul {
	display: inline-block;
    list-style: none;
	margin: 0;
	padding: 0 6px;
}
#footerbottomlegal ul li {
	display: inline-block;
}
#footerbottomlegal ul li a {
	display: inline-block;
	color: var(--bar-text-color);
	line-height: 40px;
	font-size: 14px;
	margin: 0 20px;
}
#footerbottomlegal ul li a:hover {
	color: var(--text-hover-color);
}

#footerbottomsocial {
	display: inline-block;
}
#footerbottomsocial ul {
    display: flex;
	height: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
}
#footerbottomsocial ul li {
	display: inline-block;
	height: 40px;
	margin: 0;
	padding: 0;
}
#footerbottomsocial .headerfollowbutton {
	display: inline-block;
	width: 22px;
	height: 40px;
	margin-left: 16px;
	text-decoration: none;
}
#footerbottomsocial .headerfollowbutton svg {
	display: inline-block;
	width: 22px;
	height: 40px;
}
#footerbottomsocial ul li .headerfollowbutton svg path {
	fill: var(--bar-text-color);
	transition: all 0.2s;
}
#footerbottomsocial ul li .headerfollowbutton:hover svg path {
	fill: var(--text-hover-color);
}
@media only screen and (max-width: 1024px) {
	#footerbottom {
		padding-bottom: 120px;
	}
	#footerbottomgrid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-column-gap: 0;
		grid-row-gap: 20px;
	}

	.partner-items {
		grid-column-gap: 30px;
		margin: 30px 0;
	}
	.partner-item-inner {
		height: 50px;
	}

	#footerbottomcopy {
		line-height: 22px;
		order: 3;
	}
	#footerbottomlegal {
		display: grid;
		order: 2;
	}
	#footerbottomsocial {
		display: grid;
		order: 1;
		text-align: center;
	}
	#footerbottomsocial {
		padding-top: 30px;
	}
	#footerbottomsocial ul {
		display: inline-block;
	}
	#footerbottomsocial ul li a {
		width: 32px !important;
	}
	#footerbottomsocial ul li a svg {
		width: 32px !important;
	}
	#footerbottomgrid .headerfollowbutton {
		margin: 0 20px;
	}
	#footerbottomgrid .footerbottomgrid-cell {
		display: block;
		text-align: center;
	}
}
@media only screen and (max-width: 768px) {
	.partner-items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		margin: 40px 0;
	}
	.partner-items > :last-child:nth-child(odd) {
		grid-column: 1 / -1;
		justify-self: center;
	}
	.partner-item-inner {
		height: 40px;
	}
}

/* /Footer */


/* Formatting */
.mobileonly {
	display: none;
}
.desktoponly {
	display: block;
}
.wideonly {
	width: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.opacityonhover {
	opacity: 1;
	transition: opacity 0.2s;
}
.opacityonhover:hover {
	opacity: 0.5;
}
/* /Formatting */


/* Video */
.c-video {
	display: block;
	overflow: hidden;
	position: relative;
	padding-bottom: 75%;
}
.c-video-element {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 130%;
    transform: translate(-50%,-50%);
}
/* /Video */


/* Matches */
.matches-urban-box {
	padding: 30px;
	overflow: hidden;
}
.matches-urban-box-league {
	width: 64px;
	height: 32px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.matches-urban-box-club {
	width: 80px;
	height: 80px;
	margin: 0 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
/* /Matches */


/* News */
.news-section {
	background-color: #fff;
	border-radius: 20px;
}
.news-section .c-content-inner {
	margin: 0 -20px;
}
.blog-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 30px;
	grid-row-gap: 30px; 
}
.blog-item a {
	display: block;
	height: 100%;
	transition: transform 0.4s ease;
}
.blog-item a .blog-item-inner {
	display: block;
	height: 100%;
	background-color: #ec8f98;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}
.blog-item:nth-child(even) a .blog-item-inner {
	background-color: #f4bcc2;
}
.blog-item-image {
	padding-bottom: 50%;
	background-color: #888;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.blog-item-content {
	padding: 20px 20px 68px 20px;
}
.blog-item-date {
	text-transform: uppercase;
}
.blog-item-excerpt {
	font-size: 14px;
	line-height: 22px;
}
.blog-item-link {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.blog-item-link .urban-button-link {
	color: var(--text-color);
	transition: 0.2s;
}
.blog-item a:hover {
	color: var(--text-color);
	transform: scale(1.05);
}
.blog-item a:hover .urban-button-link {
	color: var(--text-hover-color);
}
.blog-item a .urban-button-link svg path {
	fill: var(--text-color);
	transition: 0.2s;
}
.blog-item a:hover .urban-button-link svg path {
	fill: var(--text-hover-color);
}
@media only screen and (max-width: 1280px) {
	.blog-items {
		grid-template-columns: repeat(2, 1fr);
	}
	.news-section .c-content-inner {
		margin: 0;
	}
	.news-section .blog-items .blog-item:nth-child(3) {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.blog-items {
		grid-template-columns: 100%;
		grid-template-rows: auto;
		grid-column-gap: 0;
	}
	.news-section .blog-items .blog-item:nth-child(3) {
		display: inline-block;
	}
}
/* /News */


/* Achievements */
.achievements-section {
	background-color: #fff;
	border-radius: 20px;
}
.achievements-section .c-content-inner {
	margin: 0 -20px;
}
@media only screen and (max-width: 1280px) {
	.achievements-section .c-content-inner {
		margin: 0;
	}
}
.achievements-section-mobile {
	background-color: var(--bar-background-color);
	border-radius: 20px;
}
.achievements-section-line {
	position: relative;
	background-color: #fff;
	padding: 10px 20px 10px 120px;
	border-radius: 10px;
	min-height: 94px;
	overflow: hidden;
}
.achievements-section-line img {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 74px;
	height: 74px;
}
/* /Achievements */


/* Hero */
.hero-section {
	background-color: #888;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
}
.hero-section-overlay {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 90%);
}
.hero-section-inner {
	min-height: 75vh;
	display: grid;
}
.hero-section-inner > div {
	width: 100%;
	display: grid;
	place-self: end;
	padding-right: 50%;
}
@media only screen and (max-width: 768px) {
	.hero-section-inner {
		min-height: 480px;
	}
	.hero-section-inner > div {
		padding-right: 0;
	}
}
/* /Hero */


/* Hero Match Grid */
#heromatchwrapper {
	background-color: #fff;
	border-radius: 20px;
	min-width: 0;
	padding: 20px 40px;
	margin-top: -60px;
}
#heromatchgrid {
	display: grid;
	grid-template-columns: 1fr 240px auto;
	grid-template-rows: 1fr;
	grid-column-gap: 0;
	grid-row-gap: 0px; 
}
.heromatchgridcell {
	display: grid;
	align-content: center;
}
.heromatchgridcellborderright {
	padding-right: 40px;
	border-right: 2px solid var(--button-background-color);
}
.heromatchgridcellborderleft {
	padding-left: 40px;
	border-left: 2px solid var(--button-background-color);
}
.heromatchgridbuttons {
	display: none;
}
.blink {
	animation: blink 2s ease-in-out infinite alternate;
}
@keyframes blink {
	50% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.blink {
		animation: none;
	}
}
@media all and (max-width: 1360px) {
	#heromatchgrid {
		grid-column-gap: 20px;
	}
	#heromatchgrid .heromatchgridcellborderright {
		padding-right: 20px;
	}
	#heromatchgrid .heromatchgridcellborderleft {
		padding-left: 20px;
	}
	#herogrid .hero-cell-4 {
		padding: 20px 20px;
	}
}
@media all and (max-width: 1280px) {
	#heromatchgrid {
		grid-template-columns: 1fr 240px;
	}
	#heromatchgrid .heromatchgridcellborderleft {
		display: none;
	}
	#heromatchgrid .heromatchgridbuttons {
		display: block;
	}
}
@media all and (max-width: 960px) {
	#heromatchgrid {
		grid-template-columns: 1fr;
	}
	#heromatchgrid .heromatchgridcellcountdown {
		display: none;
	}
	#heromatchgrid .heromatchgridcellborderright {
		padding-right: 0;
		border-right: none;
	}
}
@media all and (max-width: 768px) {
	#heromatchgrid .matches-urban-box-club {
		width: 40px !important;
		height: 40px !important;
	}
	#heromatchwrapper {
		padding: 20px 10px;
	}
}
/* /Hero Match Grid */


/* Box */
.box.box-left.box-grid {
	display: grid;
	grid-template-columns: 4fr 1fr 7fr;
	grid-template-rows: auto;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
}
.box.box-right.box-grid {
	display: grid;
	grid-template-columns: 7fr 1fr 4fr;
	grid-template-rows: auto;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
}
.box-grid-cell {
	place-self: center;
	width: 100%;
}
@media all and (max-width: 768px) {
	.box.box-left.box-grid {
		grid-template-columns: 100%;
		grid-column-gap: 0;
		grid-row-gap: 20px;
	}
	.box.box-left.box-grid .box-grid-cell-content {
		order: 2;
	}
	.box.box-right.box-grid .box-grid-cell-image {
		order: 1;
	}
}
/* /Box */


/* Social Section */
.social-section {
	background-color: #fff;
	border-radius: 20px;
}
.social-section .c-content-inner {
	margin: 0 -20px;
}
.social-bar-grid {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: auto;
	grid-column-gap: 0;
	grid-row-gap: 0;
}
.social-bar-grid-cell-sponsor {
	text-align: center;
}
.social-bar-grid-cell-sponsor img {
	display: inline-block;
	width: 140px;
	height: auto;
}
.social-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}
.social-item-1 { grid-area: 1 / 1 / 3 / 2; }
.social-item-2 { grid-area: 1 / 2 / 2 / 4; aspect-ratio: 2 / 1; }
.social-item-3 { grid-area: 2 / 2 / 3 / 3; }
.social-item-4 { grid-area: 2 / 3 / 3 / 4; }
.social-item {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 240px;
	border-radius: 20px;
	overflow: hidden;
	transition: transform 0.4s ease;
}
.social-item a {
	display: block;
	height: 100%;
}
.social-item:hover {
	transform: scale(1.025);
}
.social-item a .social-item-inner {
	position: relative;
	display: block;
	height: 100%;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-size: 38px 38px;
}
.social-item-1 a .social-item-inner {
	background-image: url('/wp-content/themes/mtvallianz/images/2026-mtv-allianz-icon-socialwall-instagram.svg');
}
.social-item-2 a .social-item-inner {
	background-image: url('/wp-content/themes/mtvallianz/images/2026-mtv-allianz-icon-socialwall-youtube.svg');
}
.social-item-3 a .social-item-inner {
	background-image: url('/wp-content/themes/mtvallianz/images/2026-mtv-allianz-icon-socialwall-linkedin.svg');
}
.social-item-4 a .social-item-inner {
	background-image: url('/wp-content/themes/mtvallianz/images/2026-mtv-allianz-icon-socialwall-facebook.svg');
}
.social-item-link {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: right;
	padding-top: 100px;
	padding-bottom: 20px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.social-item-link .urban-button-link {
	color: #fff;
	transition: color 0.2s;
}
.social-item-link .urban-button-link svg path {
	fill: #fff;
}
.social-item a:hover .social-item-link .urban-button-link {
	color: var(--text-hover-color);
}
.social-item a:hover .social-item-link .urban-button-link svg path {
	fill: var(--text-hover-color);
}
@media all and (max-width: 1024px) {
	.social-item-2 { aspect-ratio: auto; }
	.social-section .c-content-inner {
		margin: 0;
	}
}
@media all and (max-width: 768px) {
	.social-bar-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-column-gap: 0;
		grid-row-gap: 0;
	}
	.social-bar-grid-cell-sponsor {
		text-align: left;
		padding-top: 20px;
	}
	.social-items {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-column-gap: 0;
		grid-row-gap: 20px;
	}	
	.social-item-1 { grid-area: 1 / 1 / 2 / 2; }
	.social-item-2 { grid-area: 2 / 1 / 3 / 2; aspect-ratio: auto; }
	.social-item-3 { grid-area: 3 / 1 / 4 / 2; }
	.social-item-4 { grid-area: 4 / 1 / 5 / 2; }
}
/* /Social Section */


/* Card Section */
.card-section {
	background-color: #fff;
	border-radius: 20px;
}
.card-section .c-content-inner {
	margin: 0 -20px;
}
@media all and (max-width: 1024px) {
	.card-section .c-content-inner {
		margin: 0;
	}
}
/* /Card Section */


/* Ads */
.ad-item.ad-item-xir {
	width: 300px;
	height: 250px;
	margin: 0 auto 0 auto;
}
.post-type-archive-riesig .ad-item.ad-item-xir {
	margin: 0 auto 30px auto;
}
.ad-item.ad-item-xir a {
	display: block;
}
.ad-item.ad-item-xir a img {
	display: block;
	width: 300px;
	height: 250px;
}
.ad-item.ad-item-xsr {
	width: 300px;
	height: 150px;
	margin: 0 auto 0 auto;
}
.post-type-archive-riesig .ad-item.ad-item-xsr {
	margin: 0 auto 30px auto;
}
.ad-item.ad-item-xsr a {
	width: 100%;
	display: block;
}
.ad-item.ad-item-xsr a img {
	display: block;
	width: 300px;
	height: 150px;
}
.ad-item.ad-item-xpl {
	display: block;
	width: 100%;
	height: auto;
}
.ad-item.ad-item-xpl a {
	display: block;
}
.ad-item.ad-item-xpl a img {
	display: block;
	width: 100%;
	height: auto;
}
/* /Ads */


/* Promo Section */
.promo-section {
	--max: 1420px;
	--text: 560px;
	border-radius: 20px 20px 0 0;
	display: grid;
	grid-template-columns:
	  [full-start]    minmax(0, 1fr)
	  [content-start] minmax(0, var(--text))
	  [blur-end]      minmax(0, calc(var(--max) - var(--text)))
	  [content-end]   minmax(0, 1fr)
	  [full-end];
	min-height: 620px;
	background: #888 center / cover no-repeat;
	background-attachment: fixed;
	overflow: hidden;
}
.promo-section > * {
	grid-row: 1;
}
.promo-section-blur {
	grid-column: full-start / blur-end;
	-webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
	background: rgb(0 0 0 / .15);
}
.promo-section-content {
	grid-column: content-start / blur-end;
	align-self: center;
	padding-inline-end: 0;
	color: #fff;
	position: relative;
}
.promo-section-mobile {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}
.promo-section-mobile-content {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}
.promo-section-mobile-blur {
	-webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
	background: rgb(0 0 0 / .15);
}
/* /Promo Section */


.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.block {
	width: 100%;
	display: block;
}


.p0 {
	padding: 0 !important;
}
.m0 {
	margin: 0 !important;
}
.p10 {
	padding: 10px !important;
}
.p20 {
	padding: 20px !important;
}
.p30 {
	padding: 20px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.px10 {
	padding-right: 10px;
	padding-left: 10px;
}
.px20 {
	padding-right: 20px;
	padding-left: 20px;
}
.px30 {
	padding-right: 30px;
	padding-left: 30px;
}
.py10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.py20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.py30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.mt0 {
	margin-top: 0 !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mb0 {
	margin-bottom: 0;
}
.ml0 {
	margin-left: 0 !important;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.w100 {
	width: 100% !important;
}
.v100 {
	height: 100vh !important;
}


/* Responsive */
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1280px) {

	/* Content */
	.c-content-inner {
		padding: 0 40px;
	}
	/* /Content */
	
}
@media only screen and (max-width: 1024px) {

	/* Formatting */
	h1, .h1 {
		font-size: 48px;
		line-height: 56px;
	}
	h2, .h2 {
		font-size: 32px;
		line-height: 40px;
	}
	h3, .h3 {
		font-size: 24px;
		line-height: 32px;
	}
	h4, .h4 {
		font-size: 20px;
		line-height: 28px;
	}
	h5, .h5 {
		font-size: 18px;
		line-height: 26px;
	}
	/* /Formatting */

	/* Content */
	.c-content-inner {
		padding: 0 20px;
	}
	/* /Content */

	/* Grid */
	.c-grid-4-4-4 {
		grid-template-columns: 100%;
		grid-column-gap: 0;
	}
	.c-grid-6-6 {
		grid-template-columns: 100%;
		grid-column-gap: 0;
	}
	.c-grid-3-3-3-3 {
		grid-template-columns: repeat(2, 1fr);
	}
	/* /Grid */

}
@media only screen and (max-width: 768px) {

	body, button, input, select, textarea {
		font-size: 14px;
		line-height: 22px;
	}

	#headertop {
		display: none;
	}


	.footerstuttsport {
		margin-top: 20px;
	}
	.footerstuttsport a {
		display: inline-block;
		margin: 0 auto;
	}
	.footerstuttsport a svg {
		display: inline-block;
		width: 221px;
		height: 56px;
	}

	/* Formatting */
	.mobileonly {
		display: block;
	}
	.desktoponly {
		display: none;
	}

	.textlarge {
		font-size: 48px;
		line-height: 56px;
	}

	h1, .h1 {
		font-size: 38px;
		line-height: 46px;
	}
	h2, .h2 {
		font-size: 24px;
		line-height: 32px;
	}
	h3, .h3 {
		font-size: 22px;
		line-height: 30px;
	}
	h4, .h4 {
		font-size: 20px;
		line-height: 28px;
	}
	h5, .h5 {
		font-size: 18px;
		line-height: 26px;
	}
	/* /Formatting */

	/* Grid */
	.c-grid {
		clear: both;
		grid-row-gap: 30px;
		width: 100%;
	}
	.c-grid-nested {
		clear: both;
		grid-row-gap: 20px;
		width: 100%;
	}
	.c-grid-1-10-1 {
		grid-template-columns: 100%;
		grid-column-gap: 0;
		grid-row-gap: 60px;
	}
	.c-grid-1-5-1-4-1 {
		grid-template-columns: 100%;
		grid-column-gap: 0;
		grid-row-gap: 0;
	}
	.c-grid-3-3-3-3 {
		grid-template-columns: 100%;
		grid-column-gap: 0;
	}
	.c-grid-2-8-2,
	.c-grid-3-1-8,
	.c-grid-3-3-6,
	.c-grid-3-6-3,
	.c-grid-4-1-7,
	.c-grid-5-2-5,
	.c-grid-5-1-6,
	.c-grid-6-1-5,
	.c-grid-6-2-4,
	.c-grid-6-3-3,
	.c-grid-7-1-4,
	.c-grid-8-1-3 {
		grid-template-columns: 100%;
		grid-column-gap: 0;
	}
	.c-grid-1-11,
	.c-grid-2-10,
	.c-grid-3-9,
	.c-grid-4-8,
	.c-grid-5-7,
	.c-grid-6-6,
	.c-grid-7-5,
	.c-grid-8-4,
	.c-grid-9-3,
	.c-grid-10-2,
	.c-grid-11-1 {
		grid-template-columns: 100%;
		grid-column-gap: 0;
	}
	/* /Grid */

	/* Spacers */
	.c-spacer {
		clear: both;
		height: 20px;
	}
	.c-spacer-halfhalf,
	.c-spacer-small {
		clear: both;
		height: 5px;
	}
	.c-spacer-half {
		clear: both;
		height: 10px;
	}
	.c-spacer-double {
		clear: both;
		height: 40px;
	}
	.c-spacer-section {
		clear: both;
		height: 80px;
	}
	.c-spacer-header {
		height: 0;
	}
	/* /Spacers */

	/* Footer Mobile Menu */
	#footermenu ul.menu {
		grid-template-columns: 100%;
		grid-column-gap: 0;
		grid-row-gap: 0;
		border-bottom: 2px solid var(--bar-text-color);
	}
	#footermenu ul.menu > li {
		display: block;
		border-top: 2px solid var(--bar-text-color);
		position: relative;
		padding-right: 40px;
		cursor: pointer;
	}
	#footermenu ul.menu > li a {
		margin: 0;
		line-height: 48px;
		height: 48px;
		overflow: hidden;
		display: block;
	}
	#footermenu ul.menu > li.menu-item-has-children::after {
		content: '+';
		position: absolute;
		top: 12px;
		right: 0;
		font-size: 24px;
		color: var(--text-color);
	}
	#footermenu ul.menu li.menu-item-has-children ul.sub-menu {
		max-height: 0;
		overflow: hidden;
		visibility: hidden;
		transition: all 0.3s;
	}
	#footermenu ul.menu li.menu-item-has-children.active ul.sub-menu {
		max-height: 500px;
		visibility: visible;
	}
	#footermenu ul.menu > li.menu-item-has-children.active::after {
		content: '—';
	}
	#footermenu ul.sub-menu {
		margin: 0;
	}
	/* /Footer Mobile Menu */

	/* Post-it */
	.post-it .post-it-inner {
		width: 320px;
	}
	/* /Post-it */


}
/* /Responsive */