@charset "utf-8";

/**
 * Theme Name:     FIFA WM-2026 Tippspiel
 * Theme URI:      tippspiel.ps-design.it
 * Description:    Wir suchen den Tippkönig
 * Author:         Pircher Stefan
 * Author URI:     www.ps-design.it
 * Version:        1.0
 */

/* ============================
   > CONTENTS
   ==================
		> BODY, HTML
		> LINKS
		> WRAPPER
		> HEADER
		> FOOTER
		> BACKTOP
*/

/* ============================
   > BODY, HTML
   ================== */

body, html, input, button {
		font-family:var(--tip_font_light); font-size:18px;
		line-height:1.6; color:var(--tip_white);
}
body { background:var(--tip_green_medium); }

:root {
		/* farbwerte */
		--tip_green_light:#b0ea00;
		--tip_green_medium:#01c853;
		--tip_green_dark:#004c3f;
		--tip_green_darkrgba:rgba(0,76,63,.8);
		--tip_text:#323130;
		--tip_green_rgba:rgba(1,200,83,.2);
		--tip_black:black;
		--tip_white:white;
		/* schriften */
		--tip_font_light:'Tippspiel_Light', Arial, Helvetica, sans-serif;
		--tip_font_medium:'Tippspiel_Medium', Arial, Helvetica, sans-serif;
		--tip_font_bold:'Tippspiel_Bold', Arial, Helvetica, sans-serif;
}

/* ============================
   > FONT-EMBEDS
   ================== */

@font-face {
		font-family:'Tippspiel_Light'; font-display:swap;
		src:local('Sofia'), url(fonts/AirbnbCereal_Light.woff2) format('woff');
}
@font-face {
		font-family:'Tippspiel_Medium'; font-display:swap;
		src:local('Sofia'), url(fonts/AirbnbCereal_Medium.woff2) format('woff');
}
@font-face {
		font-family:'Tippspiel_Bold'; font-display:swap;
		src:local('Sofia'), url(fonts/AirbnbCereal_Bold.woff2) format('woff');
}

/* ============================
   > LINKS
   ================== 

a:link 		{ font-family:'Quicksand', Arial, Helvetica, sans-serif; font-size:18px; color:#fff; text-decoration:underline; }
a:visited 	{ font-family:'Quicksand', Arial, Helvetica, sans-serif; font-size:18px; color:#fff; text-decoration:underline; }
a:active 	{ font-family:'Quicksand', Arial, Helvetica, sans-serif; font-size:18px; color:#fff; text-decoration:none; }
a:hover 		{ font-family:'Quicksand', Arial, Helvetica, sans-serif; font-size:18px; color:#fff; text-decoration:none; } */

/* ============================
   > PRELOADER
   ================== */

#preloader {
		position:fixed;
		z-index:99; left:0; top:0px;
		width:100vw; height:100vh;
		overflow:hidden;

		background-color:var(--tip_green_dark);
		display:flex; align-items:center;
		justify-content:center;
}
#preloader .logo {
		animation:zoom-in-zoom-out 3s ease infinite;
		width:200px; height:110px; filter:none;
}
/* keyframes */
@keyframes zoom-in-zoom-out {
		0% { transform:scale(1, 1); opacity:.4; }
		50% { transform:scale(1.1, 1.1); opacity:.8; }
		100% { transform:scale(1, 1); opacity:.4; }
}

/* media-queries */

/* ============================
   > FLEXBOX
   ================== */

.flex {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
}

/* ============================
   > TRANSITIONS
   ================== */

.mainmenu li a,
div.button-matches input,
div.button-questions input,
div#menu .mainmenu li.login a,
div#content.pool a.gosave,
div#header a.paypal {
		-webkit-transition:all .2s;
		-moz-transition:all .2s;
		transition:all .2s;
}
div.nameofstyle {
		-webkit-transition:all .4s;
		-moz-transition:all .4s;
		transition:all .4s;
}
div.nameofstyle {
		-webkit-transition:all .8s;
		-moz-transition:all .8s;
		transition:all .8s;
}

/* ============================
   > H/V CENTERING
   ================== */

.halign { left:50%; transform:translateX(-50%); } /* h-align */
.valign { top:50%; transform:translateY(-50%); } /* v-align */
.hvalign { top:50%; left:50%; transform:translate(-50%,-50%); } /* h+v-align */

/* ============================
   > LOGO
   ================== */

.logo { background:url('images/fifa-wc-2026.svg') no-repeat center / contain; }

/* media-queries */

/* ============================
   > MAIN-CONTAINER
   ================== */

#main {
		display:flex;
		flex-direction:column;
		height:100vh;
}
#main #content {
		flex:1;
}

/* ============================
   > WRAPPER
   ================== */

div.wrap {
		max-width:980px;
		margin:0 auto;
}

/* media-queries */
@media screen and (max-width: 1080px) {
		div.wrap {
				max-width:none;
				margin:0 40px;
		}
}
@media screen and (max-width: 480px) {
		div.wrap {
				max-width:none;
				margin:0 20px;
		}
}

/* ============================
   > HEADER
   ================== */

#header {
		/*background:var(--tip_green_medium);*/
		background:var(--tip_green_dark);
}
#header .wrap {
		position:relative;
		height:220px;
}
#header a.logo {
		position:absolute;
		width:109px; height:168px;
}
/* paypal-me-button */
#header a.paypal {
		position:absolute; width:80px; height:80px; left:0;
		background:url('images/paypal-me.webp') no-repeat center;
		background-size:contain; box-shadow:0 2px 5px rgba(0,0,0,.2);
		border-radius:50%;
}
#header a.paypal:after {
		position:absolute; left:100px; top:12px;
		display:block; min-width:90px; color:#fff;
		content:'Tipp-Einsatz mit PayPal bezahlen';
		font-size:15px; line-height:normal;
}

/* media-queries */
@media screen and (max-width: 980px) {
		#header .wrap {
				height:168px;
		}
		#header a.logo {
				width:104px; height:118px;
		}
}
@media screen and (max-width: 720px) {
		#header a.paypal {
				transform:none; top:28px;
		}
		#header a.paypal:after {
				left:-6px; top:90px; min-width:90px;
				font-size:13px; text-align:center;
				content:'Tipp-Einsatz bezahlen';
		}
}
@media screen and (max-width: 480px) {
		#header .wrap {
				height:128px;
		}
		#header a.logo {
				width:79px; height:90px;
		}
		#header a.paypal {
				width:50px; height:50px;
				left:28px; top:18px;
		}
		#header a.paypal:after {
				left:-22px; top:58px;
		}
}

/* ============================
   > MAINMENU
   ================== */

#menu {
		background-color:var(--tip_green_dark);
		/*background-color:var(--tip_green_darkrgba);*/
}
#menu .wrap {
		text-align:center;
}
#menu .mainmenu li {
		display:inline-block;
		position:relative;
}
#menu .mainmenu li a {
		display:block; text-decoration:none;
		font-family:var(--tip_font_medium);
		font-size:22px; padding:18px 20px;
		color:var(--tip_white);
}
#menu .mainmenu li a:hover,
#menu .mainmenu li.current-menu-item a,
#menu .mainmenu li.menu-item-has-children a,
#menu .mainmenu li.current-menu-parent a {
		color:var(--tip_green_light);
}

/* login-u-logout-btn */
#menu .mainmenu li.login a {
		border-radius:25px; padding:9px 20px;
		background-color:var(--tip_green_light);
		color:var(--tip_green_dark);
}
#menu .mainmenu li.login a:hover {
		opacity:.7;
}

/* media-queries */
@media screen and (max-width: 1200px) {
		#menu .mainmenu li a {
				padding:18px 18px;
				font-size:20px;
		}
}
@media screen and (max-width: 980px) {
		#menu .mainmenu li a {
				font-size:18px;
		}
}
@media screen and (max-width: 720px) {
		#menu {
				display:none;
		}
}

/* ============================
   > SUBMENU
   ================== */

#menu ul li ul {
  		display:none;
}
#menu ul li:hover {
  		cursor:pointer;
}
#menu ul li:hover ul {
		position:absolute;
		left:0; display:block;
}
#menu ul li:hover ul li {
		text-align:left;
		display:block;
}
#menu .mainmenu .sub-menu {
		z-index:1;
}
#menu .mainmenu .sub-menu li {
		background-color:var(--tip_green_light);
}
#menu .mainmenu .sub-menu li a {
		font-size:18px; padding:8px 20px;
		color:var(--tip_green_dark);
}
#menu .mainmenu .sub-menu li:hover,
#menu .mainmenu .sub-menu li.current-menu-item {
		background-color:var(--tip_white);
}

/* media-queries */
@media screen and (max-width: 720px) {
		.sub-menu {
				margin-top:12px;
				margin-left:12px;
				display:none;
		}
}

/* ============================
   > MOBILEMENU
   ================== */

.mmtrigger {
		position:absolute; z-index:9;
		top:28px; /*right:38px;*/ right:0;
		cursor:pointer; display:none;
		width:50px; height:50px;
}
#mmenu {
		position:absolute;
		width:38px; height:28px;
		-webkit-transition:.5s ease-in-out;
		-moz-transition:.5s ease-in-out;
		-o-transition:.5s ease-in-out;
		transition:.5s ease-in-out;
		cursor:pointer;
}
#mmenu span {
		position:absolute;
		width:100%; height:2px;
		background:#fff; display:block;
		border-radius:9px; opacity:1; left:0;
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
		-webkit-transition:.25s ease-in-out;
		-moz-transition:.25s ease-in-out;
		-o-transition:.25s ease-in-out;
		transition:.25s ease-in-out;
}
#mmenu span:nth-child(1) { top:0px; }
#mmenu span:nth-child(2),
#mmenu span:nth-child(3) { top:12px; }
#mmenu span:nth-child(4) { top:24px; }
#mmenu.open span:nth-child(1) { top:12px; width:0%; left:50%; }

#mmenu.open span:nth-child(2) {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
}
#mmenu.open span:nth-child(3) {
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform:rotate(-45deg);
}
#mmenu.open span:nth-child(4) {
		top:18px; left:50%; width:0%;
}

/* menu-overlay */
#mmoverlay {
		position:fixed; z-index:8;
		width:100%; height:calc(100%);
		top:0; opacity:0; visibility:hidden;
  	transition:visibility 0.5s, opacity 0.5s linear;
		background:rgba(0,0,0,.48);
}
#mmoverlay.open {
		visibility:visible; opacity:1;
}
.bodyfixed {
		overflow:hidden;
}

/* incl-sidebar */
#mmnav {
		position:fixed; z-index:9;
		width:100%; height:calc(100%);
  		transition:0.4s all ease-in-out;
		transform:translateX(-100%);
		background-color:var(--tip_green_dark);
		top:0; left:0;
}
#mmnav.open {
		transition:0.4s all ease-in-out;
		transform:translateX(0);
}
#mmnav .inner {
		position:absolute;
		white-space:nowrap;
}
#mmnav .inner .logo {
		width:83px; height:128px;
		background-size:contain;
		background-position:left;
		margin-bottom:28px;
}
#mmnav ul li {
		padding:10px 0;
}
#mmnav ul li a {
		position:relative; cursor:pointer;
		font-family:var(--tip_font_bold);
		font-size:32px; color:var(--tip_white);
		text-decoration:none;
}
#mmnav ul li.login {
		margin-top:10px;
}
#mmnav ul li.login a {
		font-size:22px; padding:6px 18px 7px;
		background-color:var(--tip_green_light);
		color:var(--tip_green_dark) !important;
		border-radius:22px;
}
#mmnav ul li a:hover,
#mmnav ul li.current-menu-item a,
#mmnav ul li.current-menu-parent a {
		color:var(--tip_green_light);
}
#mmnav ul li.login a:hover {
		/*background-color:var(--tip_green_light);*/
}
#mmnav ul li.current-menu-item a {
		/*padding-left:28px;*/
}
#mmnav ul li.current-menu-item a:before,
#mmnav ul li.current-menu-item .sub-menu li a:before {
		content:''; width:18px; height:15px; left:0; top:8px;
		background:url('images/arrow-right.webp') no-repeat center;
		position:absolute; background-size:contain; display:none;
}

/* offcanvas-submenu */
#mmnav ul li .sub-menu {
		margin:5px 0 5px 20px;
}
#mmnav ul li .sub-menu li {
		padding:4px 0;
}
#mmnav ul li .sub-menu li a {
		color:var(--tip_white);
		font-size:20px;
}
#mmnav ul li .sub-menu li a:before {
		display:none;
}
#mmnav ul li .sub-menu li a:hover,
#mmnav ul li .sub-menu li.current-menu-item a {
		color:var(--tip_green_light);
		/*padding-left:0 !important;*/
}

/* link-jetzt-registrieren */
.registernow {
		margin-top:28px;
}
.registernow,
.registernow a {
		font-family:var(--tip_font_medium);
		font-size:16px; line-height:1.2;
}
.registernow a {
		color:var(--tip_green_light);
}

/* media-queries */
@media screen and (max-width: 720px) {
		.mmtrigger {
				display:block;
				top:20px;
		}
}
@media screen and (max-width: 480px) {
		.mmtrigger {
				right:20px;
		}
		#mmnav {
				/*transform:translateX(-368px);
				width:368px;*/
		}
		#mmnav .inner .logo {
				width:168px; height:80px;
				background-size:contain;
		}
		#mmnav ul li {
				padding:8px 0;
		}
		#mmnav ul li a {
				font-size:28px;
		}
		#mmnav .inner .useful {
				white-space:normal;
				max-width:100px;
		}
		#mmnav .inner .useful span {
				display:none;
		}
}
@media screen and (max-width: 400px) {
		#mmnav {
				/*transform:translateX(-280px);
				width:280px;*/
		}
		#mmnav .inner {
				width:200px;
		}
		#mmnav ul li {
				padding:6px 0;
		}
		#mmnav ul li a {
				font-size:24px;
		}
		#mmnav .inner .useful a {
				font-size:16px;
		}
}

/* ============================
   > CONTENT
   ================== */

#content { background:var(--tip_green_dark); } /* default */
#content.tournament { background-color:var(--tip_green_dark); } /* spielplan */
#content.user { background-color:var(--tip_green_dark); } /* tipp-übersicht */
#content.pool { background-color:var(--tip_green_dark); } /* tipp-abgabe */
#content.rules { background-color:var(--tip_green_dark); } /* regeln */
#content.ranking { background-color:var(--tip_green_dark); } /* ranking */

#content h1 {
		font-family:var(--tip_font_bold);
		font-size:54px; font-weight:normal;
		line-height:1; color:var(--tip_green_light);
		text-align:center; margin:0 0 28px;
}
#content .wrap {
		padding:48px 0;
}
#content p a {
		color:var(--tip_green_light);
}
/* countdown-shortcode */
#content .countdown-shortcode {
		text-align:center;
		padding:20px 0;
}

/* media-queries */
@media screen and (max-width: 980px) {
		div#content h1 {
				font-size:40px;
		}
}
@media screen and (max-width: 720px) {
		div#content .wrap {
				/*padding:28px 0;*/
		}
		div#content h1 {
				margin:0 0 22px;
				font-size:36px;
		}
}
@media screen and (max-width: 480px) {
		div#content .wrap {
				padding:38px 0;
		}
		div#content h1 {
				margin:0 0 16px;
				font-size:32px;
		}
}

/* ============================
   > POOL-PLUGIN
   ================== */

/* spielplan */
.matchinfo.new-layout {
		width:auto;
		/*padding: 5px;*/
}
div.matchinfo.new-layout .matchtype {
		font-family:var(--tip_font_medium);
		font-size:16px; font-weight:normal;
		letter-spacing:2px; padding:12px 0;
		text-align:center; border-radius:4px;
		background-color:var(--tip_green_light);
		color:var(--tip_green_dark);
		margin-bottom:20px;

		font-size:18px; line-height:1; padding:15px 0;
		background-color:transparent; border-radius:26px;
		border:2px solid var(--tip_green_light);
		color:var(--tip_green_light);
}
.matchinfo.new-layout .match-card {
		border-radius:4px; color:var(--tip_text);
}
.matchinfo.new-layout .match-card {
		display:grid; /*grid-gap:20px;*/
		grid-template-columns:repeat(2, 1fr);
		width:49%;
}
.matchinfo.new-layout .match-card-header,
.matchinfo.new-layout .match-card-footer {
		grid-column:1 / -1;
}
.matchinfo.new-layout .flag,
.matchinfo.new-layout .home,
.matchinfo.new-layout .away,
.matchinfo.new-layout .score {
		width:auto;
}
.matchinfo.new-layout .flag img {
		max-width:70px; height:auto;
}
.matchinfo.new-layout .match-card-header span {
		padding:4px 12px;
}
.matchinfo.new-layout div {
		margin:0; padding:0;
}
.matchinfo.new-layout .score {
		font-family:var(--tip_font_bold);
		font-weight:normal; padding-bottom:15px;
}
.matchinfo.new-layout div.home,
.matchinfo.new-layout div.away {
		font-family:var(--tip_font_medium);
		padding:6px 0; font-weight:normal;
		font-size:16px !important;
}
.matchinfo.new-layout .score a {
		font-size:29px;
		text-decoration:none;
		color:var(--tip_text);
}
/* nach-ergebnis */
.matchinfo.new-layout .match-card-footer .user-score,
.matchinfo.new-layout .match-card-footer .fp-icon {
		width:50%;
}
.matchinfo.new-layout .match-card-footer .user-score {
		background:#e7e7e7; flex:none;
		text-align:center;
}
.matchinfo.new-layout .match-card-footer .fp-icon {
		background:#d6d6d6; position:relative;
		text-align:right;
}
.matchinfo.new-layout .match-card-footer .fp-icon:before {
		position:absolute; font-size:75%; left:20px;
		content:'Tipps der anderen';
}
.matchinfo.new-layout .match-card-footer .fp-icon:last-of-type {
		display:none;
}
.matchinfo.new-layout .match-card-footer .fp-icon a {
		display:block; margin-right:10px;
}

/* tippübersicht-seite */
#content.user form {
		margin:0 28px;
}
#content.user form select {
		width:100%; padding:12px;
		display:none; /* < ausgeblendet */
}
#content.user p.user-page-intro {
		padding:18px 0;
}
#content.user span.username {
		font-family:var(--tip_font_medium);
		color:var(--tip_green_light);
		font-weight:normal;
}
#content.user div.matchinfo {
		margin-top:28px;
}
#content.user a.statistics {
		font-size:0;
}

/* tippabgabe-seite */
#content.pool h2 {
		font-family:var(--tip_font_bold);
		font-size:34px; line-height:1.2;
		letter-spacing:1px; padding:0 0 18px;
		text-align:center;
}
#content.pool .wrap p:first-of-type,
#content.pool .wrap p:nth-of-type(2),
#content.ranking .wrap p:first-of-type,
#content.user .wrap p:first-of-type + p,
#content.user .wrap p:first-of-type {
		text-align:center;
}
#content.pool .wrap p {
		margin-bottom:18px;
}
#content.pool .wrap p strong {
		font-family:var(--tip_font_bold);
		font-weight:normal;
}
#content.pool form {
		margin:28px 0 0;
}
#content.pool .fp-notice.updated {
		background:#e6fce9; color:var(--tip_text);
		box-shadow:none; font-weight:500;
}
#content.pool .fp-notice.updated + p {
		text-align:center; margin-top:28px;
}
#content.pool .matchinfo .match-card-footer {
		/* display:none;  < ausgeblendet */
}

/* go-to-save-button */
#content.pool .button-matches {
		position:relative;
}
#content.pool a.gosave {
		position:fixed; z-index:1;
		width:50px; height:50px; bottom:28px; left:28px;
		background:var(--tip_green_light) url('images/save.svg') no-repeat center;
		background-size:28px; border-radius:4px;
}
#content.pool a.gosave:hover {
		/*background-color:#f7a600;*/
}
#content.pool span#save {
		position:absolute;
		width:1px; height:1px;
		margin-top:-180px;
}
.matchinfo.new-layout .score {
		position:relative; display:flex;
		margin:0 10%; justify-content:center;
}
.matchinfo.new-layout .score input.prediction {
		font-family:var(--tip_font_medium);
		font-size:100%; color:var(--tip_text);
		width:100%; padding:1px;
}
.matchinfo.new-layout .score .qty-plus,
.matchinfo.new-layout .score .qty-minus {
		position:absolute; cursor:pointer;
		text-indent:-9999px; border:none;
		width:50px; height:50px;
}
.matchinfo.new-layout .score .qty { opacity:1; }
.matchinfo.new-layout .score .qty:hover { opacity:.6; }

.matchinfo.new-layout .score .qty-minus {
		background:url(images/ico-minus.gif) no-repeat center; left:0px;
}
.matchinfo.new-layout .score .qty-plus {
		background:url(images/ico-plus.gif) no-repeat center; right:0px;
}
div.button-matches input[type=submit],
div.button-questions input[type=submit] {
		border:none; border-radius:4px;
		text-align:center; padding:18px 0;
		background:var(--tip_green_light);
		font-family:var(--tip_font_medium);
		font-size:22px; color:var(--tip_text);
		width:100%; cursor:pointer;
}
div.button-matches input[type=submit]:hover,
div.button-questions input[type=submit]:hover {
		/*background:var(--tip_green_light);*/
}
div.buttonblock {
		padding:0 0 4em; margin:0;
}

/* Chrome, Safari, Edge, Opera */
.matchinfo.new-layout .score input::-webkit-outer-spin-button,
.matchinfo.new-layout .score input::-webkit-inner-spin-button {
  	-webkit-appearance:none; margin:0;
}
/* Firefox */
.matchinfo.new-layout .score input[type=number] {
		-moz-appearance:textfield;
}

/* bonus-fragen */
div.bonus {
		background-color:transparent;
		margin-bottom:1em;
}
div.bonus p {
		font-family:var(--tip_font_medium);
		font-size:20px; color:var(--tip_white);
		padding:8px 0;	text-align:center;
		font-weight:normal;
}
div.bonus .bonus-card-footer .bonus {
		color:#fff; font-size:75%;
}
div.bonus input.bonus {
		font-family:var(--tip_font_medium);
		padding:18px 0; color:var(--tip_text);
		text-indent:18px; font-weight:normal;
		border:none; border-radius:4px;
}
/* 20240511 */
.questions-block .bonus-card-footer div {
		color:#fff !important;
}
/*div.button-matches input[type="submit"]
div.button-questions input[type="submit"]*/


/* regel-seite */
#content.rules {
		color:var(--tip_white);
		font-weight:normal;
}
#content.rules h3 {
		font-family:var(--tip_font_medium);
		font-size:26px; line-height:1.2;
		color:var(--tip_green_light);
		padding:18px 0 12px;
}
#content.rules img {
		max-width:100%;
		margin:28px 0 0;
		height:auto;
}
#content.rules a {
		color:var(--tip_green_light);
}
#content.rules p {
		margin-bottom:24px;
}
#content.rules strong {
		font-family:var(--tip_font_medium);
		color:var(--tip_green_light);
}
#content.rules ul.list {
		margin:0 0 25px 20px;
		list-style:disc;
}

/* table-styling */
#content table {
		border-spacing:0; margin:0 0 48px;
		border-bottom:1px solid var(--tip_green_dark);
		border-collapse:collapse; width:100%;
		font-size:14px; line-height:2;
}
#content table thead tr {
		background-color:var(--tip_green_dark);
		color:var(--tip_white);
}
#content table thead tr th {
		background-color:var(--tip_green_light) !important;
		color:var(--tip_green_dark);
}
#content table thead tr th,
#content table tr td {
		padding:8px 18px;
}
#content td {
		border-top:1px solid var(--tip_green_light);
		font-size:22px; color:var(--tip_white);
}
#content caption, th, td {
		font-family:var(--tip_font_medium);
		text-align:left;
}
table.pool-ranking td a {
		color:var(--tip_green_light);
		text-decoration:none;
		font-weight:normal;
}
table.pool-ranking tr.currentuser {
		background-color:var(--tip_green_light) !important;
}
table.pool-ranking tr.currentuser td,
table.pool-ranking tr.currentuser td a {
		color:var(--tip_green_dark) !important;
}
#content.rules table td {
		font-size:18px;
}

/* ranking-seite */
div.ranking {
		width:auto; border:none;
		float:none; max-width:none;
		padding:0; margin:0;
}
table.pool-ranking.ranking-page {
		max-width:none; width:100%;
		margin:28px 0 0 !important;
}
table.pool-ranking tr.currentuser {
		background-color:transparent;
}
table.pool-ranking tr.currentuser td,
table.pool-ranking tr.currentuser td a {
		color:#ffcd44; font-weight:normal;
}
table.pool-ranking td.user-rank {
		text-align:left; width:2em;
}
#content.ranking .pool-ranking.ranking-page td {
		font-size:20px;
}

/* statistik-seite */
div#content.statistics {
		float:none;
}
div#content.statistics tr.currentuser a {
		color:#ffcd44; font-weight:500;
}
div#content.statistics h2,
div#content.statistics h3 {
		text-align:center;
}
div#content.statistics h2 {
		font-size:28px;
}
div#content.statistics h3 {
		padding:10px 0 38px;
		font-size:20px;
}
div#content.statistics table {
		max-width:100%;
}
div#content.statistics table tr th {
		background-color:#007a8c;
		font-size:16px; color:#fff;
		padding:8px 18px;
}
div#content.statistics table tr th:nth-of-type(2) {
		text-align:center;
}
div#content.statistics table tr th:last-of-type,
div#content.statistics table td.away,
div#content.statistics table td.score {
		text-align:right;
}
div#content.statistics a.goback {
		position:absolute; width:20px; height:28px;
		background:url('images/flex-prev-mobile.png') no-repeat;
		background-size:contain; text-decoration:none;
		margin-top:10px;
}

/* gruppen-seite */
#content.groups .ranking h2 {
		font-family:var(--tip_font_bold);
		font-size:24px;
}
#content.groups .group-ranking {
		background:#f8f8f8;
		color:var(--tip_text);
}
#content.groups .group-ranking th {
		background:#007a8c;
}
#content.groups .group-ranking td {
		font-size:18px; font-weight:normal;
		border-top:1px solid var(--tip_green_dark);
		color:var(--tip_text);
}

/* team-u-stadium-list */
#content.teams .team-list,
#content.stadiums .stadium-list {
		display:flex; grid-gap:40px;
		flex-wrap:wrap; justify-content:center;

		display:grid; grid-gap:20px;
		grid-template-columns:repeat(4, 1fr);
		grid-auto-rows:180px;
}
#content.teams .team-list li,
#content.stadiums .stadium-list div {
		background-color:var(--tip_green_medium);
		color:var(--tip_white); text-align:center;
		position:relative;
}
#content.teams .team-list li img {
		max-width:50px; height:auto;
		border:1px solid var(--tip_white);
		margin:0 !important;
}
#content.teams .team-list li:first-of-type { background-color:#D52B1E; } 	/* ägypten */
#content.teams .team-list li:nth-of-type(2) { background-color:#00A067; } 	/* algerien */
#content.teams .team-list li:nth-of-type(3) { background-color:#9CC9F2; } 	/* argentinien */
#content.teams .team-list li:nth-of-type(4) { background-color:#FFC100; } 	/* australien */

#content.teams .team-list li:nth-of-type(5) { background-color:#880029; } 	/* belgien */
#content.teams .team-list li:nth-of-type(6) { background-color:#2739D7; } 	/* bosnien-herzegowina */
#content.teams .team-list li:nth-of-type(7) { background-color:#FFCF25; } 	/* brasilien */
#content.teams .team-list li:nth-of-type(8) { background-color:#236CDA; } 	/* curaçao */

#content.teams .team-list li:nth-of-type(9) { background-color:#1F1F1F; } 	/* deutschland */
#content.teams .team-list li:nth-of-type(10) { background-color:#007FFF; } /* dr-kongo */
#content.teams .team-list li:nth-of-type(11) { background-color:#FFD600; } /* ecuador */
#content.teams .team-list li:nth-of-type(12) { background-color:#FF8A00; } /* elfenbeinküste */

#content.teams .team-list li:nth-of-type(13) { background-color:#FFFFFF; } /* england */
#content.teams .team-list li:nth-of-type(14) { background-color:#00418F; } /* frankreich */
#content.teams .team-list li:nth-of-type(15) { background-color:#FFC100; } /* ghana */
#content.teams .team-list li:nth-of-type(16) { background-color:#0013BA; } /* haiti */

#content.teams .team-list li:nth-of-type(17) { background-color:#DF1818; } /* ir-iran */
#content.teams .team-list li:nth-of-type(18) { background-color:#0D7053; } /* irak */
#content.teams .team-list li:nth-of-type(19) { background-color:#2830E7; } /* japan */
#content.teams .team-list li:nth-of-type(20) { background-color:#FF1A1A; } /* jordanien */

#content.teams .team-list li:nth-of-type(21) { background-color:#D52B1E; } /* kanada */
#content.teams .team-list li:nth-of-type(22) { background-color:#222E77; } /* kap-verde */
#content.teams .team-list li:nth-of-type(23) { background-color:#8D1B3D; } /* katar */
#content.teams .team-list li:nth-of-type(24) { background-color:#FFD600; } /* kolumbien */

#content.teams .team-list li:nth-of-type(25) { background-color:#F30A0A; } /* kroatien */
#content.teams .team-list li:nth-of-type(26) { background-color:#E40000; } /* marokko */
#content.teams .team-list li:nth-of-type(27) { background-color:#E40000; } /* mexiko */
#content.teams .team-list li:nth-of-type(28) { background-color:#000000; } /* neuseeland */

#content.teams .team-list li:nth-of-type(29) { background-color:#FF7A00; } /* niederlande */
#content.teams .team-list li:nth-of-type(30) { background-color:#C70000; } /* norwegen */
#content.teams .team-list li:nth-of-type(31) { background-color:#ED3D32; } /* österreich */
#content.teams .team-list li:nth-of-type(32) { background-color:#E41027; } /* panama */

#content.teams .team-list li:nth-of-type(33) { background-color:#DE0000; } /* paraguay */
#content.teams .team-list li:nth-of-type(34) { background-color:#FF0000; } /* portugal */
#content.teams .team-list li:nth-of-type(35) { background-color:#FF253A; } /* republik-korea */
#content.teams .team-list li:nth-of-type(36) { background-color:#27A550; } /* saudi-arabien */

#content.teams .team-list li:nth-of-type(37) { background-color:#1E1C71; } /* schottland */
#content.teams .team-list li:nth-of-type(38) { background-color:#377E3F; } /* schweden */
#content.teams .team-list li:nth-of-type(39) { background-color:#E20000; } /* schweiz */
#content.teams .team-list li:nth-of-type(40) { background-color:#FFDA17; } /* senegal */

#content.teams .team-list li:nth-of-type(41) { background-color:#FF0000; } /* spanien */
#content.teams .team-list li:nth-of-type(42) { background-color:#FFD600; } /* südafrika */
#content.teams .team-list li:nth-of-type(43) { background-color:#FF2727; } /* tschechien */
#content.teams .team-list li:nth-of-type(44) { background-color:#E91426; } /* tunesien */

#content.teams .team-list li:nth-of-type(45) { background-color:#FFFFFF; } /* türkei */
#content.teams .team-list li:nth-of-type(46) { background-color:#7EC1FF; } /* uruguay */
#content.teams .team-list li:nth-of-type(47) { background-color:#0326DE; } /* usa */
#content.teams .team-list li:last-of-type { background-color:#112BB3; } 	/* usbekistan */

#content.teams .team-list li:nth-of-type(13) a { color:var(--tip_text); } /* england */
#content.teams .team-list li:nth-of-type(45) a { color:var(--tip_text); } /* türkei */

#content.teams .team-list li a,
#content.stadiums .stadium-list div a {
		display:flex; align-items:center;
		justify-content:space-around;
		flex-direction:column;

		font-family:var(--tip_font_medium);
		font-size:24px; line-height:1;
		text-decoration:none; height:100%;
		color:var(--tip_white);
}
#content.teams .team-list li a img,
#content.stadiums .stadium-list div a img {
		margin:0 0 10px;
}
#content.teams .football-pool.team.name a {
		font-family:var(--tip_font_medium);
		font-size:26px; line-height:1.4;
		color:var(--tip_green_light);
}
#content.teams .football-pool.team.info {
		margin:48px 0;
}
#content.teams .football-pool.team.info td a {
		color:var(--tip_green_light);
		text-decoration:none;
}
#content.teams .football-pool.team.info td a,
#content.teams .football-pool.team.info tr {
		font-size:20px;
}
#content.teams h4 {
		font-family:var(--tip_font_medium);
		font-size:20px; padding:0 0 20px;
		line-height:1.2; text-align:center;
		text-transform:uppercase;
		letter-spacing:2px;
}

/* stadiums */
div#content.stadiums h1:last-of-type {
		font-size:32px;
}
div#content.stadiums img.stadium-photo {
		max-width:100%; height:auto;
}
div#content.stadiums .stadium-list div {
		flex:0 1 30%;
}
#content.stadiums .stadium-list {
		grid-template-columns:repeat(2, 1fr) !important;
		grid-auto-rows:280px; grid-gap:25px;
}
#content.stadiums .stadium-list div {
		/*background-color:transparent;*/
}
#content.stadiums .stadium-list div h2 a {
		font-size:20px; padding-top:15px;
}
#content.stadiums .stadium-list div a img {
		display:none;
}
#content.stadiums .stadium-list div {
		background-position:content;
		background-repeat:no-repeat;
		background-size:cover;
}
#content.stadiums .stadium-list div:first-of-type { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/arrowhead-stadium.jpg') }
#content.stadiums .stadium-list div:nth-of-type(2) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/at-and-t-stadium.jpg') }
#content.stadiums .stadium-list div:nth-of-type(3) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/bc-place.jpg') }
#content.stadiums .stadium-list div:nth-of-type(4) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/bmo-field.jpg') }
#content.stadiums .stadium-list div:nth-of-type(5) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/estadio-akron.jpg') }
#content.stadiums .stadium-list div:nth-of-type(6) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/estadio-azteca.jpg') }
#content.stadiums .stadium-list div:nth-of-type(7) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/estadio-bbva.jpg') }
#content.stadiums .stadium-list div:nth-of-type(8) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/gillette-stadium.jpg') }
#content.stadiums .stadium-list div:nth-of-type(9) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/hard-rock-stadium.jpg') }
#content.stadiums .stadium-list div:nth-of-type(10) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/levis-stadium.jpg') }
#content.stadiums .stadium-list div:nth-of-type(11) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/lincoln-financial-field.jpg') }
#content.stadiums .stadium-list div:nth-of-type(12) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/lumen-field.jpg') }
#content.stadiums .stadium-list div:nth-of-type(13) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/mercedes-benz-stadium.jpg') }
#content.stadiums .stadium-list div:nth-of-type(14) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/metlife-stadium.jpg') }
#content.stadiums .stadium-list div:nth-of-type(15) { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/nrg-stadium.jpg') }
#content.stadiums .stadium-list div:last-of-type { background-image:url('//tippspiel.ps-design.it/wp-content/uploads/football-pool/stadiums/sofi-stadium.jpg') }

/* media-queries */
@media screen and (max-width: 980px) {
		#content.teams .team-list,
		#content.stadiums .stadium-list {
				grid-template-columns:repeat(3, 1fr);
		}
}
@media screen and (max-width: 720px) {
		#content.teams .team-list,
		#content.stadiums .stadium-list {
				grid-template-columns:repeat(2, 1fr);
		}
		#content.teams .team-list li a,
		#content.stadiums .stadium-list div a {
				font-size:22px;
		}
		#content.ranking .pool-ranking.ranking-page td {
				font-size:18px; padding:6px 18px;
		}
}
@media screen and (max-width: 480px) {
		div.matchinfo.new-layout .matchtype {
				font-size:15px;
				margin-bottom:20px;
				padding:10px 0;
		}
		.matchinfo.new-layout .flag img {
				max-width:48px;
		}
		div.matchinfo.new-layout div.home,
		div.matchinfo.new-layout div.away {
				font-size:16px;
		}
		.matchinfo.new-layout .match-card,
		.matchinfo.new-layout .linked-question {
				margin-bottom:10px;
		}
		input.prediction {
				width:3.5em;
		}
		/* tippabgabe */
		div#content.pool h2 {
				font-size:20px;
		}
		div#content.pool a.gosave {
				width:40px; height:40px;
				bottom:10px; left:10px;
				background-size:24px;
		}
		/* regeln */
		div#content.rules .wrap,
		div#content.statistics .wrap,
		div#content.ranking p,
		div#content.user p {
				margin:0 28px;
		}
		div#content.rules .wrap,
		div#content.rules .wrap a,
		div#content.user p,
		div#content.user p a {
				line-height:148%;
				font-size:16px;
		}
		div#content.rules h3 {
				font-size:22px;
				padding:18px 0;
		}
		.matchinfo.new-layout .match-card-footer .fp-icon:before {
				content:'Andere Tipper';
		}
		/* statistiken */
		div#content.statistics table tr th,
		div#content.statistics table tr td {
				padding:4px 8px;
		}
		div#content.statistics table tr td,
		div#content.statistics table tr td a {
				font-size:16px;
		}
		div#content.statistics h2 {
				font-size:22px;
		}
		div#content.statistics h3 {
				padding:6px 0 18px;
				font-size:16px;
		}
		div#content.statistics a.goback {
				margin-top:0;
		}
		/* 20240510 */
		.matchinfo.new-layout .score .qty-plus,
		.matchinfo.new-layout .score .qty-minus {
				width:42px; height:42px;
		}
		.matchinfo.new-layout .score input.prediction {
				font-size:100%; line-height:1.3;
		}
		div#content.pool a.gosave {
				display:none;
		}
		div.button-matches input[type='submit'],
		div.button-questions input[type='submit'] {
				font-family:var(--tip_font_bold);
				font-size:18px; padding:12px;
		}
		div.button-matches input[type='submit'] {
				position:fixed; width:auto;
				bottom:8px; left:10px; right:10px;
		}
		.questions-block .bonus-card-footer div {
				text-align:center !important;
				margin:0 !important;
		}
		/* 20240511 */
		div#content.groups .group-ranking {
				margin-bottom:28px;
		}
		div#content.groups .group-ranking td {
				font-size:14px; padding:4px 10px;
		}
		#content.user .statistics {
				float:none; display:flex;
				justify-content:center;
				flex-direction:column;
				align-items:center;
		}
		#content.teams .team-list,
		#content.stadiums .stadium-list {
				grid-auto-rows:150px;
				grid-gap:10px;
		}
		#content.teams .team-list li a,
		#content.stadiums .stadium-list div a {
				font-size:20px;
		}
		#content.ranking .pool-ranking.ranking-page td {
				/*font-size:18px;*/ padding:4px 16px;
		}
		#content.stadiums .stadium-list div h2 a {
				font-size:18px; padding-top:10px;
		}
}

/* ============================
   > PASSKEY-ANMELDUNG
   ================== */

#content.passkey h3.card-title {
		font-family:var(--tip_font_medium);
		font-size:26px; line-height:1.2;
		color:var(--tip_green_light);
		padding:18px 0 12px;
}
#content.passkey .list-group {
		color:var(--tip_text);
}
#content.passkey .list-group-item {
		border-radius:8px;
}
#content.passkey #passkey_app .btn-success,
#content.passkey #passkey_app .label-success {
		background-color:var(--tip_green_light);
		color:var(--tip_green_dark);
}
#content.passkey #passkey_app .btn-success {
		border-color:var(--tip_green_light);
		font-family:var(--tip_font_medium);
		border-radius:4px;
}
#content.passkey .notice {
		margin-top:25px;
}

/* ============================
   > FOOTER
   ================== */

#footer {
		background-color:var(--tip_green_dark);
		text-align:center; padding:48px 0;
}
#footer a {
		color:var(--tip_green_light);
}

/* media-queries */
@media screen and (max-width: 720px) {
		#footer {
				padding:28px 0;
		}
}
@media screen and (max-width: 480px) {
		#footer {
				padding:18px 0;
		}
		#footer .wrap br {
				display:none;
		}
		#footer, div#footer a {
				line-height:normal;
				font-size:15px;
		}
}

/* ============================
   > BACKTOP
   ================== */

.backtop {
		position:fixed; z-index:8; cursor:pointer;
		bottom:-50px; right:15px; width:60px; height:50px;
		display:flex; align-items:center; border-radius:50%;
		border-radius:4px; background:var(--tip_green_light);
		justify-content:center; opacity:0;
		transition:all .3s ease-in-out;
}
.backtop.active {
		bottom:28px; opacity:1;
}
.backtop:after {
		display:inline-block; content:'';
		border:solid var(--tip_green_dark);
		border-width:0 2px 2px 0; padding:5px;
		margin-top:5px; transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
}

/* media-queries */