@charset "UTF-8";
:root {
  --white: #f9f9f9;
  --black: #36383F;
  --gray: #85888C;
  --progress-1:rgb(163,163,163);
  --progress-2:rgb(141,172,142);
  --progress-3:rgb(95,183,97);
  --progress-4:rgb(67,192,51);
  --progress-5:rgb(0,186,29);
  --heading-font: "Bebas Neue", sans-serif;
  --body-font: "Space Grotesk", sans-serif;
}

/* variables*/
@font-face {
  font-family: "MyWebFont";
  src: url("/pages/courses/registration/ike/odds/css/fonts/Inter-VariableFont_opsz,wght.ttf");
}
/*
li[role="tab"] a:focus,
li[role="tab"] a:active,
li[role="tab"] a:focus-visible {
    outline: none;
    border: none;
    box-shadow: none;
}*/
a:focus,
a:active,
a:focus-visible {
  outline: none;
  border: none;
  box-shadow: none;
}

.body-invitation .title-odds .logo img, .body-ranking .title-odds .logo img, .body-slips .title-odds .logo img {
  max-width: 200px;
}

.body-invitation .button-goto-app, .body-ranking .button-goto-app, .body-slips .button-goto-app {
  font-size: 16px !important;
  padding: 4px 10px !important;
  /* background-color: transparent !important; */
  border: 1px solid #53A1EC !important;
  color: #53A1EC !important;
}
.body-invitation .div-buttons, .body-ranking .div-buttons, .body-slips .div-buttons {
  text-align: center;
  display: inline-flex;
  justify-content: center;
  column-gap: 10px;
  width: 100%;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  background-color: transparent;
  color: black;
  border: none;
  text-align: center;
}
.ui-state-default.ui-state-highlight, .ui-widget-content .ui-state-default.ui-state-highlight {
  background-color: #fffa90;
}

.ui-widget-header {
  background-color: white;
  color: black;
  border: none;
}

.start-menu-tile.matches .ui-widget.ui-widget-content {
  border: none;
  padding: 0px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.start-menu-tile.matches .ui-scroll-tabs-view {
  margin: 0px 30px;
}
.start-menu-tile.matches .stNavVisible {
  background: none !important;
  width: 30px;
}
.start-menu-tile.matches .stNavVisible button {
  width: 30px;
  border: none !important;
}
.start-menu-tile.matches .stNavVisible button.stNavNextArrow.ui-state-active .ui-icon {
  background: none;
}
.start-menu-tile.matches .stNavVisible button.stNavPrevArrow.ui-state-active .ui-icon {
  background: none;
}
.start-menu-tile.matches .stNavVisible button i {
  color: #d4d4d4;
  font-size: 28px;
}

html, body {
  overflow: hidden;
  overscroll-behavior: none;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  font-family: "MyWebFont";
}

.main-body {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  margin: 0px auto;
  position: relative;
  max-width: 500px;
}
.main-body .tab-pane-inner {
  height: 100%;
}
.main-body .tabs-content {
  margin: 0px 0px 0px 0px;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  flex: 1;
  overflow-x: hidden;
}
.main-body .tabs-content .tab-pane-main.active {
  display: block;
}
.main-body .tabs-content .tab-pane-main.form-odds.active, .main-body .tabs-content .tab-pane-main.form-splash.active, .main-body .tabs-content .tab-pane-main.form-registration.active, .main-body .tabs-content .tab-pane-main.form-login.active {
  display: flex;
}
.main-body .tabs-content .tab-pane-main:not(.active) {
  display: none;
}
@media (max-width: 500px) {
  .main-body .tabs-content {
    border: none;
  }
}

.form-splash {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.form-splash .form-splash-top {
  display: flex;
  margin-top: 3px;
}
.form-splash .form-splash-top .logo {
  flex: 1;
  padding-left: 4px;
}
.form-splash .form-splash-top .logo img {
  width: 135px;
}
.form-splash .form-splash-top .form-splash-top-right {
  padding-right: 4px;
}
.form-splash .form-splash-top .form-splash-top-right .button-splash-start-faqs.button-splash {
  padding: 4px 8px;
}
.form-splash .text {
  position: relative;
  flex: 1;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  align-items: center;
}
.form-splash .text .text-1 {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0px 10px;
}
.form-splash .button-splash {
  background-color: #53A1EC;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-size: 14px;
}
.form-splash .buttons {
  text-align: center;
}
.form-splash .buttons .buttons-1 {
  padding-bottom: 14px;
}
.form-splash .buttons .buttons-2 {
  padding-bottom: 14px;
}
.form-splash .buttons .buttons-3 {
  padding-bottom: 14px;
}
.form-splash .buttons button.button-reg {
  border: none;
  background-color: transparent;
}
.form-splash .buttons .button-splash {
  width: 240px;
}
.form-splash .buttons .button-splash-start span {
  display: block;
}
.form-splash .buttons .button-splash-start .button-splash-start-name {
  display: none;
}
.form-splash .buttons .button-splash-start.active {
  font-size: 18px;
}
.form-splash .buttons .button-splash-start.active .button-splash-start-name {
  display: block;
  margin-top: 6px;
  font-weight: bold;
}
.form-splash .next-rounds {
  width: 300px;
  margin: 0px auto 20px auto;
  border: 2px solid #F2D55D;
  display: none;
}
.form-splash .next-rounds .next-rounds-header {
  background-color: #F2D55D;
  color: white;
  padding: 3px;
  font-size: 14px;
  font-weight: bold;
}
.form-splash .next-rounds .round-match {
  padding: 0px 3px 0px 3px;
  display: flex;
  gap: 7px;
}
.form-splash .next-rounds .round-match .caption-row {
  display: flex;
  flex: 1;
}
.form-splash .next-rounds .round-match .caption-row .teamname {
  flex: 1;
  margin-top: 4px;
  font-size: 14px;
  font-weight: bold;
}
.form-splash .next-rounds .round-match .caption-row .match-logo {
  width: 38px;
  max-width: 38px;
  min-width: 38px;
  max-height: 38px;
  text-align: center;
  margin: 0px auto;
}
.form-splash .next-rounds .round-match .caption-row .match-logo img {
  height: 100%;
  max-height: 34px;
  max-width: 100%;
}
.form-splash .next-rounds .round-match .caption-row.row-home .teamname {
  margin-left: 4px;
}
.form-splash .next-rounds .round-match .caption-row.row-away .teamname {
  margin-right: 4px;
  text-align: right;
}
.form-splash .next-rounds .next-rounds-countdowns {
  padding: 0px 0px 0px 0px;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round {
  padding-bottom: 5px;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round .round-header {
  display: flex;
  background-color: #fff8da;
  padding: 1px 3px;
  margin-bottom: 3px;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round .round-header .round-header-caption {
  font-weight: bold;
  flex: 1;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round .round-header .round-header-state .state {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-top: 1px;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round .round-header .round-header-state .state.closed {
  background-color: red;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round .round-header .round-header-state .state.opened {
  background-color: lime;
  animation-name: blink-live-result;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round .round-time-counter .round-time-counter-1 {
  display: flex;
  gap: 14px;
  width: 200px;
  margin: 0px auto;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 3px;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round .round-time-counter .round-time-counter-1 .countdown {
  flex: 1;
  font-size: 12px;
  max-width: 50px;
  background-color: #cce6ff;
  color: #656565;
  border-radius: 6px;
  text-align: center;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round .round-time-counter .round-time-counter-1 .countdown .value, .form-splash .next-rounds .next-rounds-countdowns .next-round .round-time-counter .round-time-counter-1 .countdown .caption-value {
  font-size: 14px;
  line-height: 20px;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round .round-time-counter .round-time-counter-1 .countdown .value {
  font-weight: bold;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round .round-time-counter .round-time-counter-1 .countdown .caption {
  font-size: 12px;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round .round-time-counter .round-time-counter-1 .countdown.countdown-days {
  display: none;
}
.form-splash .next-rounds .next-rounds-countdowns .next-round.show-days .round-time-counter .round-time-counter-1 .countdown.countdown-days {
  display: block;
}

.form-agb {
  max-width: 600px;
  margin: 10px auto;
}
.form-agb .communication-support {
  margin-top: 10px;
  margin-bottom: 20px;
}
.form-agb .form-agb-header {
  margin-bottom: 20px;
}
.form-agb .form-agb-header button {
  font-size: 14px;
}
.form-agb .form-agb-header button.active {
  font-weight: bold;
}
.form-agb .form-agb-header .form-agb-header-1 {
  margin-bottom: 8px;
}
.form-agb .content-agb-1 {
  margin-top: 6px;
}
.form-agb .content-agb-1 .header-a {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.form-agb .content-agb-1 .text-a p {
  font-size: 12px;
  line-height: 20px;
}
.form-agb .content-agb-1 .text-a .header {
  font-weight: bold;
}
.form-agb .content-agb-1 .text-a .header:not(:first-child) {
  margin-top: 10px;
}
.form-agb .content-agb-1 .text-a .para {
  font-weight: bold;
}
@media (max-width: 620px) {
  .form-agb {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.form-odds {
  height: 100%;
  flex-direction: column;
  padding-top: 5px;
}
.form-odds #tab-matches-split {
  padding: 0px 8px;
}
.form-odds #tab-matches-split li a {
  padding: 7px 5px;
}
.form-odds #tab-matches-split li a .text {
  font-size: 16px;
  color: black;
}
.form-odds #tab-matches-split li a .text .count-matches {
  font-size: 16px;
  margin-left: 10px;
  padding: 0px 6px;
  border: 1px solid lightgray;
}
.form-odds #tab-matches-split li a .text .count-matches.opened {
  background-color: lightgreen;
  font-weight: bold;
  border: none;
  font-size: 20px;
}
.form-odds .left__site__section {
  flex: 1;
  overflow: auto;
  padding: 6px;
}
.form-odds .left__site__section .matches-container-main:not(.outrights) .match-split-main .split-matches {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 340px));
}
.form-odds .left__site__section .matches-container-main.next-matches .tab-pane.active {
  display: block;
}
.form-odds .left__site__section .matches-container-main.next-matches .tab-pane:not(.active) {
  display: none;
}
.form-odds .left__site__section .matches-container-main.outrights {
  display: block;
  max-width: 400px;
}
.form-odds .left__site__section .matches-container-main.outrights .match-split-main {
  margin-bottom: 10px;
}
.form-odds .left__site__section .matches-container-main.outrights .match-split-main[group-locked="1"] .match__fixing__items .match__vs .match-header-caption .match__point li {
  cursor: default;
}
.form-odds .left__site__section .matches-container-main.outrights .outright-header {
  background-color: gray;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 2px;
  display: flex;
}
.form-odds .left__site__section .matches-container-main.outrights .outright-header .caption {
  flex: 1;
}
.form-odds .left__site__section .matches-container-main.outrights .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match-logo {
  width: 80px;
  text-align: left;
}
.form-odds .left__site__section .matches-container-main.outrights .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left {
  display: flex;
}
.form-odds .left__site__section .matches-container-main.outrights .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .team-name {
  flex: 1;
  text-align: left;
  font-size: 16px;
  margin-top: 6px;
}
.form-odds .left__site__section .matches-container-main.outrights .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__point li {
  width: 60px;
  max-width: 60px;
}
.form-odds .left__site__section .matches-container-main.outrights .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__point .s-tipp {
  visibility: hidden;
}
.form-odds .left__site__section .matches-container-main.outrights .match__tipp_container:not(:last-child) .match__fixing__items {
  border-bottom: none;
}
.form-odds .left__site__section .matches-container-main .match-split-main {
  margin-bottom: 8px;
}
.form-odds .left__site__section .matches-container-main .match-split-main .split-header {
  padding: 2px 4px;
  margin-bottom: 2px;
  font-weight: bold;
  color: white;
  background-color: gray;
  display: none;
}
.form-odds .left__site__section .matches-container-main .match-split-main .split-header .button-suggestions {
  border: none;
  padding: 0px;
  margin-right: 10px;
}
.form-odds .left__site__section .matches-container-main .match-split-main .split-header .button-suggestions i {
  font-size: 20px;
  color: white;
}
.form-odds .left__site__section .matches-container-main .match-split-main .split-header .date {
  flex: 1;
}
.form-odds .left__site__section .matches-container-main .match-split-main[kind="3"] .match__tipp .match-logo {
  display: none;
}
@media (max-width: 550px) {
  .form-odds .left__site__section .matches-container .match-split-main .split-matches {
    display: block !important;
  }
  .form-odds .left__site__section .matches-container .match-split-main .split-matches .match__tipp_container {
    margin-bottom: 8px;
  }
}

.form-header {
  color: black;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.form-login {
  flex-direction: column;
  padding: 5px;
  background-color: white;
  height: 100%;
  max-width: 280px;
  margin: 0px auto;
}
.form-login .form-login-body {
  margin-top: 30px;
  flex: 1;
}
.form-login .form-login-body label {
  margin: 0px;
  font-weight: normal;
}
.form-login .form-login-body input {
  width: 100%;
}
.form-login .form-login-body .form-login-body-button {
  margin-top: 20px;
  text-align: right;
}
.form-login .form-login-body .div-phonenumer-not-found .span-phonenumber-login {
  font-weight: bold;
}
.form-login .form-login-body .error-registration {
  background-color: #ffd2d2;
}
.form-login .form-login-footer {
  text-align: right;
}

.form-registration {
  padding: 15px 5px 5px 5px;
  background-color: white;
  height: 100%;
  overflow: hidden;
}
.form-registration .tab-pane-inner {
  flex-direction: column;
  width: 240px;
  margin: 0px auto;
  height: 100%;
  display: flex;
}
.form-registration .form-header {
  margin-bottom: 10px;
  font-size: 16px;
}
.form-registration .container-registration-info-registered {
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
}
.form-registration .registration-page .registration-page-header {
  display: flex;
  margin-bottom: 10px;
  background-color: #53A1EC;
  color: white;
  padding: 2px 5px;
}
.form-registration .registration-page .registration-page-header .caption {
  font-size: 14px;
  font-weight: bold;
  flex: 1;
}
.form-registration .registration-page .registration-page-header .step {
  margin-top: 2px;
  font-size: 12px;
}
.form-registration .registration-page .registration-page-footer {
  margin-top: 20px;
  display: flex;
}
.form-registration .registration-page .registration-page-footer .registration-page-footer-1 {
  flex: 1;
}
.form-registration .row-registration .row-registration-header {
  display: flex;
}
.form-registration .row-registration .row-registration-header label {
  flex: 1;
}
.form-registration .row-registration.row-registration-pwd div {
  display: flex;
}
.form-registration .row-registration.row-registration-pwd div input {
  flex: 1;
}
.form-registration .row-registration.row-registration-pwd button {
  border: none;
  padding: 0px;
  margin-left: 3px;
  width: 22px;
  text-align: right;
}
.form-registration .row-registration.row-registration-pwd button i {
  font-size: 16px;
  color: gray;
}
.form-registration .form-registration-body {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.form-registration .form-registration-body .container-registration-buttons-overview {
  margin-top: 30px;
  text-align: center;
}
.form-registration .form-registration-body .container-registration-buttons-overview div {
  margin-bottom: 20px;
}
.form-registration .form-registration-body .container-registration-buttons-overview button {
  width: 180px;
}
.form-registration .form-registration-body .container-registration-buttons-overview .button-registration-show-registration {
  font-size: 20px;
}
.form-registration .form-registration-body .container-registration-buttons-overview .button-registration-show-login {
  border: 1px solid #53A1EC;
  color: #53A1EC;
  background-color: transparent;
}
.form-registration .form-registration-body .container-registration-main {
  flex: 1;
}
.form-registration .form-registration-body .container-registration-main .label-caption {
  color: gray;
}
.form-registration .form-registration-body .container-registration-main .button-registration-page-back {
  height: 30px;
  font-size: 12px;
}
.form-registration .form-registration-body .container-registration-main .button-registration-page-next {
  height: 30px;
  font-size: 14px;
}
.form-registration .form-registration-body .container-registration-main .button-send-sms {
  height: 30px;
  font-weight: bold;
}
.form-registration .form-registration-body .container-registration {
  flex: 1;
  margin-top: 20px;
}
.form-registration .form-registration-body .container-registration-login {
  flex: 1;
}
.form-registration .form-registration-body .container-registration-login .row-registration {
  margin-bottom: 5px;
}
.form-registration .form-registration-body .container-registration-login .row-registration label {
  display: block;
  font-weight: normal;
  margin: 0px;
}
.form-registration .form-registration-body .container-registration-login .row-registration.row-registation-password-remember {
  text-align: right;
}
.form-registration .form-registration-body .container-registration-login .row-registration.row-registation-password-remember .button-registration-password-remember {
  font-size: 12px;
  border: none;
  padding: 0px;
}
.form-registration .form-registration-body .container-registration-login .registration-page-footer {
  margin-top: 20px;
}
.form-registration .form-registration-body .container-registration-login .registration-login-text {
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 15px;
}
.form-registration .form-registration-body .container-registration-login .registration-login-header {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  padding: 4px;
  background-color: #53A1EC;
  color: white;
}
.form-registration .form-registration-body .container-registration-login .input-registration-email-login,
.form-registration .form-registration-body .container-registration-login .input-registration-phonenumber-login,
.form-registration .form-registration-body .container-registration-login .input-registration-password-login {
  width: 100%;
  font-size: 16px;
}
.form-registration .form-registration-body .container-registration-start {
  flex: 1;
}
.form-registration .form-registration-body .container-registration-start .container-registration-logo {
  text-align: center;
  margin: 20px 0px 20px 0px;
}
.form-registration .form-registration-body .container-registration-start .container-registration-logo img {
  width: 150px;
}
.form-registration .form-registration-body .container-registration-start .container-registration-text {
  text-align: center;
}
.form-registration .form-registration-body .container-registration-start .container-registration-text .container-registration-text-1 {
  font-size: 18px;
  margin-bottom: 20p;
}
.form-registration .form-registration-body .container-registration-start .container-registration-text .container-registration-text-2 {
  font-size: 20px;
  font-weight: bold;
  color: red;
}
.form-registration .form-registration-body .container-registration-start .container-registration-buttons {
  text-align: center;
  margin-top: 40px;
}
.form-registration .form-registration-body .container-registration-start .container-registration-buttons .container-registration-buttons-1 {
  margin-bottom: 20px;
}
.form-registration .form-registration-body .container-registration-start .container-registration-buttons .container-registration-buttons-1 .button-registration-create-account {
  font-size: 20px;
}
.form-registration .form-registration-body .container-registration-start .container-registration-buttons .container-registration-buttons-1 .button-registration-login {
  font-size: 16px;
}
.form-registration .form-registration-body .container-registration-start .container-registration-buttons .button-registration-login {
  font-size: 16px;
}
.form-registration .form-registration-footer {
  display: flex;
}
.form-registration .form-registration-footer .left {
  flex: 1;
}
.form-registration .form-registration-footer button {
  font-size: 14px;
  height: 30px;
}
.form-registration .form-registration-footer button.button-show-logout {
  font-size: 12px;
}
.form-registration .form-registration-footer button.button-registration-back {
  display: none;
  font-size: 14px;
}
.form-registration .button-send-sms {
  width: 100%;
}
.form-registration .container-registration {
  /*
  .row-registation-name {
  	display:grid;
  	grid-template-columns:1fr 1fr;
  	grid-column-gap:6px;
  	.row-registation {
  		flex:1;
  		input {
  			width:100%;
  		}
  	}
  }*/
}
.form-registration .container-registration input[type=text], .form-registration .container-registration input[type=password] {
  width: 100%;
}
.form-registration .container-registration label {
  margin-bottom: 1px;
  display: block;
  font-weight: normal;
}
.form-registration .container-registration .row-registration {
  margin-bottom: 6px;
}
.form-registration .container-registration .row-registration.row-registration-agb {
  margin-bottom: 14px;
}
.form-registration .container-registration .row-registration.row-registration-agb input[type=checkbox] {
  width: 26px;
  height: 26px;
  margin: 0px;
}
.form-registration .container-registration .row-registration.row-registration-agb .row-registration-agb-1 {
  display: flex;
}
.form-registration .container-registration .row-registration.row-registration-agb .row-registration-agb-1 .row-registration-agb-11 {
  width: 45px;
}
.form-registration .container-registration .row-registration.row-registation-sex {
  display: flex;
  margin-top: 15px;
}
.form-registration .container-registration .row-registration.row-registation-sex label {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}
.form-registration .container-registration .row-registration.row-registation-sex label.label-x {
  margin-right: 20px;
  align-self: baseline;
}
.form-registration .container-registration .row-registration.row-registation-sex .col-sex {
  margin-right: 12px;
  margin-bottom: 0px;
}
.form-registration .container-registration .row-registration.row-registation-sex .col-sex input {
  width: 20px;
  height: 20px;
  margin: 0px;
}
.form-registration .container-registration .input-registration-phonenumber {
  width: 200px;
}
.form-registration .container-registration .input-registration-email {
  width: 220px;
}
.form-registration .error-registration {
  background-color: #ffd2d2 !important;
  border-color: red !important;
  color: black;
}
.form-registration .button-registration-check {
  width: 170px;
  padding: 3px 6px;
  font-size: 14px;
  border-color: lightgray;
  vertical-align: top;
}
.form-registration .button-registration-check.error-registration {
  background-color: #ffd2d2;
}
.form-registration.registered .tab-pane-inner {
  width: 300px;
}
.form-registration.registered .tab-pane-inner .form-header {
  display: none;
}

input, select, button, textarea {
  color: #2C3F48;
}

input[type=text], input[type=password] {
  border-radius: 5px;
  padding: 6px 4px;
  border-color: black;
}

.form-my-data {
  padding: 5px 15px 5px 15px;
}
.form-my-data .form-header {
  margin-bottom: 10px;
}
.form-my-data label {
  display: block;
  margin: 0px;
  font-weight: normal;
}
.form-my-data .my-row {
  margin-bottom: 10px;
}
.form-my-data .my-row.my-row-reminder {
  margin: 20px 0px 20px 0px;
}
.form-my-data .text-my-data-email {
  width: 240px;
}
.form-my-data .text-my-data-phonenumber {
  width: 240px;
}
.form-my-data .button-save-my-data i {
  font-size: 20px;
}
.form-my-data .button-save-my-data.saved i {
  color: lime;
}
.form-my-data .input-error {
  background-color: #ffd2d2 !important;
  border-color: red !important;
  color: black;
}
.form-my-data input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.form-my-data .label-my-data-reminder .wa-icon {
  width: 30px;
  height: 30px;
  margin-left: 10px;
}
.form-my-data .label-my-data-reminder .reminder-header {
  margin-bottom: 7px;
}
.form-my-data .label-my-data-reminder-1 {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.form-my-data .label-my-data-reminder-1 span {
  margin-right: 5px;
}

.tab-pane-inner-default {
  max-width: 500px;
  margin: 0px auto;
  overflow: hidden;
}

.form-prices {
  padding: 5px;
  background-color: white;
  height: 100%;
  max-width: 600px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.form-prices .div-preise-container {
  flex: 1;
  overflow: auto;
}
.form-prices .div-preise-container .price {
  margin-bottom: 10px;
}
.form-prices .div-preise-container .price img {
  width: 200px;
}
.form-prices .div-preise-container .price .price-text {
  margin-right: 10px;
  flex: 1;
}
.form-prices .div-preise-footer {
  text-align: center;
}
.form-prices .div-preise-footer .div-preise-footer-button {
  margin-bottom: 10px;
}
.form-prices .div-preise-footer .sponsored {
  font-size: 12px;
  margin-bottom: 8px;
}
.form-prices .div-preise-footer img {
  width: 200px;
}
.form-communication {
  padding: 5px;
  background-color: white;
  height: 100%;
}

.form-invitation, .form-communication {
  padding: 5px;
  background-color: white;
  height: 100%;
  max-width: 600px;
  margin: 0px auto;
}
.form-invitation .form-header, .form-communication .form-header {
  font-size: 14px;
  margin-bottom: 10px;
}
.form-invitation .div-groups-header, .form-communication .div-groups-header {
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
}
.form-invitation .div-groups-container, .form-communication .div-groups-container {
  max-width: 400px;
}
.form-invitation .div-groups-container .groups-master-header, .form-communication .div-groups-container .groups-master-header {
  margin-bottom: 5px;
  margin-top: 5px;
  display: flex;
}
.form-invitation .div-groups-container .groups-master-header button, .form-communication .div-groups-container .groups-master-header button {
  padding: 3px 10px;
}
.form-invitation .div-groups-container .groups-master-header i, .form-communication .div-groups-container .groups-master-header i {
  font-size: 20px;
}
.form-invitation .div-groups-container .groups-master-header .groups-master-header-left, .form-communication .div-groups-container .groups-master-header .groups-master-header-left {
  flex: 1;
}
.form-invitation .div-groups-container .groups-master .group-master, .form-communication .div-groups-container .groups-master .group-master {
  margin-bottom: 5px;
}
.form-invitation .div-groups-container .groups-master .group-master input[type=checkbox], .form-communication .div-groups-container .groups-master .group-master input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-row-show-tipps, .form-communication .div-groups-container .groups-master .group-master .group-master-row-show-tipps {
  padding: 12px 0px 6px 0px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-row-show-tipps .span-label, .form-communication .div-groups-container .groups-master .group-master .group-master-row-show-tipps .span-label {
  vertical-align: top;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-header-1, .form-communication .div-groups-container .groups-master .group-master .group-master-header-1 {
  background-color: #53a1ec40;
  padding: 3px 3px;
  cursor: pointer;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-header-1 .button-odds-group-master, .form-communication .div-groups-container .groups-master .group-master .group-master-header-1 .button-odds-group-master {
  padding: 2px 10px;
  vertical-align: top;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-header-1 .button-odds-group-master i, .form-communication .div-groups-container .groups-master .group-master .group-master-header-1 .button-odds-group-master i {
  font-size: 20px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-header-1 .button-odds-group-master.button-odds-group-show-details, .form-communication .div-groups-container .groups-master .group-master .group-master-header-1 .button-odds-group-master.button-odds-group-show-details {
  margin-left: 14px;
  padding: 2px 5px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-header-1 .button-odds-group-master.button-odds-group-show-details i, .form-communication .div-groups-container .groups-master .group-master .group-master-header-1 .button-odds-group-master.button-odds-group-show-details i {
  font-size: 14px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-header-1 .button-odds-group-master.button-save-group-master.saved, .form-communication .div-groups-container .groups-master .group-master .group-master-header-1 .button-odds-group-master.button-save-group-master.saved {
  color: lightgreen;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-header-1 .input-caption, .form-communication .div-groups-container .groups-master .group-master .group-master-header-1 .input-caption {
  width: 100%;
  max-width: 180px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-header-1 .group-master-header-1-flex1, .form-communication .div-groups-container .groups-master .group-master .group-master-header-1 .group-master-header-1-flex1 {
  display: flex;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-header-1 .group-master-header-1-flex1 .left, .form-communication .div-groups-container .groups-master .group-master .group-master-header-1 .group-master-header-1-flex1 .left {
  flex: 1;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-header-1 .group-master-header-1-flex2, .form-communication .div-groups-container .groups-master .group-master .group-master-header-1 .group-master-header-1-flex2 {
  display: flex;
  font-weight: normal;
  font-size: 12px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-header-1 .group-master-header-1-flex2 .label-date-master, .form-communication .div-groups-container .groups-master .group-master .group-master-header-1 .group-master-header-1-flex2 .label-date-master {
  flex: 1;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 {
  padding-left: 5px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .group-master-header-2-description, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .group-master-header-2-description {
  margin-top: 4px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .group-master-header-2-date, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .group-master-header-2-date {
  display: flex;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .input-caption, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .input-caption {
  width: 100px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .date-enddate, .form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .date-begindate, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .date-enddate, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .date-begindate {
  width: 110px;
  text-align: center;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .div-col, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .div-col {
  margin-right: 5px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .button-edit-description, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-header-2 .button-edit-description {
  cursor: pointer;
  font-size: 20px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details {
  margin-top: 10px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-master-details-header, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-master-details-header {
  margin-bottom: 6px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .button-add-group-detail, .form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .button-add-group-registration, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .button-add-group-detail, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .button-add-group-registration {
  cursor: pointer;
  font-size: 20px;
  margin-right: 10px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .button-add-group-detail, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .button-add-group-detail {
  display: none;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .detail-controls, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .detail-controls {
  width: 23px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .detail-controls i, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .detail-controls i {
  cursor: pointer;
  font-size: 16px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-details, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-details {
  margin-bottom: 6px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-details .group-detail, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-details .group-detail {
  display: flex;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration {
  padding-top: 2px;
  padding-bottom: 2px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 {
  display: flex;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .phonenumber, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .phonenumber {
  width: 120px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .name, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .name {
  flex: 1;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .name .name-1, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .name .name-1 {
  line-height: 12px;
  font-size: 14px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .name .email-1, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .name .email-1 {
  font-size: 10px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-group-accepted, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-group-accepted {
  margin-right: 10px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-group-accepted i, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-group-accepted i {
  font-size: 20px;
  color: lightgreen;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-phonenumber-send, .form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-email-send, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-phonenumber-send, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-email-send {
  margin-right: 10px;
  margin-left: 10px;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-phonenumber-send .button-phone-invite.invited i, .form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-phonenumber-send .button-email-invite.invited i, .form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-email-send .button-phone-invite.invited i, .form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-email-send .button-email-invite.invited i, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-phonenumber-send .button-phone-invite.invited i, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-phonenumber-send .button-email-invite.invited i, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-email-send .button-phone-invite.invited i, .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration .group-registration-1 .div-email-send .button-email-invite.invited i {
  color: lightgreen;
}
.form-invitation .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration[registration-id="0"], .form-communication .div-groups-container .groups-master .group-master .group-master-details-1 .group-master-details .group-registrations .group-registration[registration-id="0"] {
  background-color: #ffd3d3;
}
.form-matches {
  padding: 5px 5px 0px 5px;
  min-height: 100%;
}
.form-matches .div-matches-controls {
  margin-bottom: 5px;
}
.form-matches .div-matches-controls .date-matches-from {
  width: 90px;
}
.form-matches .div-matches-controls .button-load-matches {
  padding-left: 10px;
  padding-right: 10px;
}
.form-matches .div-matches-controls .button-load-matches i {
  margin-right: 6px;
  font-size: 20px;
}
.form-matches .div-matches-controls .icon-search {
  font-size: 20px;
  margin-left: 10px;
  margin-right: 4px;
}
.form-matches .div-matches-controls .input-match-search {
  width: 80px;
}
.form-matches .div-matches .div-date .date {
  padding: 2px;
  margin-bottom: 2px;
  font-weight: bold;
  color: white;
  background-color: gray;
}
.form-matches .div-matches .div-date .div-matches-date {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 340px));
}
.form-matches .div-matches .div-date .div-matches-date .match {
  font-size: 14px;
  border: 1px solid #5c5c5c;
  padding: 2px;
  margin-bottom: 3px;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header {
  display: flex;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-left {
  flex: 1;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-left .match-header-caption {
  font-weight: bold;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-left .match-header-caption .match-logo {
  width: 46px;
  max-width: 46px;
  min-width: 46px;
  text-align: center;
  max-height: 36px;
  margin: 0px auto;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-left .match-header-caption .match-logo img {
  height: 100%;
  max-height: 36px;
  max-width: 100%;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-left .match-header-caption .match-header-caption-1 {
  display: flex;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-left .match-header-caption .match-header-caption-1 .team-name {
  flex: 1;
  margin-left: 4px;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-left .match-header-caption .match-header-caption-1 .sscore {
  width: 20px;
  text-align: center;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-left .match-header-caption .match-header-caption-1.team-home {
  margin-bottom: 2px;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-left .match-league {
  display: flex;
  font-size: 12px;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-left .match-league .match-time {
  width: 130px;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-scores {
  margin-left: 5px;
  width: 30px;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-scores .scores-1 {
  display: flex;
  /*
  .scores-result {
  	flex:1;
  	display:inline-block;
  	text-align:right;
  }*/
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-scores .scores-1 .scores-live {
  display: inline-block;
  margin-top: 5px;
  height: 14px;
  width: 14px;
  background-color: lime;
  border-radius: 50%;
  animation-name: blink-live-result;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-scores .scores-1.updated {
  background-color: green;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-scores .scores-2 .span-count-tipps {
  background-color: transparent;
  border: none;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-scores .scores-2 .span-count-tipps span {
  background-color: #f60;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.form-matches .div-matches .div-date .div-matches-date .match .match-header .match-header-right img {
  width: 30px;
  justify-self: flex-start;
  height: auto;
}
.form-matches .div-matches .div-date .div-matches-date .match .div-match__point {
  display: flex;
}
.form-matches .div-matches .div-date .div-matches-date .match .div-match__point .match-no-quotes {
  font-size: 12px;
  flex: 1;
}
.form-matches .div-matches .div-date .div-matches-date .match .div-match__point .match__point {
  display: flex;
  flex: 1;
}
.form-matches .div-matches .div-date .div-matches-date .match .div-match__point .match__point li {
  margin-right: 10px;
  border: 1px solid #c0c0c0;
  cursor: pointer;
  padding: 1px 5px;
  border-radius: 6px;
  align-self: baseline;
}
.form-matches .div-matches .div-date .div-matches-date .match .div-match__point .match__point li .s-tipp {
  margin-right: 10px;
  font-weight: bold;
}
.form-matches .div-matches .div-date .div-matches-date .match .div-match__point .match__point li.active {
  background-color: lightgreen;
}
.form-matches .div-matches .div-date .div-matches-date .match .div-match__point div .button-load-standing, .form-matches .div-matches .div-date .div-matches-date .match .div-match__point div .button-show-additional-odds {
  padding: 3px 8px;
  font-size: 12px;
  border: 1px solid #c0c0c0;
}
@media (max-width: 700px) {
  .form-matches .div-matches .div-date .div-matches-date {
    display: block;
  }
}

.div-image-placeholder {
  margin: 0px auto;
}
.div-image-placeholder img {
  width: 200px;
  opacity: 0.08;
}

.odds-confirm-my-data {
  font-size: 16px;
}
.odds-confirm-my-data .reminder {
  font-size: 16px;
}
.odds-confirm-my-data .reminder.true {
  color: lime;
}
.odds-confirm-my-data .reminder.false {
  color: red;
}

.form-start-overview .button-startpage-show-landingpage, .form-start-overview .button-startpage-show-invitations, .startpage-main .button-startpage-show-landingpage, .startpage-main .button-startpage-show-invitations {
  font-size: 12px !important;
  padding: 2px 8px;
  background-color: transparent !important;
  border: 1px solid #53A1EC !important;
  color: #53A1EC !important;
}
.form-start-overview .button-startpage-show-mydata, .startpage-main .button-startpage-show-mydata {
  padding: 8px 16px;
  font-size: 14px;
  background: transparent;
  color: black;
  border: 0.5px solid #2c5282;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s, transform 0.1s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
}
.form-start-overview .button-startpage-show-mydata .wa-arrow, .startpage-main .button-startpage-show-mydata .wa-arrow {
  margin-left: auto;
  font-size: 18px;
  position: relative;
  z-index: 1;
  animation: nudge 3s ease-in-out infinite;
}
.form-start-overview .button-startpage-show-mydata .particles, .startpage-main .button-startpage-show-mydata .particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: 12px;
}
.form-start-overview .button-startpage-show-mydata .shimmer, .startpage-main .button-startpage-show-mydata .shimmer {
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(105deg, transparent 20%, rgba(99, 179, 237, 0.45) 50%, transparent 80%);
  animation: shimmer-slide 5s ease-in-out infinite;
  pointer-events: none;
}
.form-start-overview .button-startpage-show-mydata .wa-icon, .startpage-main .button-startpage-show-mydata .wa-icon {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.form-start-overview .button-startpage-show-mydata .wa-text, .startpage-main .button-startpage-show-mydata .wa-text {
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}
.form-start-overview .button-startpage-show-mydata .wa-text span:first-child, .startpage-main .button-startpage-show-mydata .wa-text span:first-child {
  font-size: 12px;
  opacity: 0.82;
  font-weight: 400;
}
.form-start-overview .button-startpage-show-mydata .wa-text span:last-child, .startpage-main .button-startpage-show-mydata .wa-text span:last-child {
  font-size: 14px;
  font-weight: 700;
}

.form-start-overview {
  height: 100%;
}
.form-start-overview .tab-pane-inner {
  max-width: 500px;
  margin: 0px auto;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.form-start-overview .button-info-wm {
  font-size: 18px !important;
  font-weight: bold;
  padding: 8px 10px;
  background-color: transparent !important;
  border: 1px solid #53A1EC !important;
  color: #53A1EC !important;
}
.form-start-overview .form-start-overview-content {
  overflow: auto;
}
.form-start-overview .form-start-overview-content .form-start-overview-container-last-company {
  position: absolute;
  right: 5px;
  top: 55px;
}
.form-start-overview .form-start-overview-content .form-start-overview-container-last-company .button-last-company {
  font-size: 12px;
  border: 1px solid lightgray;
}
.form-start-overview .form-start-overview-content .buttons-start-top {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.form-start-overview .form-start-overview-content .buttons-start-top .button-startpage-show-tipppage {
  padding: 6px 12px;
  width: 240px;
  border-radius: 7px;
  background-color: #1a2d4a;
}
.form-start-overview .form-start-overview-content .buttons-start-top .button-startpage-show-tipppage .text-top {
  font-weight: 700;
}
.form-start-overview .form-start-overview-content .buttons-start-top .button-startpage-show-gameplan {
  background-color: #1a2d4a;
  border-radius: 7px;
  font-size: 12px;
  color: silver;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.form-start-overview .form-start-overview-content .buttons-start-top .button-startpage-show-gameplan i {
  color: white;
  font-size: 20px;
}
.form-start-overview .form-start-overview-content .div-start-sponsors {
  margin-top: 10px;
}
.form-start-overview .form-start-overview-content .div-start-sponsors .company-sponsors-x {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 0px 0px 10px 0px;
  padding: 0px 6px;
}
.form-start-overview .form-start-overview-content .div-start-sponsors .company-sponsors-x .div-start-sponsor {
  align-self: center;
  text-align: center;
}
.form-start-overview .form-start-overview-content .div-start-sponsors .company-sponsors-x .div-start-sponsor img {
  max-width: 100%;
  max-height: 60px;
}
.form-start-overview .form-start-overview-content .div-start-sponsors .company-sponsors-x.company-sponsors-count-1 {
  grid-template-columns: 1fr;
}
.form-start-overview .form-start-overview-content .div-start-sponsors .company-sponsors-x.company-sponsors-count-2 {
  grid-template-columns: 1fr 1fr;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok, .form-start-overview .form-start-overview-content .overview-start-registration-not-ok {
  text-align: center;
  margin-top: 15px;
  padding: 0px 6px;
}
.form-start-overview .form-start-overview-content .overview-start-registration-not-ok {
  margin-top: 8px;
  margin-bottom: 4px;
  font-size: 16px;
}
.form-start-overview .form-start-overview-content .overview-start-registration-not-ok .start-buttons {
  font-size: 14px;
  margin-top: 12px;
  padding: 0px 0px;
  display: flex;
  justify-content: center;
  gap: 5px;
}
.form-start-overview .form-start-overview-content .overview-start-registration-not-ok .start-buttons .button-show-registration-start {
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
  padding-right: 13px;
  padding-left: 13px;
  background: #53A1EC;
  color: white;
  border: 1px solid rgba(59, 130, 246, 0.2);
}
.form-start-overview .form-start-overview-content .overview-start-registration-not-ok .start-buttons .span-text-1 {
  cursor: pointer;
  display: flex;
  align-items: center;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 20px;
  padding: 2px 10px;
  color: #1d4ed8;
}
.form-start-overview .form-start-overview-content .overview-start-registration-not-ok .start-buttons .span-text-1 .text {
  font-size: 12px;
  line-height: 14px;
  flex: 1;
}
.form-start-overview .form-start-overview-content .overview-start-registration-not-ok .start-buttons .span-text-1 .icon {
  font-size: 20px;
  margin-right: 4px;
  text-align: left;
}
.form-start-overview .form-start-overview-content .overview-start-registration-not-ok .start-buttons .span-text-3 {
  display: flex;
}
.form-start-overview .form-start-overview-content .overview-start-registration-not-ok .start-buttons .span-text-3 a {
  display: flex;
}
.form-start-overview .form-start-overview-content .overview-start-registration-not-ok .start-buttons .span-text-3 .span-text-2 {
  display: flex;
  align-items: center;
  font-size: 12px;
  background: rgba(255, 180, 0, 0.1);
  border: 1px solid rgba(255, 180, 0, 0.2);
  border-radius: 20px;
  padding: 2px 10px;
  color: #b45309;
}
.form-start-overview .form-start-overview-content .overview-start-registration-not-ok .start-buttons .span-text-3 .span-text-2 .text {
  font-size: 12px;
  line-height: 14px;
  flex: 1;
}
.form-start-overview .form-start-overview-content .overview-start-registration-not-ok .start-buttons .span-text-3 .span-text-2 .icon {
  font-size: 18px;
  margin-right: 4px;
  text-align: left;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-starttext-main {
  font-size: 14px;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-starttext-sub {
  margin-top: 24px;
  font-size: 12px;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-startpage-show-gameplan {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-startpage-show-gameplan .overview-startpage-show-gameplan-1 {
  display: flex;
  justify-content: flex-end;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-startpage-show-gameplan .overview-startpage-show-gameplan-2 {
  display: flex;
  justify-content: flex-start;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-starttext-sub-info-tipped {
  margin-top: 5px;
  font-size: 11px;
  border-radius: 7px;
  padding: 0px 10px;
  display: inline-block;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-starttext-sub-info-tipped .label-content {
  display: flex;
  align-items: center;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-starttext-sub-info-tipped.completed {
  color: #22c55e;
  background: #22c55e18;
  border: 0.5px solid #22c55e44;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-starttext-sub-info-tipped.open {
  border: none;
  background: #f59e0b22;
  border: 0.5px solid #f59e0b55;
  color: #f59e0b;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-starttext-sub-info-tipped .warning {
  font-size: 17px;
  margin-right: 10px;
}
.form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-starttext-sub-info-tipped i {
  font-size: 18px;
  margin-right: 6px;
  margin-top: 3px;
}
.form-start-overview .form-start-overview-content .div-loader-startmenu-overview {
  height: 70px;
  margin-top: 40px;
}
.form-start-overview .form-start-overview-content .div-loader-startmenu-overview .loading-startpage-overview {
  margin: 0px auto;
}
.form-start-overview .form-start-overview-content .overview-div-logo {
  margin-top: 6px;
  padding: 0px 6px;
  display: flex;
  align-items: center;
}
.form-start-overview .form-start-overview-content .overview-div-logo img {
  width: 160px;
  /*
  background: linear-gradient(135deg, #bfdbfe 0%, #3b82f6 25%, #e4e4e4 50%, #858585 75%, #ffffff 100%);
  background-size: 200% auto;
  animation: float 4s ease-in-out infinite, logo-shimmer 2.5s linear infinite;
  */
}
.form-start-overview .form-start-overview-content .overview-div-logo .overview-div-logo-2 {
  flex: 1;
  text-align: right;
  font-size: 11px;
}
.form-start-overview .form-start-overview-content .overview-div-title {
  text-align: center;
  margin-top: 10px;
}
.form-start-overview .form-start-overview-content .overview-div-title .overview-div-title-1 {
  font-size: 13px;
  margin-bottom: 0px;
}
.form-start-overview .form-start-overview-content .overview-div-title .overview-div-title-2 {
  font-size: 11px;
}
.form-start-overview .overview-start-buttons {
  margin-top: 14px;
  text-align: center;
}
.form-start-overview .overview-start-buttons button {
  font-size: 14px;
  flex: initial;
}
.form-start-overview .overview-starttext-sub-info-reminder {
  margin-top: 0px;
}
.form-start-overview .overview-start-show-landingpage {
  text-align: center;
  margin-bottom: 14px;
  display: inline-flex;
  justify-content: center;
  gap: 13px;
}
.form-start-overview .overview-start-show-landingpage button {
  padding: 3px 8px !important;
  vertical-align: top;
}
.form-start-overview .overview-start-buttons-registration {
  text-align: center;
  margin-bottom: 16px;
}
.form-start-overview .overview-start-buttons-registration .overview-start-buttons-registration-row {
  margin-bottom: 20px;
}
.form-start-overview .overview-start-buttons-registration .overview-start-buttons-registration-row.row-buttons-gameplan {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-start-overview .overview-start-buttons-registration .overview-start-buttons-registration-row.row-buttons-login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 0px 7px;
}
.form-start-overview .overview-start-buttons-registration .overview-start-buttons-registration-row.row-buttons-login .button-startpage-show-registration {
  background: linear-gradient(135deg, #2a7fd4, #1a5fa8);
  border: none;
  border-radius: 12px;
  color: #fff;
  box-shadow: 0 4px 18px rgba(30, 90, 160, 0.35);
  animation: glow 2.5s ease-in-out infinite;
}
.form-start-overview .overview-start-buttons-registration .overview-start-buttons-registration-row.row-buttons-login .button-startpage-show-login {
  background: transparent;
  border: 1.5px solid #e0e0e0;
  border-radius: 12px;
  color: #888;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.18s ease;
}
.form-start-overview .overview-start-buttons-registration .overview-start-buttons-registration-row.row-buttons-login button {
  padding: 5px 20px;
}
.form-start-overview .overview-start-buttons-registration .overview-start-buttons-registration-row.row-buttons-login button .button-row-1 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
}
.form-start-overview .overview-start-buttons-registration .overview-start-buttons-registration-row.row-buttons-login button .button-row-2 {
  font-size: 12px;
  font-weight: normal;
}
.form-start-overview .start-menu-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 4px;
  padding: 1px 3px 4px 3px;
  display: none;
}
.form-start-overview .start-menu-bottom button {
  font-size: 12px;
  background-color: #000000 !important;
  border-width: 0px !important;
  border-radius: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.form-start-overview .start-menu-bottom button a {
  color: white;
  text-decoration: none;
}
.form-start-overview .start-banner-bottom {
  text-align: center;
  padding-bottom: 4px;
}
.form-start-overview .start-banner-bottom img {
  max-width: 100%;
}
@media (max-width: 400px) {
  .form-start-overview .form-start-overview-content .overview-start-registration-ok .overview-startpage-show-gameplan .button-startpage-show-extraranking .button-info {
    /*
    display:block;
    div {
    	display:block;
    }*/
  }
}
.start-menu-bottom-ike {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 5px 10px;
  background: linear-gradient(90deg, #FFF7E0 0%, #F0F6FF 100%);
  border: 1px solid #E5E9F0;
  border-radius: 0px;
  max-height: 53px;
  /* Fallback, falls auf sehr schmalen Screens trotzdem alles zusammen zu breit wird */
}
.start-menu-bottom-ike .start-menu-bottom-ike-sub-left {
  flex-shrink: 0;
}
.start-menu-bottom-ike .button-startpage-show-landingpage {
  background: none;
  border: none;
  padding: 1px 6px 1px 0px;
  cursor: pointer;
}
.start-menu-bottom-ike .button-startpage-show-landingpage a {
  text-decoration: none;
  display: block;
}
.start-menu-bottom-ike .span-startpage-show-landingpage {
  display: flex;
  align-items: center;
}
.start-menu-bottom-ike .start-trophy-1 {
  font-size: 16px;
  width: 30px;
}
.start-menu-bottom-ike .button-text {
  font-size: 13px;
  color: #0B6E9E;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  white-space: nowrap;
  /* zwingt "Landingpage von ike" auf eine Zeile statt umzubrechen */
}
.start-menu-bottom-ike .button-text br {
  /* das <br> im Markup soll hier NICHT umbrechen */
}
.start-menu-bottom-ike .button-text strong {
  color: #16232B;
  /* Ersatz fuer den Zeilenumbruch-Abstand, den das ausgeblendete <br> sonst gaee */
}
.start-menu-bottom-ike .start-menu-bottom-ike-sub-right {
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}
.start-menu-bottom-ike .start-menu-bottom-ike-sub-right object {
  width: 80px !important;
  height: auto;
  display: block;
  margin: 0px auto;
}
.start-menu-bottom-ike .start-text-ike {
  flex-direction: row;
  gap: 4px;
  font-size: 11px;
  color: #8a99a8;
  white-space: nowrap;
  margin-top: -2px;
}
.start-menu-bottom-ike .start-text-ike div {
  display: inline;
}
.company-invitations .header-default, .company-partners .header-default, .div-start-sponsors .header-default {
  background-color: #53a1ec40;
  padding: 2px 4px;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
}

.company-invitations {
  margin-bottom: 10px;
  margin-top: 10px;
}
.company-invitations .company-invitations-x {
  padding: 4px 4px 0px 4px;
}
.company-invitations .company-invitations-x .invitation {
  display: flex;
}
.company-invitations .company-invitations-x .invitation .left {
  width: 160px;
}
.company-invitations .company-invitations-x .invitation .left .button-accept-invitation {
  padding: 3px 8px;
  font-size: 14px;
}
.company-invitations .company-invitations-x .invitation .left .button-accepted {
  font-size: 18px;
  color: lime;
}
.company-invitations .company-invitations-x .invitation .caption {
  font-size: 16px;
  flex: 1;
}
.company-invitations .company-invitations-x .invitation .right .button-invitation-info {
  padding: 1px 10px;
}
.company-invitations .company-invitations-x .invitation.accepted .left {
  width: 35px;
}

.company-partners {
  padding: 0px 0px 4px 0px;
}
.company-partners .company-partners-x {
  padding: 0px 8px 0px 8px;
  display: grid;
  grid-auto-flow: column;
  /* column flow */
  justify-content: center;
  /* center everything */
  grid-gap: 1rem;
  max-width: 600px;
  /*
  				.partner-company:nth-child(3n + 1) {grid-column:1}
  .partner-company:nth-child(3n + 2) {grid-column:2}
  .partner-company:nth-child(3n + 3) {grid-column:3}
  */
}
.company-partners .company-partners-x .partner-company-0 {
  grid-column: 1;
}
.company-partners .company-partners-x .partner-company-1 {
  grid-column: 2;
}
.company-partners .company-partners-x .partner-company-2 {
  grid-column: 3;
}
.company-partners .company-partners-x .partner-company-3 {
  grid-column: 4;
}
.company-partners .company-partners-x .partner-company {
  cursor: pointer;
  align-self: center;
  text-align: center;
  width: 100px;
}
.company-partners .company-partners-x .partner-company .caption {
  font-size: 12px;
  text-align: center;
  line-height: 12px;
  margin-bottom: 4px;
  display: none;
}
.company-partners .company-partners-x .partner-company .image {
  text-align: center;
}
.company-partners .company-partners-x .partner-company .image img {
  max-height: 50px;
  max-width: 100%;
}

.form-start {
  height: 100%;
}
.form-start .startpage-main .start-menu-header-container {
  padding: 3px 5px 0px 5px;
  margin-bottom: 5px;
}
.form-start .startpage-main .start-menu-header-container .start-menu-timer-container-text1 {
  display: flex;
}
.form-start .startpage-main .start-menu-header-container .start-menu-timer-container-text1 .text-right-1 {
  display: flex;
  justify-content: right;
  align-items: center;
  flex: 1;
}
.form-start .startpage-main .start-menu-header-container .start-menu-timer-container-text1 .text-right-1 .text-right-2 {
  font-size: 14px;
  text-align: right;
  line-height: 16px;
}
.form-start .startpage-main .start-menu-header-container .start-menu-timer-container-text1 .text-right-1 .text-right-2 .text-right-21 {
  color: #c8973a;
  font-weight: bold;
}
.form-start .startpage-main .start-menu-header-container .start-menu-timer-container-text1 .text-right-1 .button-right-2 {
  margin-left: 0px;
}
.form-start .startpage-main .start-menu-header-container .start-menu-timer-container-text1 .text-right-1 .button-right-2 .button-startpage-show-landingpage-header {
  background-color: transparent;
  border: none;
  margin-top: 3px;
  padding: 0px 6px 0px 10px;
}
.form-start .startpage-main .start-menu-header-container .start-menu-timer-container-text1 .text-right-1 .button-right-2 .button-startpage-show-landingpage-header img {
  width: 30px;
}
.form-start .button-odds.button-odds-start {
  padding: 0px;
  border: none;
}
.form-start .button-odds.button-odds-start i {
  color: gray;
}
.form-start .tab-pane-inner {
  max-width: 500px;
  margin: 0px auto;
  overflow: hidden;
}
.form-start .start-menu-grid-buttons {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 40px;
  grid-gap: 10px;
  max-width: 450px;
  margin: 0px auto;
}
.form-start .start-menu-grid-buttons button:nth-child(-1n+2) {
  grid-column: span 7;
}
.form-start .start-menu-grid-buttons button:nth-last-child(3) {
  grid-row-start: 2;
  grid-column: 1/span 6;
}
.form-start .start-menu-grid-buttons button:nth-last-child(2) {
  grid-row-start: 2;
  grid-column: 7/span 6;
}
.form-start .start-menu-grid-buttons button:nth-last-child(1) {
  grid-row-start: 2;
  grid-column: 13/span 2;
  min-width: 50px;
}
.form-start .start-menu-grid-buttons button {
  padding: 4px 3px;
  font-size: 12px;
}
.form-start .start-menu-grid-buttons .button-goto-my-tipps i, .form-start .start-menu-grid-buttons .button-goto-rankings i {
  font-size: 18px;
  margin-right: 6px;
}
@media (max-width: 400px) {
  .form-start .start-menu-grid-buttons button {
    font-size: 14px;
    padding: 4px 2px;
  }
}
.form-start .startpage-main {
  position: relative;
  padding: 0px 0px;
  display: flex;
  flex-flow: column;
  height: 100%;
}
.form-start .startpage-main .start-menu-tiles {
  flex: 1;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /*
  &.not-registered {
  	max-width:440px;
  	display:block;
  	margin-left:auto;
  	margin-right:auto;
  	.start-menu-tile {
  		margin-bottom:10px;
  	}
  }*/
}
.form-start .startpage-main .startpage-main-scroll {
  flex: 1;
  overflow: auto;
  padding-right: 4px;
}
.form-start .startpage-main .title {
  padding-top: 4px;
  font-size: 20px;
  text-align: center;
  position: relative;
}
.form-start .startpage-main .title .title-2 {
  margin-top: 6px;
}
.form-start .startpage-main .title-odds {
  padding-top: 14px;
  font-size: 16px;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}
.form-start .startpage-main .start-menu {
  display: flex;
  flex-direction: column;
  height: 100%;
  /*
  .start-menu-registration-switcher {
  	margin-top:20px;
  	.start-menu-registration-switcher-info {
  		margin-top:6px;
  	}
  }*/
}
.form-start .startpage-main .start-menu .start-menu-bonus {
  position: absolute;
}
.form-start .startpage-main .start-menu .start-menu-bonus .button-show-bonus-rounds {
  border: none;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  color: white;
  background-color: #53A1EC;
}
.form-start .startpage-main .start-menu .start-menu-registered {
  margin-top: 20px;
  margin-bottom: 10px;
}
.form-start .startpage-main .start-menu .start-menu-registered .start-menu-name {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}
.form-start .startpage-main .start-menu .start-menu-not-registered {
  margin-top: 10px;
}
.form-start .startpage-main .start-menu .start-menu-not-registered .start-menu-not-registered-1 .button-goto-registration {
  font-weight: bold;
  background-color: lime;
}
.form-start .startpage-main .start-menu .center {
  text-align: center;
}
.form-start .startpage-main .start-menu .div-loader-startmenu {
  margin-top: 20px;
  height: 70px;
}
.form-start .startpage-main .start-menu .div-loader-startmenu .loading-matches-startpage {
  margin: 0px auto;
}
.form-start .startpage-main .startpage-main-bottom {
  margin-top: 10px;
  padding-bottom: 3px;
}
.form-start .startpage-main .startpage-main-bottom.bottom-sponsored.sponsored-ike {
  margin-top: 6px;
  padding-bottom: 2px;
  display: flex;
}
.form-start .startpage-main .startpage-main-bottom.bottom-sponsored.sponsored-ike .sponsored {
  text-align: right;
  margin-bottom: 0px;
  font-size: 12px;
  flex: 1;
}
.form-start .startpage-main .startpage-main-bottom.bottom-sponsored.sponsored-ike .bottom-logo {
  margin-left: 10px;
}
.form-start .startpage-main .startpage-main-bottom.bottom-sponsored.sponsored-ike .bottom-logo img {
  width: 120px;
}
.form-start .startpage-main .start-menu-tile {
  display: flex;
  flex-direction: column;
  /*
  &.start-menu-open-slips {			
  	.div-my-tipps {
  		height:267px; // 300 - heightHeader - margin;
  		.matches {
  			border:none;
  		}
  	}
  }*/
}
.form-start .startpage-main .start-menu-tile .start-menu-tile-content {
  border: 1px solid lightgray;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.form-start .startpage-main .start-menu-tile .start-menu-tile-header {
  margin-bottom: 0px;
  display: flex;
  padding: 1px 3px 4px 4px;
  color: white;
  background-color: #08A29A;
}
.form-start .startpage-main .start-menu-tile .start-menu-tile-header .caption {
  flex: 1;
  font-size: 14px;
  margin-top: 3px;
}
.form-start .startpage-main .start-menu-tile .start-menu-tile-header .button-odds {
  color: white;
  border-color: white;
  padding: 4px 10px;
  vertical-align: top;
  margin-top: 2px;
}
.form-start .startpage-main .start-menu-tile .start-menu-tile-header .button-odds.button-matches-start-modal {
  padding: 0px 3px;
}
.form-start .startpage-main .start-menu-tile .start-menu-tile-header .button-next {
  margin-left: 6px;
  margin-right: 6px;
}
.form-start .startpage-main .start-menu-tile .start-menu-tile-header .right i {
  cursor: pointer;
  font-size: 20px;
  margin-top: 3px;
  color: white;
}
.form-start .startpage-main .start-menu-tile.tile-live .start-menu-tile-header {
  display: flex;
}
.form-start .startpage-main .start-menu-tile.tile-live .start-menu-tile-header .caption {
  flex: 1;
}
.form-start .startpage-main .start-menu-tile.tile-live .start-menu-tile-header .div-ranking-old {
  margin-top: 3px;
}
.form-start .startpage-main .start-menu-tile.tile-live .start-menu-tile-header .div-ranking-old .ranking-old {
  font-size: 14px;
  font-weight: bold;
}
.form-start .startpage-main .start-menu-tile.tile-live .start-menu-tile-header .div-live-mode-statistics {
  margin-top: 2px;
}
.form-start .startpage-main .start-menu-tile.tile-live .start-menu-tile-header .div-live-mode-statistics span {
  height: 24px;
  display: inline-block;
  text-align: center;
  margin-left: 10px;
  font-size: 16px;
  padding: 0px 10px;
}
.form-start .startpage-main .start-menu-tile.tile-live .start-menu-tile-header .div-live-mode-statistics .span-ok {
  background-color: lightgreen;
}
.form-start .startpage-main .start-menu-tile.tile-live .start-menu-tile-header .div-live-mode-statistics .span-error {
  background-color: red;
}
.form-start .startpage-main .start-menu-tile.tile-live .start-menu-tile-content {
  border: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-status-live {
  display: flex;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-status-live .matches-status-live-left {
  flex: 1;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-status-live .matches-status-live-left .ranking-new, .form-start .startpage-main .start-menu-tile.tile-live .matches-status-live .matches-status-live-left .points-new {
  font-size: 14px;
  font-weight: bold;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-status-live .div-prognose-icons i {
  font-size: 36px;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-status-live .div-prognose-icons i.ranking-up {
  color: #00cc00;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-status-live .div-prognose-icons i.ranking-down {
  color: red;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live {
  overflow: auto;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp {
  padding: 3px 4px;
  border: 3px solid yellow;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match-header .match-header-left .match-header-caption {
  display: flex;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match-header .match-header-left .match-header-caption .match-header-caption-11 {
  flex: 1;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match-header .match-header-left .match-header-caption .match-header-caption-11 .match-header-caption-1 {
  display: flex;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match-header .match-header-left .match-header-caption .match-header-caption-11 .match-header-caption-1 img {
  width: 40px;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match-header .match-header-left .match-header-caption .match-header-caption-11 .match-header-caption-1 .team-name {
  font-weight: normal;
  font-size: 16px;
  flex: 1;
  max-width: 200px;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match-header .match-header-left .match-header-caption .match-header-caption-11 .match-header-caption-1 .sscore {
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  width: 20px;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match-header .match-header-left .match-header-caption .match-header-caption-11 .match-header-caption-1 .match-logo {
  display: inline-block;
  margin-right: 10px;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match-header .match-header-left .match-header-caption .team-info {
  width: 80px;
  flex: initial;
  text-align: right;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match-header .match-header-left .match-header-caption .team-info .scores-live {
  margin-top: 0px;
  margin-left: 0px;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-color: lime;
  border-radius: 50%;
  animation-name: blink-live-result;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match-header .match-header-left .match-header-caption .team-info .div-elapsed {
  margin-bottom: 4px;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match__info .tipp-live {
  display: flex;
  margin-top: 0px;
  font-size: 16px;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match__info .tipp-live .points {
  flex: 1;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match__info .tipp-live .points i {
  font-size: 18px;
  padding-top: 6px;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match__info .tipp-live .points i.live-state-ok {
  color: lightgreen;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp .match__info .tipp-live .points i.live-state-error {
  color: red;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp:not(:last-child) {
  margin-bottom: 5px;
}
.form-start .startpage-main .start-menu-tile.tile-live .matches-live .match__tipp[state=not-started] .match-header .match-header-left .match-header-caption .match-header-caption-1.team-info {
  width: 80px;
}
.form-start .startpage-main .start-menu-tile.tile-start-em .start-menu-name {
  font-size: 16px;
}
.form-start .startpage-main .start-menu-tile.prices .div-prices {
  padding: 4px;
}
.form-start .startpage-main .start-menu-tile.tile-start-em .start-menu-tile-content {
  padding: 4px;
}
.form-start .startpage-main .start-menu-tile.start-menu-functions .start-menu-tile-content {
  border: none;
  padding: 0px;
}
.form-start .startpage-main .start-menu-tile.start-menu-open-slips {
  background-color: white;
}
.form-start .startpage-main .start-menu-tile.start-menu-open-slips .start-menu-tile-header {
  min-height: 40px;
}
.form-start .startpage-main .start-menu-tile.start-menu-open-slips .start-menu-tile-content {
  overflow: auto;
  /*
  .swiper-tipps-start {
  	//height:267px; // 300 - heightHeader - margin;
  	.swiper-slide {
  		overflow:auto;
  		.div-my-tipps {							
  			//overflow:hidden;
  			.my-tipp {
  				.match {
  					.match-1 {
  						.match-header {
  							margin-bottom:0px;
  						}
  					}
  				}
  				.matches {
  					border:none;
  				}
  			}
  		}
  	}
  }*/
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-list {
  font-size: 16px;
  margin-bottom: 10px;
  padding: 0px 3px;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-list .invitation {
  display: flex;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-list .invitation .caption {
  flex: 1;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-list .invitation .caption .caption-1 {
  font-weight: bold;
  font-size: 16px;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-list .invitation .caption .caption-date {
  font-size: 12px;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-list .invitation button {
  padding: 3px 5px;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-list .invitation button.button-info-invitation {
  padding-left: 12px;
  padding-right: 12px;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-list .invitation button.button-ranking-invitation {
  padding-left: 10px;
  padding-right: 10px;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-list .invitation button.button-invite-registration {
  padding-left: 10px;
  padding-right: 10px;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-list .invitation .button-accepted {
  font-size: 24px;
  margin-left: 14px;
  margin-right: 14px;
  color: #26ff26;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-list .no-inviations {
  font-size: 14px;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-header {
  font-weight: bold;
  padding-left: 3px;
  background-color: #bebebe;
  color: white;
}
.form-start .startpage-main .start-menu-tile.start-menu-invitations .start-menu-invitations-open .button-invite-registration {
  display: none;
}
.form-start .startpage-main .start-menu-tile.start-menu-rankings .start-menu-tile-header .caption {
  margin-top: 0px;
}
.form-start .startpage-main .start-menu-tile.start-menu-rankings .start-menu-tile-header .caption .caption-1 {
  font-weight: bold;
}
.form-start .startpage-main .start-menu-tile.start-menu-rankings .start-menu-tile-header .caption .caption-time {
  font-size: 12px;
}
.form-start .startpage-main .start-menu-tile.start-menu-rankings .start-menu-tile-header .right i {
  cursor: pointer;
  font-size: 20px;
  margin-top: 3px;
  color: white;
}
.form-start .startpage-main .start-menu-tile.start-menu-rankings .start-menu-tile-header .right .button-performance-ranking i {
  font-size: 24px;
}
.form-start .startpage-main .start-menu-tile.start-menu-rankings .start-menu-tile-header .right .button-refresh-rankings.active i {
  color: lightgreen;
}
.form-start .startpage-main .start-menu-tile.start-menu-rankings .div-rankings {
  max-height: 300px;
  overflow: auto;
}
.form-start .startpage-main .start-menu-tile.start-menu-rankings .div-rankings .sport-header {
  padding: 0px 3px;
}
.form-start .startpage-main .start-menu-tile.start-menu-rankings .div-rankings .sport-registrations {
  padding: 0px 3px;
}
.form-start .startpage-main .start-menu-tile.matches {
  overflow: hidden;
  flex: 1;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li .text {
  border-bottom: 3px solid transparent;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li .text .day {
  font-size: 14px;
  font-weight: bold;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li .text .day .span-bonus {
  border-radius: 50px;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding-top: 1px;
  color: white;
  background-color: #53A1EC;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li .text .date {
  font-size: 12px;
  padding: 0px 3px;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li .text .count-matches {
  display: none;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li a {
  color: #454545;
  padding: 1px 6px;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li.ui-state-default.ui-state-active {
  border-radius: 0px;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li.ui-state-default.ui-state-active .text {
  border-bottom-color: #1a2d4a;
  background-color: #eef2f7;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li.ui-state-default .check-round-tipped {
  color: #03ccac;
  font-size: 14px;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li.ui-state-default .open-not-tipped {
  display: inline-block;
  margin-left: 3px;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li.ui-state-default .open-not-tipped span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background-color: #03ccac;
  animation-name: blink-live-result;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.form-start .startpage-main .start-menu-tile.matches #tab-matches-split-start li.ui-tabs-active {
  margin: 0 0 -0.25em;
  padding: 0px;
}
.form-start .startpage-main .start-menu-tile.matches .start-menu-tile-content {
  border: none;
}
.form-start .startpage-main .start-menu-tile.matches .start-menu-tile-header {
  min-height: initial;
}
.form-start .startpage-main .start-menu-tile.matches .start-menu-tile-header .caption {
  margin-top: 0px;
}
.form-start .startpage-main .start-menu-tile.matches .start-menu-tile-header .caption .caption-2 {
  font-size: 12px;
}
.form-start .startpage-main .start-menu-tile.matches .start-menu-tile-header .caption .caption-info-not-registered {
  font-size: 14px;
  font-weight: bold;
  color: red;
}
.form-start .startpage-main .start-menu-tile.matches .start-menu-tile-header .button-suggestions {
  border: none;
  padding: 0px;
  margin-right: 10px;
}
.form-start .startpage-main .start-menu-tile.matches .start-menu-tile-header .button-suggestions i {
  font-size: 26px;
  color: white;
}
.form-start .startpage-main .start-menu-tile.matches .left__site__section .matches-container .match__tipp_container .match__fixing__items {
  border: none;
}
.form-start .startpage-main .start-menu-tile.matches .start-menu-match-container {
  /*
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: 1fr 1fr;
  */
}
.form-start .startpage-main .start-menu-tile.matches .start-menu-match-container .next-round[aria-hidden=false] {
  display: flex !important;
}
.form-start .startpage-main .start-menu-tile.matches .start-menu-match-container .next-round.round-locked .round-header-caption-sub {
  font-size: 12px;
}
@media (max-width: 500px) {
  .form-start .startpage-main .start-menu-invitations .start-menu-invitations-list .invitation .caption {
    font-size: 16px;
  }
}
.start-menu .swiper-container {
  margin: 6px 0px 6px 0px;
  overflow: hidden;
}
.start-menu .swiper-container .swiper-wrapper {
  height: initial !important;
  transition-timing-function: linear !important;
}
.start-menu .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 120px;
}
.start-menu .swiper-container .swiper-wrapper .swiper-slide img {
  height: 50px;
  /* fixed height */
  width: auto;
  /* keep aspect ratio */
  display: block;
}

.matches-container-main {
  background-color: #f4f6f8;
}
.matches-container-main .next-round {
  padding: 0px;
  max-height: 100%;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.matches-container-main .next-round .matches-container {
  flex: 1;
  overflow: auto;
  scrollbar-width: thin;
  padding: 10px 10px 0px 10px;
}
.matches-container-main .next-round .matches-container .swiper-container {
  overflow: hidden;
}
.matches-container-main .next-round .matches-container .swiper-container .swiper-wrapper {
  height: initial !important;
}
.matches-container-main .next-round .matches-container .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
  margin: 10px 0px;
}
.matches-container-main .next-round .matches-container .swiper-container .swiper-wrapper .swiper-slide img {
  max-width: 300px;
  max-height: 50px;
}
.matches-container-main .next-round .start-menu-timer-container {
  text-align: center;
  padding: 0px 0px;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-caption {
  margin-top: 0px;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-caption span {
  display: none;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-caption .team-home, .matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-caption .team-away {
  display: flex;
  justify-content: center;
  align-items: center;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-caption .team-home .match-logo, .matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-caption .team-away .match-logo {
  width: 40px;
  height: 40px;
  margin: 0px 20px 0px 0px;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-caption .team-home .match-logo img, .matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-caption .team-away .match-logo img {
  width: 38px;
  max-height: 100%;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-caption .team-home .team-name, .matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-caption .team-away .team-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-counter {
  display: none;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-counter .start-menu-timer-next-match-counter-1 {
  display: flex;
  width: initial;
  gap: 0px;
  margin: 0px auto;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 2px;
  font-size: 12px;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-counter .start-menu-timer-next-match-counter-1 .countdown {
  flex: 1;
  max-width: 50px;
  border-radius: 6px;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-counter .start-menu-timer-next-match-counter-1 .countdown .value, .matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-counter .start-menu-timer-next-match-counter-1 .countdown .caption-value {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-counter .start-menu-timer-next-match-counter-1 .countdown .caption {
  font-size: 12px;
  line-height: 16px;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-counter .start-menu-timer-next-match-counter-1 .countdown.countdown-days {
  display: none;
  margin-right: 4px;
}
.matches-container-main .next-round .start-menu-timer-container .start-menu-timer-next-match .start-menu-timer-next-match-counter.show-days .start-menu-timer-next-match-counter-1 .countdown.countdown-days {
  display: flex;
}
.matches-container-main .next-round .round-header {
  background-color: #eef2f7;
  padding: 4px 12px 4px 12px;
  display: flex;
  margin: 2px 0px 2px 0px;
}
.matches-container-main .next-round .round-header .round-header-caption {
  flex: 1;
  padding: 0px 10px 0px 0px;
}
.matches-container-main .next-round .round-header .round-header-caption .round-header-caption-1 {
  padding: 0px 10px 0px 0px;
  font-size: 14px;
  font-weight: bold;
}
.matches-container-main .next-round .round-header .round-header-caption .round-header-caption-sub {
  font-size: 10px;
}
.matches-container-main .next-round .round-header .button-load-round-rankings {
  padding: 3px 9px;
  margin-right: 10px;
}
.matches-container-main .next-round .round-header .check-round-tipped {
  color: #03ccac;
  font-size: 18px;
  margin-right: 6px;
  margin-top: 2px;
}
.matches-container-main .next-round .round-header .round-header-counter {
  font-size: 16px;
  margin-left: 10px;
}
.matches-container-main .next-round .round-header .round-header-counter .count-matches {
  padding: 0px 5px;
  margin-top: 10px;
}
.matches-container-main .next-round .round-header .round-header-counter .count-matches.closed {
  background-color: #fc486b;
}
.matches-container-main .next-round .round-header .round-header-counter .count-matches.opened {
  background-color: #03ccac;
}
.matches-container-main .next-round .round-header .round-header-counter .count-matches-tipped {
  color: white;
  background-color: #fc486b;
  padding: 0px 5px;
}
.matches-container-main .next-round .round-header .round-header-counter .count-matches-tipped.all {
  color: black;
  background-color: #03ccac;
}
.matches-container-main .next-round .round-header .round-header-result {
  margin-left: 10px;
}
.matches-container-main .next-round .round-header .round-header-result .slip-count {
  width: 20px;
  display: inline-block;
  text-align: center;
}
.matches-container-main .next-round .round-header .round-header-result .slip-count.slip-count-open {
  background-color: yellow;
}
.matches-container-main .next-round .round-header .round-header-result .slip-count.slip-count-ok {
  background-color: #03ccac;
}
.matches-container-main .next-round .round-header .round-header-result .slip-count.slip-count-error {
  background-color: #fc486b;
}
.matches-container-main .next-round .round-header .round-header-state {
  margin-left: 10px;
}
.matches-container-main .next-round .round-header .round-header-state .state {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-top: 2px;
}
.matches-container-main .next-round .round-header .round-header-state .state.closed {
  background-color: #fc486b;
}
.matches-container-main .next-round .round-header .round-header-state .state.opened {
  background-color: #03ccac;
  animation-name: blink-live-result;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.matches-container-main .next-round .round-bottom {
  text-align: center;
  padding-bottom: 12px;
  padding-top: 20px;
}
.matches-container-main .next-round .round-bottom .button-save-tipps-round {
  font-size: 16px;
  background-color: transparent;
  color: black;
  border: 1px solid gray;
  padding: 10px 20px;
  box-shadow: 0 4px 14px rgba(21, 101, 192, 0.3);
  transition: background 0.15s, transform 0.1s;
}
.matches-container-main .next-round[completed="1"] .round-bottom {
  display: none;
}
.matches-container-main .next-round[same-day="0"] .matches-container .match__tipp_container.simple .today {
  display: block !important;
}
.matches-container-main .next-round[same-day="1"] .matches-container .match__tipp_container.simple .today-time {
  display: block !important;
}

#myModalGameplan, #myModalStandings {
  padding-left: 0px !important;
}
#myModalGameplan .modal-header, #myModalStandings .modal-header {
  padding: 8px 10px 12px 10px;
  border-bottom: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background-color: #f59e0b;
}
#myModalGameplan .modal-header .modal-title-3, #myModalStandings .modal-header .modal-title-3 {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
#myModalGameplan .modal-header .modal-title-3 .modal-title-text, #myModalStandings .modal-header .modal-title-3 .modal-title-text {
  flex: 1;
}
#myModalGameplan .modal-header .modal-title-3 .div-live, #myModalStandings .modal-header .modal-title-3 .div-live {
  margin-right: 10px;
}
#myModalGameplan .modal-header .modal-title-3 .div-live span, #myModalStandings .modal-header .modal-title-3 .div-live span {
  background-color: white;
  color: #f59e0b;
  border-radius: 4px;
  padding: 1px 4px;
}
#myModalGameplan .modal-content, #myModalStandings .modal-content {
  border-radius: 15px;
}

#myModalGameplan {
  padding-left: 0px !important;
}
#myModalGameplan .modal-dialog {
  height: 100%;
  height: calc(100vh - 40px);
  margin: 10px auto;
  max-width: 100%;
  width: 800px;
  padding: 0px 10px;
}
#myModalGameplan .modal-header {
  flex-shrink: 0;
}
#myModalGameplan .modal-header .modal-title-2 {
  display: flex;
  padding: 8px 8px 9px 8px;
}
#myModalGameplan .modal-header .modal-title-2 .modal-title-sub1 {
  flex: 1;
}
#myModalGameplan .modal-header .modal-title-2 .modal-title-sub3 {
  width: 120px;
}
#myModalGameplan .modal-header .modal-title-2 .modal-title-sub3 .button-show-filter-matches {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.04);
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  padding: 10px 12px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: #4a7a5a;
  transition: border-radius 0.2s;
}
#myModalGameplan .modal-header .modal-title-2 .modal-title-sub3 .button-show-filter-matches .arrow {
  display: inline-block;
  transform: rotate(0deg);
  transition: transform 0.25s;
  font-size: 10px;
}
#myModalGameplan .modal-header .modal-title-2 .modal-title-sub3 .button-show-filter-matches .arrow.open {
  transform: rotate(180deg);
}
#myModalGameplan .modal-header .modal-title-2 .modal-title-sub3 .button-show-filter-matches .text {
  margin-right: 10px;
}
#myModalGameplan .modal-header .modal-title-2 .favFilterBtn {
  font-size: 20px;
  display: inline-block;
  /* margin-bottom: 16px; */
  background: rgba(26, 122, 58, 0.1);
  border: 1px solid rgba(26, 122, 58, 0.2);
  border-radius: 6px;
  /* padding: 2px 12px; */
  font-size: 26px;
  color: #1a7a3a;
  font-weight: 600;
}
#myModalGameplan .modal-header .modal-title-2 .favFilterBtn.active {
  background-color: #1a7a3a;
  color: white;
}
#myModalGameplan .modal-header .modal-title-2 .search-wrap {
  position: relative;
  width: 100%;
}
#myModalGameplan .modal-header .modal-title-2 .search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
#myModalGameplan .modal-header .modal-title-2 .input-filter-gameplan {
  width: 100%;
  max-width: 150px;
  padding: 10px 16px 10px 38px;
  border: 1.5px solid #c8e6d0;
  border-radius: 12px;
  font-size: 14px;
  color: #1a3a28;
  background: #fff;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
#myModalGameplan .modal-header .modal-title-2 .input-filter-gameplan:focus {
  border-color: #1a7a3a;
  box-shadow: 0 0 0 3px rgba(26, 122, 58, 0.12);
}
#myModalGameplan .modal-header .group-filter-mode {
  display: flex;
  padding: 0px 8px 8px 8px;
}
#myModalGameplan .modal-header .group-filter-mode .group-filter-mode-1 {
  flex: 1;
  display: flex;
  margin-right: 10px;
}
#myModalGameplan .modal-header .group-filter-mode .group-filter-mode-1 button {
  width: 120px;
  padding: 8px 0px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  font-family: "DM Sans", sans-serif;
  border: 1.5px solid #1a7a3a;
  transition: 0.2s;
  border: 1.5px solid #daeee2;
}
#myModalGameplan .modal-header .group-filter-mode .group-filter-mode-1 button.active {
  background: #1a7a3a;
  color: white;
}
#myModalGameplan .modal-header .group-filter-mode .button-toggle-compact {
  margin-top: 6px;
}
#myModalGameplan .modal-header .group-filter-mode .button-toggle-compact.compact-active {
  background: #1a7a3a;
  color: white;
}
#myModalGameplan .modal-header .group-filter-matches {
  display: grid;
  gap: 6px;
  padding: 0px 8px 6px 8px;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
}
#myModalGameplan .modal-header .group-filter-matches button {
  border-radius: 6px;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: normal;
  border: 1px solid rgba(138, 122, 26, 0.25);
}
#myModalGameplan .modal-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #f0f7f2;
}
#myModalGameplan .modal-body {
  padding: 0px 0px 10px 0px;
  overflow: hidden;
  flex: 1;
}
#myModalGameplan .modal-body .dategroup-container {
  height: 100%;
  overflow: auto;
  padding: 0px 10px;
}
#myModalGameplan .modal-body .dategroup-container.show-groups .group-date {
  margin-bottom: 20px;
}
#myModalGameplan .modal-body .dategroup-container.show-groups .group-date .group-header {
  display: flex;
  padding-bottom: 9px;
}
#myModalGameplan .modal-body .dategroup-container.show-groups .group-date .group-header .gh-left, #myModalGameplan .modal-body .dategroup-container.show-groups .group-date .group-header .gh-right {
  flex: 1 1 0%;
  height: 1px;
}
#myModalGameplan .modal-body .dategroup-container.show-groups .group-date .group-header .gh1 {
  white-space: nowrap;
  display: block;
  padding: 2px 12px;
  border-radius: 6px;
  text-align: center;
  margin: 0px 4px;
}
#myModalGameplan .group-date {
  margin-bottom: 10px;
}
#myModalGameplan .group-date .group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 4px 3px 4px;
}
#myModalGameplan .group-date .group-header .gh1 {
  flex: 1;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #1a7a3a;
}
#myModalGameplan .group-date .group-header .gh2 {
  font-size: 14px;
  color: #1a7a3a;
}
#myModalGameplan .group-date .matches {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  max-width: calc(400px * 3);
  /* example cap */
}
#myModalGameplan .group-date .matches .match {
  background: white;
  border-radius: 16px;
  padding: 0px;
  border: 1.5px solid #daeee2;
  box-shadow: rgba(0, 100, 40, 0.07) 0px 2px 10px;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.15s;
}
#myModalGameplan .group-date .matches .match .is-compact {
  display: none;
}
#myModalGameplan .group-date .matches .match .match-border-top {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 3px;
  background: linear-gradient(90deg, #2ecc71, #1a7a3a);
}
#myModalGameplan .group-date .matches .match .moon {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 18px;
}
#myModalGameplan .group-date .matches .match .group-info {
  position: absolute;
  top: 7px;
  left: 7px;
  align-items: center;
  cursor: pointer;
}
#myModalGameplan .group-date .matches .match .group-info .time-group {
  background: rgba(74, 222, 128, 0.12);
  border: 1px solid rgba(74, 222, 128, 0.2);
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 10px;
  color: #4ade80;
  letter-spacing: 0.5px;
}
#myModalGameplan .group-date .matches .match .match-top {
  display: flex;
  padding: 8px 14px 6px 14px;
}
#myModalGameplan .group-date .matches .match .match-top .m1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: 1 1 0%;
}
#myModalGameplan .group-date .matches .match .match-top .m1 .m-logo-1 {
  position: relative;
  min-height: 38px;
}
#myModalGameplan .group-date .matches .match .match-top .m1 .name .name-1 {
  /*
  position:absolute;
  top: 50%;
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  */
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
#myModalGameplan .group-date .matches .match .match-top .m1 .match-logo {
  max-width: 46px;
  min-width: 46px;
  min-height: 38px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}
#myModalGameplan .group-date .matches .match .match-top .m1 .match-logo img {
  height: auto;
  max-height: 38px;
  max-width: 40px;
  min-width: 40px;
  margin: 0px auto;
}
#myModalGameplan .group-date .matches .match .match-top .time {
  width: 65px;
  position: relative;
  text-align: center;
}
#myModalGameplan .group-date .matches .match .match-top .time .time-1 {
  width: 100%;
  margin-top: 4px;
  /*				
  position:absolute;
  top: 50%;
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  */
  font-size: 18px;
}
#myModalGameplan .group-date .matches .match .match-top .time .time-vs {
  background: rgba(26, 122, 58, 0.1);
  border: 1px solid rgba(26, 122, 58, 0.25);
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  color: #1a7a3a;
  letter-spacing: 1px;
  display: inline-block;
  display: none;
}
#myModalGameplan .group-date .matches .match .match-bottom {
  padding: 2px 8px 6px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e8f5ed;
}
#myModalGameplan .group-date .matches .match .match-bottom .match-venue {
  margin-top: 5px;
  font-size: 10px;
  flex: 1;
}
#myModalGameplan .group-date .matches .match .match-bottom .match-venue .location {
  display: flex;
}
#myModalGameplan .group-date .matches .match .match-bottom .match-venue .location .svg {
  width: 20px;
  display: inline-block;
}
#myModalGameplan .group-date .matches .match .match-bottom .match-venue .location .text {
  font-size: 10px;
  color: gray;
  flex: 1;
}
#myModalGameplan .group-date .matches .match .match-bottom .match-venue .day {
  padding-left: 20px;
  color: gray;
}
#myModalGameplan .group-date .matches .match .match-bottom .div-star {
  min-width: 110px;
  /*
  .star-btn-gameplan:hover {
      color: #f5c518;
      transform: scale(1.2);
  }
  */
  /* Click animation */
}
#myModalGameplan .group-date .matches .match .match-bottom .div-star .button-show-table {
  align-items: center;
  gap: 8px;
  background: rgba(26, 122, 58, 0.08);
  color: #1a7a3a;
  border: none;
  border-radius: 12px;
  padding: 3px 13px;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s;
}
#myModalGameplan .group-date .matches .match .match-bottom .div-star .button-show-table .group {
  font-size: 16px;
  margin-right: 4px;
}
#myModalGameplan .group-date .matches .match .match-bottom .div-star .button-show-table svg {
  vertical-align: top;
}
#myModalGameplan .group-date .matches .match .match-bottom .div-star .star-btn-gameplan {
  font-size: 22px;
  color: #ccc;
  background-color: transparent;
  border: none;
}
#myModalGameplan .group-date .matches .match .match-bottom .div-star .star-btn.pop {
  animation: starPop 0.3s ease;
}
#myModalGameplan .group-date .matches .match .match-sponsors {
  background: rgba(200, 168, 75, 0.063);
  border-top: 1px solid rgba(200, 168, 75, 0.145);
  padding: 4px 10px 4px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#myModalGameplan .group-date .matches .match .match-sponsors .match-text {
  text-align: right;
  font-size: 12px;
  align-self: baseline;
  line-height: 14px;
  margin-right: 10px;
  color: gray;
}
#myModalGameplan .group-date .matches .match .match-sponsors .match-logos {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
#myModalGameplan .group-date .matches .match .match-sponsors .match-logos img {
  align-self: anchor-center;
}
#myModalGameplan .group-date .matches .match.is-favorite {
  border: 1.5px solid rgba(255, 180, 0, 0.5);
}
#myModalGameplan .group-date .matches .match.is-favorite .match-border-top {
  background: linear-gradient(90deg, #ffc800, #ff8800);
}
#myModalGameplan .group-date .matches .match.is-favorite .match-bottom .div-star .star-btn-gameplan {
  color: #f5c518;
  font-size: 28px;
}
#myModalGameplan .group-date .matches .match.is-night {
  background-color: #ebebeb;
}
#myModalGameplan .group-date .matches .match.is-night .moon {
  display: block;
}
#myModalGameplan .group-date .matches .match.compact .is-compact {
  display: block;
}
#myModalGameplan .group-date .matches .match.compact .match-top .m1 {
  gap: 2px;
}
#myModalGameplan .group-date .matches .match.compact .match-top .m1 .name .name-1 {
  font-size: 12px;
}
#myModalGameplan .group-date .matches .match.compact .match-bottom {
  display: none;
}
#myModalGameplan .group-date .matches .match.compact .time .time-day-1 {
  font-size: 12px;
}
#myModalGameplan .group-date .matches .match.compact .time .time-1 {
  margin-top: 0px;
  font-size: 12px;
  font-weight: bold;
}
#myModalGameplan .group-date .matches .match.compact .time .time-vs {
  display: none;
}
#myModalGameplan .group-date .matches.compact {
  grid-gap: 6px;
}

#myModalStandings {
  z-index: 1051;
}
#myModalStandings .modal-dialog {
  margin-top: 30px;
}
#myModalStandings .modal-dialog .modal-content {
  max-width: 520px;
  margin: 0px auto;
}
#myModalStandings .modal-header .tablename {
  font-weight: bold;
  font-size: 16px;
}
#myModalStandings .modal-body {
  border-radius: inherit;
  padding: 10px 0px 0px 0px;
}
#myModalStandings .div-standings .standing {
  display: flex;
  padding: 4px 0px 4px 0px;
  margin-bottom: 4px;
}
#myModalStandings .div-standings .standing:not(:last-child) {
  border-bottom: 1px solid gray;
}
#myModalStandings .div-standings .standing .standing-1 {
  display: flex;
  width: 100%;
}
#myModalStandings .div-standings .standing .standing-1 .rank {
  width: 30px;
  min-width: 30px;
  font-weight: bold;
  text-align: center;
}
#myModalStandings .div-standings .standing .standing-2 {
  display: flex;
  flex: 1;
  margin-left: 10px;
  align-items: center;
}
#myModalStandings .div-standings .standing .standing-2 .standing-12 {
  flex: 1;
  align-items: center;
}
#myModalStandings .div-standings .standing .standing-2 .standing-12 .name {
  display: block;
  flex: 1;
  margin-right: 6px;
}
#myModalStandings .div-standings .standing .standing-2 .standing-12 .live-status {
  margin-right: 6px;
}
#myModalStandings .div-standings .standing .standing-2 .standing-22 {
  display: flex;
  align-items: center;
}
#myModalStandings .div-standings .standing .standing-2 .name {
  flex: 1;
  font-weight: bold;
}
#myModalStandings .div-standings .standing .standing-2 .played {
  width: 40px;
  text-align: center;
}
#myModalStandings .div-standings .standing .standing-2 .win {
  width: 35px;
  text-align: center;
}
#myModalStandings .div-standings .standing .standing-2 .draw {
  width: 35px;
  text-align: center;
}
#myModalStandings .div-standings .standing .standing-2 .lose {
  width: 35px;
  text-align: center;
}
#myModalStandings .div-standings .standing .standing-2 .goals {
  width: 60px;
  text-align: center;
}
#myModalStandings .div-standings .standing .standing-2 .goals .sep {
  margin: 0px 3px;
}
#myModalStandings .div-standings .standing .standing-2 .points {
  width: 40px;
  font-weight: bold;
  text-align: center;
}
#myModalStandings .div-standings .standing .live-status .live-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
#myModalStandings .div-standings .standing .live-status .pulse-wrap {
  position: relative;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}
#myModalStandings .div-standings .standing .live-status .pulse-dot {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #1D9E75;
  animation: standing-live-pulse-dot 1.4s ease-in-out infinite;
}
#myModalStandings .div-standings .standing .live-status .pulse-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid #1D9E75;
  animation: standing-live-pulse-ring 1.4s ease-out infinite;
}
#myModalStandings .div-standings .standing .live-status .live-score {
  border-radius: 6px;
  padding: 1px 4px;
}
#myModalStandings .div-standings .standing .live-status .live-score .sep {
  padding: 0px 3px;
}
#myModalStandings .div-standings .standing .live-status .live-score.score-home {
  border: 1px solid green;
  color: green;
}
#myModalStandings .div-standings .standing .live-status .live-score.score-away {
  border: 1px solid red;
  color: red;
}
#myModalStandings .div-standings .standing .live-status .live-score.score-draw {
  border: 1px solid gray;
}
#myModalStandings .div-standings.header {
  font-weight: bold;
  border-bottom: 1px solid gray;
}
#myModalStandings .div-standings.table-standing .standing .standing-1 .logo {
  width: 50px;
  max-height: 36px;
  max-width: 46px;
  min-width: 46px;
  min-height: 38px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#myModalStandings .div-standings.table-standing .standing .standing-1 .logo img {
  height: auto;
  max-height: 38px;
  max-width: 40px;
  min-width: 40px;
  margin: 0px auto;
}
@media (max-width: 768px) {
  #myModalStandings .modal-dialog {
    width: initial;
    margin-left: 14px;
    margin-right: 14px;
  }
  #myModalStandings .modal-body .div-standings .standing .standing-2 .standing-12 {
    display: flex;
  }
  #myModalStandings .modal-body .div-standings.header .standing .standing-1 .logo {
    width: 46px;
  }
}
@media only screen and (max-width: 520px) {
  #myModalStandings .modal-body .div-standings .standing {
    display: block;
  }
  #myModalStandings .modal-body .div-standings .standing .standing-1 .rank {
    width: 20px;
  }
  #myModalStandings .modal-body .div-standings .standing .standing-1 .name {
    display: none;
  }
  #myModalStandings .modal-body .div-standings .standing .standing-1 .played, #myModalStandings .modal-body .div-standings .standing .standing-1 .win, #myModalStandings .modal-body .div-standings .standing .standing-1 .draw, #myModalStandings .modal-body .div-standings .standing .standing-1 .lose {
    width: 50px;
  }
  #myModalStandings .modal-body .div-standings .standing .standing-1 .played, #myModalStandings .modal-body .div-standings .standing .standing-1 .win, #myModalStandings .modal-body .div-standings .standing .standing-1 .draw, #myModalStandings .modal-body .div-standings .standing .standing-1 .lose, #myModalStandings .modal-body .div-standings .standing .standing-1 .goals, #myModalStandings .modal-body .div-standings .standing .standing-1 .points {
    flex: 1;
    width: initial;
  }
  #myModalStandings .modal-body .div-standings .standing .standing-2 {
    display: block;
    margin-left: 10px;
  }
  #myModalStandings .modal-body .div-standings .standing .standing-2 .standing-12 {
    margin-bottom: 5px;
  }
  #myModalStandings .modal-body .div-standings .standing .standing-2 .goals {
    flex: 1;
    width: initial;
  }
  #myModalStandings .modal-body .div-standings .standing .standing-2 .name {
    display: block;
  }
}

#myModalConfirmationTipps .modal-dialog {
  max-width: 400px;
  margin: 30px auto;
}
#myModalConfirmationTipps .modal-dialog .modal-content .modal-header {
  padding: 10px 10px 10px 10px;
  border-bottom: none;
}
#myModalConfirmationTipps .modal-body {
  padding: 8px 8px 8px 8px;
}
#myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted {
  display: flex;
  padding: 3px 3px;
  width: 100%;
  gap: 5px;
}
#myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .team-home, #myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .team-away {
  flex: 1;
  display: flex;
}
#myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .team-home .name, #myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .team-away .name {
  text-align: center;
}
#myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .team-home .match-logo, #myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .team-away .match-logo {
  text-align: center;
}
#myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .team-home .match-logo img, #myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .team-away .match-logo img {
  height: auto;
  max-height: 38px;
  max-width: 40px;
}
#myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .team-home .team-home-1 {
  flex: 1;
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .team-away .team-away-1 {
  flex: 1;
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .tipp {
  width: 28px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted .tipp div {
  width: 100%;
  border-radius: 8px;
  background: #1a2d4a;
  color: #fff;
}
#myModalConfirmationTipps .modal-body .confirmation-matches .match-inserted:nth-child(even) {
  background-color: #f5f5f5;
}
#myModalConfirmationTipps .modal-footer {
  padding: 8px;
  border-top: none;
  display: flex;
  text-align: left;
}
#myModalConfirmationTipps .modal-footer .span-confirmation-info {
  padding-top: 8px;
  font-size: 14px;
  flex: 1;
}
#myModalConfirmationTipps .modal-footer .span-confirmation-info.completed {
  color: #009f00;
}
#myModalConfirmationTipps .modal-footer .span-confirmation-info.open {
  color: red;
}
#myModalConfirmationTipps .modal-footer .span-confirmation-info.open .warning {
  margin-right: 6px;
  display: inline-block;
  font-size: 18px;
}
#myModalConfirmationTipps .modal-footer .span-confirmation-info .warning {
  display: none;
}
#myModalConfirmationTipps .modal-footer .btn.btn-default {
  background-color: #53A1EC;
  color: white;
}

.form-help {
  padding: 5px;
  background-color: white;
  height: 100%;
  max-width: 600px;
  margin: 0px auto;
}

.form-rankings .div-rankings {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(max(300px, 320px), 1fr));
}

.div-rankings .sport-rankings .sport-header {
  display: flex;
  align-items: center;
  padding: 1px 3px;
  color: white;
  background-color: #1565c0;
  margin-bottom: 7px;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 4px 3px;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .caption {
  flex: 1;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .caption .caption-1 {
  font-size: 16px;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .caption .caption-date {
  font-size: 10px;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .caption .sign-master {
  margin-right: 10px;
  padding-top: 4px;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .caption .sign-master span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .right {
  padding-left: 10px;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .right .right-1 {
  text-align: right;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .right .right-1 button i {
  font-size: 20px;
  color: white;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .right .right-1 button.button-icon {
  padding: 0px;
  border: none;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .right .right-1 .button-performance-ranking {
  margin-top: 3px;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .right .right-1 .button-performance-ranking i {
  font-size: 22px;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .right .right-1 .button-ranking-info {
  margin-right: 15px;
  padding: 0px 6px;
}
.div-rankings .sport-rankings .sport-header .sport-header-caption .right .right-1 .button-show-tipps {
  margin-right: 16px;
  padding: 1px 6px;
  color: white;
  border-color: white;
}
.div-rankings .sport-rankings .sport-header .sport-header-image img {
  width: 50px;
}
.div-rankings .sport-rankings .sport-header .button-share-ranking {
  margin: 2px 0px 2px 15px;
  padding: 1px 5px;
}
.div-rankings .sport-rankings .sport-header .button-share-ranking i {
  font-size: 20px;
}
.div-rankings .sport-rankings .sport-registrations .registration:nth-child(-n+3) {
  background: #fffbeb;
}
.div-rankings .sport-rankings .sport-registrations .registration {
  display: flex;
  align-items: center;
  padding: 6px 5px;
}
.div-rankings .sport-rankings .sport-registrations .registration:not(:last-child) {
  border-bottom: 1px solid gray;
}
.div-rankings .sport-rankings .sport-registrations .registration .rank {
  width: 28px;
  text-align: center;
}
.div-rankings .sport-rankings .sport-registrations .registration .rank-previous {
  width: 80px;
  display: flex;
  align-items: center;
}
.div-rankings .sport-rankings .sport-registrations .registration .rank-previous .span-icon {
  width: 40px;
  text-align: center;
}
.div-rankings .sport-rankings .sport-registrations .registration .rank-previous .span-icon .icon-ranking {
  font-size: 32px;
}
.div-rankings .sport-rankings .sport-registrations .registration .rank-previous .span-icon .icon-ranking.ranking-up {
  color: #00cc00;
}
.div-rankings .sport-rankings .sport-registrations .registration .rank-previous .span-icon .icon-ranking.ranking-down {
  color: red;
}
.div-rankings .sport-rankings .sport-registrations .registration .rank-previous .span-r {
  flex: 1;
  font-size: 12px;
  font-weight: normal;
}
.div-rankings .sport-rankings .sport-registrations .registration .rank-previous .span-r span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  flex-shrink: 0;
}
.div-rankings .sport-rankings .sport-registrations .registration .name {
  flex: 1;
}
.div-rankings .sport-rankings .sport-registrations .registration .name .name-r {
  display: flex;
}
.div-rankings .sport-rankings .sport-registrations .registration .name .name-c {
  font-size: 10px;
  font-weight: normal;
}
.div-rankings .sport-rankings .sport-registrations .registration .signs-master {
  margin-left: 10px;
}
.div-rankings .sport-rankings .sport-registrations .registration .signs-master .sign-master span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  padding-top: 2px;
}
.div-rankings .sport-rankings .sport-registrations .registration .value {
  width: 66px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.div-rankings .sport-rankings .sport-registrations .registration.in-master {
  background-color: #ceffce;
}
.div-rankings .sport-rankings .sport-registrations .registration[is-me] {
  background: #eff6ff;
  font-weight: bold;
}
.div-rankings .sport-rankings .sport-registrations .registration[show-c="0"] .name-c {
  display: none;
}
.div-rankings .sport-rankings.invited .sport-header {
  padding-bottom: 4px;
}
.div-rankings .sport-rankings.invited .sport-header .sport-header-info .button-ranking-info {
  padding: 2px 14px;
}

.form-rankings {
  height: 100%;
  padding: 5px;
}
.form-rankings .label-rankings-creation-time {
  display: none;
}
.form-rankings .div-rankings-controls {
  margin-bottom: 5px;
}
.form-rankings .div-rankings-controls .right {
  float: right;
}
.form-rankings .div-rankings-controls .right .button-show-edit-share-rankings.share-active {
  background-color: lightgreen;
}
@media (max-width: 500px) {
  .form-rankings {
    /*
    .div-rankings-all {
    	max-width:initial;
    }*/
  }
}

.form-my-standings {
  height: 100%;
}
.form-my-standings tm-spielplan {
  height: 100%;
  --tm-padding-kopf: 0px;
  --tm-surface:transparent;
  --tm-bg:transparent;
}

.form-my-tipps {
  padding: 5px 5px 0px 5px;
  height: 100%;
  background: #f0f2f5;
  overflow: hidden;
}
.form-my-tipps .form-my-tipps-1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.form-my-tipps .div-my-tipps {
  margin: 0px auto 12px auto;
  min-width: 330px;
  max-width: 100%;
  overflow: auto;
  scrollbar-width: thin;
}
.form-my-tipps .div-my-tipps-controls {
  margin-bottom: 5px;
  display: flex;
}
.form-my-tipps .div-my-tipps-controls .left {
  flex: 1;
}
.form-my-tipps .div-my-tipps-overview {
  width: 160px;
  display: none;
}
.form-my-tipps .div-my-tipps-overview .overview-1 {
  display: flex;
}
.form-my-tipps .div-my-tipps-overview .overview-1 .header {
  flex: 1;
}
.form-my-tipps .div-my-tipps-overview .overview-1 .value {
  width: 70px;
  text-align: right;
}
.form-my-tipps .button-show-edit-share-my-tipps.share-active {
  background-color: lightgreen;
}
@media (max-width: 500px) {
  .form-my-tipps .div-my-tipps-controls {
    display: block;
  }
  .form-my-tipps .div-my-tipps-controls .right {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.form-administration {
  padding: 5px;
  background-color: white;
  min-height: 100%;
}

.div-my-tipps .my-tipp {
  margin-bottom: 10px;
}
.div-my-tipps .my-tipp .slip.match.header {
  color: white;
  background-color: #1a2d4a;
  padding: 6px 10px;
  border-radius: 10px;
  margin-bottom: 5px;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 {
  display: flex;
  font-size: 14px;
  align-items: center;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 .caption-my-tipp {
  flex: 1;
  color: white;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 .caption-my-tipp .caption-round {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 .caption-my-tipp .caption-date {
  font-size: 12px;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 .match-score {
  font-weight: 700;
  width: 48px;
  text-align: right;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 .match-value {
  display: none;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 .button-share-slip {
  margin: 0px 8px 0px 0px;
  padding: 1px 5px;
  color: white;
  border-color: white;
  border: none;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 .button-share-slip i {
  font-size: 15px;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 .slip-results .slip-count {
  padding: 3px 0px;
  width: 24px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 .slip-results .slip-count.slip-count-open {
  background-color: #e5e500;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 .slip-results .slip-count.slip-count-error {
  color: white;
  background-color: #fc486b;
}
.div-my-tipps .my-tipp .slip.match.header .match-header .match-header-1 .slip-results .slip-count.slip-count-ok {
  color: white;
  background-color: #03ccac;
}
.div-my-tipps .my-tipp .matches {
  border: 1px solid lightgray;
  padding: 0px 0px 0px 0px;
  border-radius: 10px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
  background-color: white;
}
.div-my-tipps .my-tipp .matches .match:not(:last-child) {
  border-bottom: 1px solid lightgray;
}
.div-my-tipps .my-tipp .match {
  font-size: 12px;
  padding-top: 6px;
}
.div-my-tipps .my-tipp .match .match-1 {
  padding: 0px 8px 0px 10px;
}
.div-my-tipps .my-tipp .match .match-1 .match-header {
  width: 100%;
  padding: 0px 0px 0px 0px;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 {
  display: flex;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .caption {
  font-weight: bold;
  font-size: 14px;
  margin-right: 4px;
  flex: 1;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .caption .caption-row {
  display: flex;
  align-items: center;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .caption .caption-row .teamname {
  flex: 1;
  line-height: 16px;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .caption .caption-row.row-home {
  margin-bottom: 3px;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .caption .match-logo {
  display: inline-block;
  width: 30px;
  text-align: center;
  margin-right: 10px;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .caption .match-logo img {
  height: auto;
  max-height: 30px;
  max-width: 30px;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .caption .score-1 {
  color: #b3b3b3;
  width: 30px;
  text-align: center;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .caption .score {
  width: 20px;
  text-align: center;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .caption .score.show-set {
  display: flex;
  text-align: left;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .caption .score .score-set {
  font-weight: normal;
  font-size: 12px;
  width: 20px;
  text-align: right;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .match-value {
  width: 50px;
  text-align: right;
  display: none;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .match-score {
  width: 25px;
  text-align: right;
  display: inline-block;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .match-score .scores-live {
  margin-top: 3px;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-color: lime;
  border-radius: 50%;
  animation-name: blink-live-result;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-1 .match-score .scores-result {
  display: inline-block;
  text-align: right;
  flex: 1;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-2 .match-flag {
  display: none;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-2 .match-flag img {
  width: 38px;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-2 .caption-sub {
  font-size: 12px;
  display: flex;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-2 .caption-sub .match-time {
  flex: 1;
}
.div-my-tipps .my-tipp .match .match-1 .match-header .match-header-2 .caption-sub .match-league {
  flex: 1;
  text-align: right;
  margin-right: 5px;
  display: none;
}
.div-my-tipps .my-tipp .match .match-state {
  width: 30px;
  text-align: center;
}
.div-my-tipps .my-tipp .match .match-state .span-state {
  display: inline-block;
  vertical-align: top;
}
.div-my-tipps .my-tipp .match .match-state .span-state[state="1"] {
  width: 16px;
  height: 16px;
  background-color: #e5e500;
  margin-top: 1px;
  border-radius: 50%;
}
.div-my-tipps .my-tipp .match .match-state .span-state[state="1"] i {
  display: none;
}
.div-my-tipps .my-tipp .match .match-state .span-state[state="2"] .icon-state2 {
  font-size: 18px;
  color: #03ccac;
  display: inline-block;
}
.div-my-tipps .my-tipp .match .match-state .span-state[state="2"] .icon-state3 {
  display: none;
}
.div-my-tipps .my-tipp .match .match-state .span-state[state="3"] .icon-state2 {
  display: none;
}
.div-my-tipps .my-tipp .match .match-state .span-state[state="3"] .icon-state3 {
  font-size: 16px;
  color: #fc486b;
  display: inline-block;
}
.div-my-tipps .my-tipp .match .preview-3-way {
  display: flex;
  align-items: center;
  justify-content: center;
}
.div-my-tipps .my-tipp .match .preview-3-way .tipp {
  display: none;
  width: 24px;
  text-align: center;
  font-size: 14px;
  flex: 1;
}
.div-my-tipps .my-tipp .match .preview-3-way .tipp.active {
  font-weight: bold;
  display: block;
  font-size: 24px;
}
.div-my-tipps .my-tipp .match .preview-3-way[state="1"] {
  color: #e5e500;
}
.div-my-tipps .my-tipp .match .preview-3-way[state="2"] {
  color: #03ccac;
}
.div-my-tipps .my-tipp .match .preview-3-way[state="3"] {
  color: #fc486b;
}
.div-my-tipps .my-tipp .match .match-2 {
  padding: 5px 7px 0px 2px;
}
.div-my-tipps .my-tipp .match .match-2 .match-2-1 {
  display: flex;
}
.div-my-tipps .my-tipp .match .match-2 .match-2-1 .match-info {
  flex: 1;
}
.div-my-tipps .my-tipp .match .match-2 .match-2-1 .tipp-auszahlung {
  width: 75px;
  text-align: right;
}
.div-my-tipps .my-tipp .match .match-2 .match-2-2 .match-state .span-state[state="1"] {
  display: none;
}
.div-my-tipps .my-tipp .match .match-2 .match-2-2 {
  display: flex;
}
.div-my-tipps .my-tipp .match .match-2 .tipp-caption {
  width: 90px;
  display: inline-block;
}
.div-my-tipps .my-tipp .match .match-2 .tipp-caption-1 {
  width: 40px;
  display: inline-block;
  font-weight: bold;
}
.div-my-tipps .my-tipp .match .match-2 .tipp-caption-2 {
  font-weight: bold;
}
.div-my-tipps .my-tipp .match .match-2:not(:last-child) {
  margin: 3px 0px 3px 0px;
}
.div-my-tipps .my-tipp .match[state="1"] .match-2 .tipp-auszahlung {
  display: none;
}
.div-my-tipps .my-tipp .match[matchkind="3"] .match-1 .match-header .match-header-1 .caption .match-logo img {
  display: none;
}
.div-my-tipps .my-tipp .match .date-footer {
  display: flex;
  align-items: center;
  padding: 8px 4px 8px 7px;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid #f1f5f9;
}
.div-my-tipps .my-tipp .match .date-footer .match-league {
  flex: 1;
}
.div-my-tipps .my-tipp .match .match-footer-1 {
  display: none;
}
.div-my-tipps .my-tipp .match.hide-tippresult .date-footer {
  margin-top: 5px;
}
.div-my-tipps .my-tipp .match.match-completed.is-special1 .match-footer-1 {
  display: block;
  padding: 4px;
}
.div-my-tipps .my-tipp .match.match-completed.is-special1 .match-footer-1 .button-result-check {
  font-size: 16px;
  color: white;
  border: 1px solid #53A1EC;
  background-color: #53A1EC;
  border-radius: 5px;
}
.div-my-tipps .my-tipp[kind="1"] .matches .match .match-value {
  visibility: hidden;
}
.div-my-tipps .my-tipp[kind="1"] .matches .match .match-2 .tipp-auszahlung {
  display: none;
}

.footer {
  display: block;
  display: none;
  bottom: 0;
  width: 100%;
  height: 30px;
  color: #666;
  text-align: left;
  font-size: 14px;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}
.footer .footer-3 {
  margin: 0px auto;
  background: linear-gradient(160deg, #f0f4ff 0%, #e8f0fe 60%, #f0f4ff 100%);
  height: 100%;
  padding: 4px;
  display: flex;
}
.footer .footer-3 .footer-3-left .button-impressum {
  font-size: 12px;
  color: #666;
}
.footer .footer-3 .footer-3-left .button-last-company {
  font-size: 12px;
  color: #666;
  margin-left: 4px;
  border: 1px solid #666;
  background-color: #c7c7c7;
  padding: 2px 4px;
}
.footer .footer-3 .footer-3-name {
  flex: 1;
  text-align: right;
  overflow: hidden;
}
.footer .footer-1 {
  margin-top: 4px;
}
.footer .footer-1 .div-banner {
  text-align: center;
}
.footer .footer-2 {
  display: none;
  margin-top: 3px;
}
.footer .footer-2 .footer-name {
  display: flex;
}
.footer .footer-2 .footer-name .footer-name-1 {
  margin-right: 6px;
  text-align: right;
}
.footer .footer-2 .footer-name .footer-name-1 div {
  font-size: 12px;
  line-height: 13px;
}
.footer .footer-2 .footer-name .footer-name-2 img {
  width: 100px;
}
.footer .footer-2 .footer-registration {
  font-size: 12px;
  flex: 1;
}
@media (max-width: 500px) {
  .footer {
    border-left: none;
    border-right: none;
  }
}

.button-show-rankings {
  font-weight: bold;
}
.button-show-rankings span {
  font-weight: normal;
  font-size: 12px;
  vertical-align: top;
  margin-right: 5px;
}

.header-nav {
  display: flex;
  background-color: #1a2d4a;
  color: white;
  width: 100%;
  height: 50px;
}
.header-nav .button-startpage-show-landingpage-header img {
  width: 30px;
}
.header-nav .logo-container {
  display: inline-block;
  margin-left: 7px;
  margin-top: 6px;
}
.header-nav .logo-container img {
  height: 38px;
  vertical-align: top;
}
.header-nav .start-menu-buttons-right {
  position: absolute;
  right: 54px;
  top: 14px;
  display: flex;
}
.header-nav .start-menu-buttons-right button {
  border-color: #cecece;
  color: #cecece;
  padding: 0px 6px;
  margin-left: 12px;
}
.header-nav .start-menu-buttons-right button i {
  font-size: 16px;
}
.header-nav .button-show-registration-switcher {
  color: white;
}
.header-nav .header-name {
  padding-top: 8px;
  padding-left: 10px;
}
.header-nav .header-name .header-name-1 {
  font-size: 12px;
  margin-bottom: 3px;
}
.header-nav .header-name .header-name-1 a {
  color: white;
  text-decoration: none;
}
.header-nav .header-name .header-name-1 a:visited {
  color: white;
}
.header-nav .header-name .header-registration {
  line-height: 12px;
  font-size: 14px;
  font-weight: bold;
}
.header-nav .header-name.not-registered {
  padding-top: 12px;
}
.header-nav .header-name.not-registered .header-name-1 {
  font-size: 16px;
}
.header-nav .header-nav-text {
  display: inline-block;
}
.header-nav .header-nav-text .header-nav-title {
  font-weight: bold;
}
.header-nav .header-nav-text .header-registration-link {
  cursor: pointer;
}

.lds-ring {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  border: 6px solid lightgray;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #53A1EC transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
.lds-ring.small {
  margin: 0px;
  width: 26px;
  height: 26px;
}
.lds-ring.small.top {
  vertical-align: top;
}
.lds-ring.small div {
  width: 24px;
  height: 24px;
  margin: 0px;
}
.lds-ring.extra-small {
  margin: 0px;
  width: 20px;
  height: auto;
}
.lds-ring.extra-small.top {
  vertical-align: top;
}
.lds-ring.extra-small div {
  width: 20px;
  height: 20px;
  margin: 0px;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
@keyframes logo-shimmer {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes standing-live-pulse-dot {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes standing-live-pulse-ring {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@media (max-width: 400px) {
  .settings .row-date .label-date {
    width: 100%;
  }
  .settings .row-user select {
    width: 100%;
  }
}
.modal-backdrop.in {
  opacity: 0.5;
}

/* Nav menu */
.nav-frame {
  position: absolute;
  right: 0px;
  background-color: gray;
  overflow: hidden;
  max-height: 0;
  top: 42px;
}

.menu {
  list-style: none;
  padding: 0px;
}
.menu li {
  cursor: pointer;
}
.menu li a {
  font-size: 16px;
  display: block;
  padding: 8px 14px;
  color: var(--white);
}
.menu li.li-form-start a {
  font-weight: bold;
}
.menu li.li-form-log-out {
  padding-top: 10px;
}
.menu li.li-form-log-out a {
  font-size: 12px;
}

.menu a:hover {
  color: white;
  background-color: var(--gray);
}

/* Menu Icon */
.hamb {
  cursor: pointer;
  padding: 18px 16px 16px 12px;
  margin-top: 6px;
  margin-bottom: 0px;
  position: absolute;
  right: 0px;
  z-index: 22;
}

.hamb-line {
  background: var(--white);
  display: block;
  height: 3px;
  position: relative;
  width: 24px;
}

.hamb-line::before,
.hamb-line::after {
  background: var(--white);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}

.hamb-line::before {
  top: 7px;
}

.hamb-line::after {
  top: -7px;
}

/*
.hamb-line {
	height:3px;
	margin: 4px;
	background: var(--white);
}*/
.side-menu {
  display: none;
}

/* Hide checkbox */
/* Toggle menu icon */
.side-menu:checked ~ nav {
  max-height: 100%;
  z-index: 21;
}

.side-menu:checked ~ .hamb .hamb-line {
  background: transparent;
}

.side-menu:checked ~ .hamb .hamb-line::before {
  transform: rotate(-45deg);
  top: 0;
}

.side-menu:checked ~ .hamb .hamb-line::after {
  transform: rotate(45deg);
  top: 0;
}

.swiper-matches-start, .swiper-tipps-start, .swiper-container-text {
  overflow: hidden;
}

.start-menu-tile.tile-renewablue .start-menu-tile-header .span-text-header {
  margin-right: 4px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}
.start-menu-tile.tile-renewablue .start-menu-tile-header .button-share-text-renewablue i {
  font-size: 18px !important;
}
.start-menu-tile.tile-renewablue .start-menu-tile-content {
  overflow: auto;
}
.start-menu-tile.tile-renewablue .start-menu-tile-content p {
  font-size: 14px;
  line-height: 22px;
}

.matches-container .match__tipp_container .match__fixing__items {
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid lightgray;
  height: 100%;
}
.matches-container .match__tipp_container .match__fixing__items .match__tipps__result {
  max-width: fit-content;
  margin: 3px auto 0px auto;
}
.matches-container .match__tipp_container .match__fixing__items .match__tipps__result .match__tipps_info_result_header {
  font-size: 12px;
}
.matches-container .match__tipp_container .match__fixing__items .match__tipps__result .match__tipps_info_result_header .result-text {
  flex: 1;
}
.matches-container .match__tipp_container .match__fixing__items .match__tipps__result .match__tipps_info_result_header .result-points {
  color: #03ccac;
  width: 50px;
  text-align: right;
  font-size: 14px;
  font-weight: 800;
}
.matches-container .match__tipp_container .match__fixing__items .match__tipps__result .match__tipps_info_result_flex {
  display: flex;
}
.matches-container .match__tipp_container .match__fixing__items .match__tipps__result .match__tipps_info_result_flex .match__tipps_info_result {
  font-size: 12px;
  flex: 1;
}
.matches-container .match__tipp_container .match__fixing__items .match__tipps__result .match__tipps_info_result-row {
  display: flex;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}
.matches-container .match__tipp_container .match__fixing__items .match__tipps__result .match__tipps_info_result-row .row-label {
  flex: 1;
}
.matches-container .match__tipp_container .match__fixing__items .match__tipps__result .match__tipps_info_result-row .row-quote {
  width: 50px;
  text-align: right;
}
.matches-container .match__tipp_container .match__fixing__items .match__help__text1 {
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  margin-top: 1px;
}
.matches-container .match__tipp_container .match__fixing__items .match__help__text1.fade-out {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}
.matches-container .match__tipp_container .match__fixing__items .match__help__text1 .span-count-tipps {
  cursor: pointer;
  padding: 2px 5px;
  font-size: 12px;
  color: gray;
  border-color: lightgray;
}
.matches-container .match__tipp_container .match__fixing__items .match__help__text1 .help-league {
  font-style: italic;
}
.matches-container .match__tipp_container .match__fixing__items .match__tipps__send {
  margin: 3px auto 0px auto;
}
.matches-container .match__tipp_container .match__fixing__items .match__tipps__send .button-send-tipp {
  background-color: lightgreen;
  padding: 5px 7px;
  line-height: 20px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs_main .match__vs {
  position: relative;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs_main .match__vs .match-header-button-details {
  position: absolute;
  top: 0px;
  /* dezenter Puls, damit er auffaellt ohne aufdringlich zu sein */
}
.matches-container .match__tipp_container .match__fixing__items .match__vs_main .match__vs .match-header-button-details .tm-analyse-badge {
  top: 8px;
  left: 8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  z-index: 2;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs_main .match__vs .match-header-button-details .tm-analyse-badge:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.matches-container .match__tipp_container .match__fixing__items .match__vs_main .match__vs .match-header-button-details .tm-analyse-badge::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid #c2600c;
  opacity: 0.5;
  animation: tm-analyse-pulse 2.5s ease-out infinite;
}
@keyframes tm-analyse-pulse {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  70% {
    transform: scale(1.6);
    opacity: 0;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.matches-container .match__tipp_container .match__fixing__items .match__vs {
  position: relative;
  margin-bottom: 0px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-left: 4px;
  /*
  .match-logo {
  	min-width:46px;
  	//text-align:center;
  	margin:0px auto;
  	img {
  		height:100%;
  		min-height: 40px;
  		max-height: 40px;
  		//max-width: 60px;
  	}
  }*/
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .vs {
  display: none;
  margin: 0px 10px;
  padding-top: 2px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs_1 {
  display: flex;
  flex-direction: column;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs_1 .team-name {
  position: relative;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs_1 .team-name .team-name-1 {
  margin: 0;
  /*
  		position: absolute;
  		top: 50%;
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
  */
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs_1 .team-score {
  width: 20px;
  position: relative;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs_1 .team-score .sscore {
  font-weight: bold;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .team-name, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .team-name {
  font-weight: normal;
  flex: 1;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .match-logo, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .match-logo {
  max-width: 46px;
  min-width: 46px;
  min-height: 38px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .match-logo img, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .match-logo img {
  height: auto;
  max-height: 38px;
  max-width: 40px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .stat-h2h, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .stat-h2h {
  margin-top: 5px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .stat-h2h .button-h2h, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .stat-h2h .button-h2h {
  background-color: transparent;
  border: none;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .stat-h2h .button-h2h .span-h2h, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .stat-h2h .button-h2h .span-h2h {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  padding-top: 2px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .stat-h2h .button-h2h .span-h2h.winner, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .stat-h2h .button-h2h .span-h2h.winner {
  background-color: lime;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .stat-h2h .button-h2h .span-h2h.looser, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .stat-h2h .button-h2h .span-h2h.looser {
  background-color: red;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-score, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .input-score {
  text-align: center;
  margin-top: 8px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-score input, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .input-score input {
  text-align: center;
  width: 70px;
  font-size: 20px;
  border-radius: 5px;
  padding: 4px 4px;
  border-color: lightgray;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-score input.result-ok, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .input-score input.result-ok {
  background-color: #b8ffb8;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-score input[disabled=disabled], .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .input-score input[disabled=disabled] {
  background-color: #e9e9e9;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-selector-main, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .input-selector-main {
  margin: 6px 5px 0px 5px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-selector-main .input-selector-header, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .input-selector-main .input-selector-header {
  font-size: 12px;
  font-weight: bold;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-selector-main .input-selector-header div, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .input-selector-main .input-selector-header div {
  line-height: 15px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-selector-main .input-selector, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .input-selector-main .input-selector {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 5px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-selector-main .input-selector div, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .input-selector-main .input-selector div {
  flex: 1;
  text-align: center;
  cursor: pointer;
  border: 1px solid gray;
  padding: 4px;
  font-size: 20px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-selector-main .input-selector div.active, .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .input-selector-main .input-selector div.active {
  background-color: #daffda;
  font-weight: bold;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .team-name {
  text-align: center;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .input-selector {
  margin-right: 10px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__left .match-logo {
  text-align: left;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .team-name {
  text-align: center;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-selector-main {
  margin-left: 10px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .input-selector-main .input-selector-header {
  text-align: right;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .match-logo {
  text-align: left;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match__vs__right .stat-h2h {
  text-align: right;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match-bar-home {
  width: 20px;
  border: 1px solid gray;
  position: relative;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match-bar-home .progress-content {
  height: 0px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  max-height: 100%;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption.logos-ok .match-logo {
  max-height: 38px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs__tennis {
  margin-bottom: 6px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs__tennis .header {
  font-size: 12px;
  font-weight: bold;
  padding-left: 5px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs__tennis .set-result {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  padding: 0px 5px 0px 5px;
  grid-gap: 4px;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs__tennis .set-result .value {
  text-align: center;
  border: 1px solid gray;
  cursor: pointer;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs__tennis .set-result .value .result {
  font-size: 14px;
  font-weight: bold;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs__tennis .set-result .value .odd {
  font-size: 12px;
  font-weight: normal;
}
.matches-container .match__tipp_container .match__fixing__items .match__vs__tennis .set-result .value.active {
  background-color: #daffda;
}
.matches-container .match__tipp_container .match__fixing__items .buttons-bottom {
  /*.button-load-standing {
  	padding-left:8px;
  	padding-right:8px;
  }*/
}
.matches-container .match__tipp_container .match__fixing__items .buttons-bottom .button-load-standing, .matches-container .match__tipp_container .match__fixing__items .buttons-bottom .button-show-additional-odds {
  padding: 3px 8px;
  font-size: 12px;
  border: 1px solid;
  border-radius: 0px;
}
.matches-container .match__tipp_container .match__fixing__items .match-no-quotes {
  text-align: center;
  font-size: 12px;
  color: #a892ab;
}
.matches-container .match__tipp_container .match__fixing__items .match__invitations {
  margin-bottom: 6px;
}
.matches-container .match__tipp_container .match__fixing__items .match__invitations .button-count-invitation {
  background-color: transparent;
  border: none;
  margin-right: 6px;
  padding-inline-end: 0px;
  padding-inline-start: 0px;
}
.matches-container .match__tipp_container .match__fixing__items .match__invitations .button-count-invitation .span-count-invitation {
  cursor: pointer;
  height: 24px;
  width: 24px;
  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  text-align: center;
  background: blue;
  color: white;
}
.matches-container .match__tipp_container .match__fixing__items .match__invitations .span-count-invitation::before {
  display: inline-block;
  height: 100%;
  background: blue;
  vertical-align: middle;
  content: "";
}
.matches-container .match__tipp_container .match__fixing__items .match__point {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  gap: 2px;
}
.matches-container .match__tipp_container .match__fixing__items .match__point li {
  flex: 1;
  display: block;
  width: 40px;
}
.matches-container .match__tipp_container .match__fixing__items .match__point li .r-1 {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  border-radius: 0px;
  border: 1px solid black;
}
.matches-container .match__tipp_container .match__fixing__items .match__point li .r-2 {
  font-size: 10px;
  text-align: center;
  margin-top: 1px;
}
.matches-container .match__tipp_container .match__fixing__items .match__point li span {
  font-size: 14px;
  font-weight: normal;
}
.matches-container .match__tipp_container .match__fixing__items .match__point li span.s-tipp {
  font-weight: bold;
}
.matches-container .match__tipp_container .match__fixing__items .match__point li.active .r-1 {
  background-color: #03ccac;
}
.matches-container .match__tipp_container .match__fixing__items .match__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #8a92ab;
  font-size: 12px;
  font-weight: 400;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #53A1EC;
  color: white;
  margin-bottom: 3px;
}
.matches-container .match__tipp_container .match__fixing__items .match__head .flag-country img {
  width: 24px;
  height: auto;
  margin-left: 6px;
  vertical-align: top;
}
.matches-container .match__tipp_container .match__fixing__items .match__head .match-league {
  line-height: 14px;
  flex: 1;
  text-align: right;
}
.matches-container .match__tipp_container .match__fixing__items .match__head .match-count-tipps {
  text-align: right;
}
.matches-container .match__tipp_container .match__fixing__items .match__head .match-count-tipps .span-count-tipps {
  background-color: transparent;
  border: none;
  display: none;
}
.matches-container .match__tipp_container .match__fixing__items .match__head .match-count-tipps .span-count-tipps span {
  background-color: #f60;
  width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  font-size: 16px;
  font-weight: bold;
  padding-top: 2px;
}
.matches-container .match__tipp_container .match__fixing__items .match__head .today {
  width: 134px;
}
.matches-container .match__tipp_container .match__fixing__items .match__head .scores-live-main .scores-live {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: lime;
  animation-name: blink-live-result;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.matches-container .match__tipp_container .match__fixing__items[a-click="1"] .match__point li {
  cursor: pointer;
}
.matches-container .match__tipp_container .match__fixing__items[m-state="1"] {
  background-color: #ffbfbf;
}
.matches-container .match__tipp_container .match__fixing__items[hide-quotes="1"] .match__point li .r-1 {
  text-align: center;
  display: block;
}
.matches-container .match__tipp_container .match__fixing__items[hide-quotes="1"] .match__point li .r-1 .s-quote {
  display: none;
}
.matches-container .match__tipp_container .match__fixing__items[hide-quotes="1"] .match__vs_main .match__vs .match-header-input .quote {
  visibility: hidden;
}
.matches-container .match__tipp_container[match-locked="1"] .match__fixing__items .match__vs .match-header-input {
  display: none !important;
}
.matches-container .match__tipp_container[match-locked="1"] .input-score input {
  pointer-events: none;
  background-color: #d0d0d0;
  font-size: 16px !important;
  border: none;
}
.matches-container .match__tipp_container[match-locked="0"] .input-score input {
  height: 36px;
  padding: 8px 12px;
  font-size: 16px;
  background: var(--color-background-primary);
  color: var(--color-text-primary);
  border: 0.5px solid var(--color-border-tertiary);
  border-radius: 6px;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.matches-container .match__tipp_container.simple {
  overflow: hidden;
  background: white;
  border-radius: 16px;
  margin-bottom: 10px;
  border: 1.5px solid silver;
  box-shadow: rgba(0, 100, 40, 0.07) 0px 2px 10px;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.15s;
  max-width: 360px;
  margin: 0px auto 10px auto;
}
.matches-container .match__tipp_container.simple .match-border-top {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 3px;
  background-color: #003869;
}
.matches-container .match__tipp_container.simple .special1-text-header {
  padding: 5px 10px 5px 10px;
  display: flex;
  border-top: 1px solid silver;
}
.matches-container .match__tipp_container.simple .special1-text-header .special1-text-header-1 {
  flex: 1;
}
.matches-container .match__tipp_container.simple .special1-text-header .special1-text-header-1 p {
  font-size: 14px;
  margin: 0px;
}
.matches-container .match__tipp_container.simple .match-sponsors {
  background: rgba(200, 168, 75, 0.063);
  border-top: 1px solid rgba(200, 168, 75, 0.145);
  padding: 4px 10px 4px 16px;
  display: flex;
  align-items: anchor-center;
  justify-content: center;
  gap: 10px;
}
.matches-container .match__tipp_container.simple .match-sponsors .match-text {
  text-align: right;
  font-size: 12px;
  line-height: 15px;
  color: gray;
}
.matches-container .match__tipp_container.simple .match-sponsors .match-logos {
  flex: 1;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: anchor-center;
}
.matches-container .match__tipp_container.simple .match-sponsors .match-logos .match-logo-x {
  flex: 1;
  text-align: center;
}
.matches-container .match__tipp_container.simple .match-sponsors .match-logos img {
  align-self: anchor-center;
}
.matches-container .match__tipp_container.simple .match__fixing__items {
  border: none;
  padding: 10px 10px 10px 10px;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__help__text1 .text-match-locked {
  display: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items .special1 {
  position: absolute;
  animation: pulse-ring 1.5s ease-out infinite;
}
.matches-container .match__tipp_container.simple .match__fixing__items .special1 i {
  font-size: 20px;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events {
  /*
  .event-x {
  	display:flex;
  	align-items:center;
  	padding:2px 0px;
  	border-top: 1px solid #ebebeb;
  	.div-card, .div-icon {
  		width:20px;
  		text-align:center;
  	}
  	.player {
  		flex:1;
  		font-size:12px;
  		display:flex;
  		.player-1 {
  			font-weight:bold;
  		}
  	}
  	.time {
  		display: flex;
  		align-items:center;
  		font-size:14px;
  		width:48px;
  		justify-content: center;
  	}
  	.div-card {
  		span {
  			&:after {
  			    margin: 0 0 0 0px;
  			    display: inline-block;
  			    vertical-align: text-top;
  			    content: "\200b";
  			    width: 15px;
  			    height: 18px;
  			    border: 1px solid #ebebeb;
  			}
  		}
  		span.red:after {
  			background-color: red;
  		}
  		span.yellow:after {
  			background-color: #ffe349;
  		}
  	}
  	&.event-x-home {
  		.player {
  			.player-1 {
  				margin-right:10px;
  			}
  		}
  	}		
  	&.event-x-away {
  		.event-x-left {
  			flex:1;
  		}
  		.player {
  			flex:initial;
  			text-align:right;
  			.player-assist {
  				margin-right:10px;
  			}
  		}
  	}
  	&.event-goal {
  		background-color:#fffbeb;
  	}

  }*/
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button {
  margin-top: 7px;
  text-align: center;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button .div-toggle-match-events {
  display: inline-flex;
  align-items: stretch;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button .button-toggle-match-events, .matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button .button-match-standings {
  display: inline-flex;
  padding: 5px 8px 5px 8px;
  font-size: 14px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.15s, transform 0.1s;
  align-items: center;
  justify-content: center;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button .button-toggle-match-events .button-label, .matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button .button-match-standings .button-label {
  font-size: 13px;
  padding: 0px 0px 0px 7px;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button .button-toggle-match-events .sep, .matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button .button-match-standings .sep {
  width: 1px;
  height: 18px;
  background: #d7dfea;
  flex-shrink: 0;
  margin-right: 10px;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button .button-match-standings {
  border: 1.5px solid #e2e8f0;
  background: #fffbeb;
  color: #b45309;
  border-radius: 10px;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button .button-match-standings .span-group {
  padding: 1px 5px;
  border-radius: 5px;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button .button-toggle-match-aufstellung {
  color: #1a6b3c;
  border-right: 1.5px solid #e2e8f0;
  border-radius: 0px;
  background: #f0fdf4;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-events .match-events-button .button-toggle-match-statistik {
  background: #eff6ff;
  color: #1565c0;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption {
  margin-left: 0px;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  align-items: center;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__vs_1 {
  flex: 1;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__vs_1 .team-name {
  word-wrap: break-word;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__vs_1 .team-name .team-name-1 {
  width: 100%;
  position: relative;
  word-break: break-word;
  font-size: 14px;
  line-height: 15px;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__vs_1 .match-logo {
  text-align: center;
  margin: 0px auto 4px auto;
  max-height: initial;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__vs_1 .match-logo img {
  margin: 0px auto;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center {
  display: flex;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 {
  margin: auto 0px;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .match__point {
  flex-direction: row;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .match__point li {
  width: 22px;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .today, .matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .today-time {
  display: none;
  font-size: 18px;
  line-height: initial;
  margin-top: 10px;
  text-transform: uppercase;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .today .match-time-live, .matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .today-time .match-time-live {
  display: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .scores {
  display: flex;
  font-size: 20px;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .scores .score-home {
  flex: 1;
  text-align: right;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .scores .score-away {
  flex: 1;
  text-align: left;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .scores .divider {
  width: 20px;
  text-align: center;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .tipp-state {
  flex: 1;
  text-align: center;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .tipp-state .tipp-true {
  vertical-align: top;
  color: green;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .tipp-state .tipp-false {
  vertical-align: top;
  color: red;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input {
  display: flex;
  margin-top: 5px;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .quote {
  font-size: 12px;
  margin-bottom: 3px;
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .quote span {
  background: white;
  color: #b45309;
  border-radius: 7px;
  padding: 1px 10px;
  border: 1px solid #f59e0b;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 {
  flex: 1;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1.match__vs__left .input-score {
  justify-content: right;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 .input-score {
  display: flex;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 .input-score .progress-quote {
  margin-top: 1px;
  height: 8px;
  border: 1px solid lightgray;
  overflow: hidden;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 .input-score .progress-quote .progress-color {
  height: 100%;
  width: 100%;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 .input-score .progress-quote .progress-color.color-1 {
  background-color: var(--progress-1);
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 .input-score .progress-quote .progress-color.color-2 {
  background-color: var(--progress-2);
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 .input-score .progress-quote .progress-color.color-3 {
  background-color: var(--progress-3);
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 .input-score .progress-quote .progress-color.color-4 {
  background-color: var(--progress-4);
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 .input-score .progress-quote .progress-color.color-5 {
  background-color: var(--progress-5);
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 input {
  width: 56px;
  font-size: 20px;
  text-align: center;
  border: 2px solid #009688;
  /* Das markante Petrol/Tuerkis aus eurem Header */
  background-color: #ffffff;
  /* Schoen sauber weiss von innen */
  transition: all 0.2s ease-in-out;
  border-radius: 6px;
  padding: 3px 12px;
  font-size: 16px;
  background: linear-gradient(270deg, #ffffff, #e0f2f1, #ffffff);
  background-size: 600% 600%;
  animation: flowingGradient 2s infinite ease-in-out;
  /*
  &:focus, 
  &:not([value=""]) {
      border: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      background-color: #ffffff;
  }*/
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 input[disabled] {
  padding: 0px;
  border: none;
  border-radius: 0px;
  background-color: #f5f5f5;
  animation: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match__vs .match-header-input .match__vs_1 input.result-ok {
  background: #1a2d4a;
  font-weight: 800;
  color: white;
  border-color: #1a2d4a;
  animation: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items .match-info-live {
  display: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items[m-state="1"] {
  background-color: transparent;
}
.matches-container .match__tipp_container.simple .match__fixing__items[m-state="1"] .match__help__text1 {
  display: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-tipped .match__point li {
  color: lightgray;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-tipped .match__point li .s-tipp {
  font-weight: normal;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-tipped .match__point li .r-2 {
  display: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-tipped .match__point li.tipped .r-1 {
  background-color: #03ccac;
  color: white;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-tipped .match__point li.tipped .r-1 .s-tipp {
  font-weight: bold;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-tipped .match__vs_main {
  background-color: transparent;
}
.matches-container .match__tipp_container.simple .match__fixing__items:not(.match-tipped)[m-state="1"] .match__vs .match-header-input {
  display: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-tipped.match-scores-live .match__vs_main .points-win .points-win-inner, .matches-container .match__tipp_container.simple .match__fixing__items.match-tipped[m-state="1"] .match__vs_main .points-win .points-win-inner {
  display: flex;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-tipped.match-scores-live .match__vs_main .points-win .points-win-inner .caption, .matches-container .match__tipp_container.simple .match__fixing__items.match-tipped[m-state="1"] .match__vs_main .points-win .points-win-inner .caption {
  font-size: 12px;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-tipped.match-scores-live .match__vs_main .points-win .points-win-inner .value, .matches-container .match__tipp_container.simple .match__fixing__items.match-tipped[m-state="1"] .match__vs_main .points-win .points-win-inner .value {
  font-size: 14px;
  font-weight: bold;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-tipped .match__vs_main .points-win .points-button {
  display: block !important;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .points-win {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .points-win .points-win-inner {
  width: initial;
  border: 1px solid #e9e9e9;
  padding: 1px 5px;
  border-radius: 4px;
  text-align: center;
  display: none;
  flex-direction: column;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .points-win .points-button {
  display: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .points-win .points-button .button-show-points-preview {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .points-win .points-button .button-show-points-preview :active {
  background: #FAEEDA;
  border-color: #FAC775;
  color: #854F0B;
  transform: scale(0.95);
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-caption .match__center, .matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-input .match__center {
  text-align: center;
  margin: 0px 4px;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-caption .match__center .match__center_1, .matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-input .match__center .match__center_1 {
  width: 100%;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-caption .match__center .match__center_1 .icon-result-ok, .matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-input .match__center .match__center_1 .icon-result-ok {
  text-align: center;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-caption .match__center .match__center_1 .icon-result-ok .resultexact-ok, .matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-input .match__center .match__center_1 .icon-result-ok .resultexact-ok {
  font-size: 24px;
  color: #03ccac;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-caption .match__center .match__center_1 .icon-result-ok .resultexact-error, .matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-input .match__center .match__center_1 .icon-result-ok .resultexact-error {
  font-size: 16px;
  color: red;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-input .match__center.show-points-preview {
  padding: 0px 10px;
  width: 160px;
  text-align: initial;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input .match__vs_main .match__vs .match-header-input .match__center .quote {
  text-align: center !important;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input.match-tipped .quote {
  visibility: hidden;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match__tipp__input.match-tipped .match__center .quote {
  display: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-started .match__vs_main .match__vs .match-header-input, .matches-container .match__tipp_container.simple .match__fixing__items.match-tipped .match__vs_main .match__vs .match-header-input, .matches-container .match__tipp_container.simple .match__fixing__items[m-state="1"] .match__vs_main .match__vs .match-header-input {
  align-items: center;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-started .match__vs_main .match__vs .match-header-input .match__vs_1 .input-score, .matches-container .match__tipp_container.simple .match__fixing__items.match-tipped .match__vs_main .match__vs .match-header-input .match__vs_1 .input-score, .matches-container .match__tipp_container.simple .match__fixing__items[m-state="1"] .match__vs_main .match__vs .match-header-input .match__vs_1 .input-score {
  display: flex;
  justify-content: center;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-started .match__vs_main .match__vs .match-header-input .match__vs_1 .input-score .quote, .matches-container .match__tipp_container.simple .match__fixing__items.match-tipped .match__vs_main .match__vs .match-header-input .match__vs_1 .input-score .quote, .matches-container .match__tipp_container.simple .match__fixing__items[m-state="1"] .match__vs_main .match__vs .match-header-input .match__vs_1 .input-score .quote {
  display: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-started .match__vs_main .match__vs .match-header-input .match__center.show-points-preview, .matches-container .match__tipp_container.simple .match__fixing__items.match-tipped .match__vs_main .match__vs .match-header-input .match__center.show-points-preview, .matches-container .match__tipp_container.simple .match__fixing__items[m-state="1"] .match__vs_main .match__vs .match-header-input .match__center.show-points-preview {
  width: 75px;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-scores-live .match__vs_main .match__vs {
  /*
  .match-header-input {
  	align-items: center;
  	.match__vs_1 {
  		.input-score {
  			display: flex;
  			justify-content: center;
  			.quote {
  				display:none;
  			}
  		}
  	}
  	.match__center.show-points-preview {
  		width:75px;
  	}
  }
  */
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-scores-live .match__vs_main .match__vs .match-header-caption .match__center .match__center_1 .today-time {
  margin-top: 0px;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-scores-live .match__vs_main .match__vs .match-header-caption .match__center .match__center_1 .scores {
  /*
  animation-name: blink-live-result-1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  */
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-scores-live .match__vs_main .match__vs .today, .matches-container .match__tipp_container.simple .match__fixing__items.match-scores-live .match__vs_main .match__vs .today-time {
  font-size: 12px !important;
  margin-bottom: 4px;
  margin-top: 0px !important;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-scores-live .match__vs_main .match-info-live {
  display: inline-block;
  text-align: center;
  font-size: 10px;
  margin-top: 4px;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-scores-live .match__vs_main .match-info-live .match-info-live-1 {
  display: flex;
  padding: 2px 8px;
  background-color: red;
  color: white;
  border-radius: 20px;
  align-items: center;
  margin-bottom: 2px;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-scores-live .match__vs_main .match-info-live .match-info-live-1 .live-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  animation-name: blink-live-result-1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  border-radius: 50%;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-scores-live .match__vs_main .match__help__text1 {
  display: none;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-started .match-events-button .button-match-standings .pulse-wrap {
  position: relative;
  width: 11px;
  height: 11px;
  flex-shrink: 0;
  margin-left: 10px;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-started .match-events-button .button-match-standings .pulse-wrap .pulse-dot {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #b45309;
  animation: standing-live-pulse-dot 1.4s ease-in-out infinite;
}
.matches-container .match__tipp_container.simple .match__fixing__items.match-started .match-events-button .button-match-standings .pulse-wrap .pulse-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid #b45309;
  animation: standing-live-pulse-ring 1.4s ease-out infinite;
}
.matches-container .match__tipp_container.simple[has-scores="1"] .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .today, .matches-container .match__tipp_container.simple[has-scores="1"] .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .today-time {
  display: none !important;
}
.matches-container .match__tipp_container.simple[has-scores="1"] .match__fixing__items .match__vs .match-header-caption .match__center .match__center_1 .match__point li .r-2 {
  display: none;
}
.matches-container .match__tipp_container.simple:nth-child(even) {
  /*background-color:#f5f5f5;
  padding:3px 0px 3px 0px;
  margin-top:2px;*/
}
.matches-container[is-invitation="1"] .match__fixing__items .match__invitations {
  display: none;
}
@media (max-width: 360px) {
  .matches-container {
    /*
    margin: 0px 0px 0px 0px;
    padding-bottom: 0px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    */
  }
}

.main__tab__slide {
  position: relative;
  top: 0px;
  padding: 8px 6px;
  display: none;
}
.main__tab__slide .nav {
  display: flex;
  width: max-content;
  gap: 0px;
}
.main__tab__slide .nav-tabs > li {
  float: none;
}
.main__tab__slide .nav .nav-item .nav-link {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  background-color: #003869;
  border-radius: 0px;
  align-items: initial;
  margin-right: 10px;
  position: relative;
}
.main__tab__slide .nav .nav-item .nav-link .nav-link-1 {
  flex: 1;
}
.main__tab__slide .nav .nav-item .nav-link .nav-link-1 .flag-sports-menu {
  width: 40px;
  position: absolute;
  top: 3px;
  height: auto;
  opacity: 0.7;
}
.main__tab__slide .nav .nav-item .nav-link .nav-link-1 .flag-sports-menu.large-1 {
  width: 80px;
}
.main__tab__slide .nav .nav-item .nav-link .nav-link-2 {
  position: absolute;
  bottom: 0px;
  flex: 1;
}
.main__tab__slide .nav .nav-item .nav-link .label-item {
  font-size: 14px;
  display: inline-block;
  margin-left: 0px;
  bottom: 0px;
  left: 0px;
  text-align: left;
  line-height: 16px;
  padding: 0px 0px 4px 0px;
}
.main__tab__slide .nav .nav-item .nav-link button {
  background-color: transparent;
  border: none;
}
.main__tab__slide .nav .nav-item .nav-link button .span-count-invitation {
  cursor: pointer;
  height: 30px;
  width: 30px;
  margin-top: 5px;
  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  text-align: center;
  background: blue;
  color: white;
}
.main__tab__slide .nav .nav-item .nav-link.nav-link-invitation {
  display: block;
}
.main__tab__slide .nav .nav-item .nav-link.active .label-item {
  font-weight: bold;
  font-style: italic;
}

/*
.left__site__section {
	//margin-bottom:1px;
	.match__fixing__items {
		.match__point li {
			&.active {
				background-color:green;
			}
		}
		&[has-scores="1"] { 
			display:none;
		}
		&[a-click="1"] {
			.match__point li {
				cursor:pointer;
			}
		}
		&[m-state="1"] {
			background-color:#ffbfbf;
		}
	}
}*/
.hasDatepicker {
  padding: 3px 10px !important;
  font-size: 16px;
  width: 110px;
  text-align: center;
}

.button-odds {
  background-color: transparent;
  color: black;
  border: 2px solid black;
  border-radius: 5px;
  font-size: 16px;
  padding: 3px 10px;
}
.button-odds.colored-theme {
  background-color: #53A1EC;
  border: none;
  color: white;
}
.button-odds.button-borderless {
  border: none;
  padding: 0px;
}
.button-odds.button-icon i {
  margin-right: 6px;
}

.header.cart {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  height: 42px;
}
.header.cart .row-cart {
  overflow: hidden;
  height: 100%;
}
.header.cart .row-cart .row-cart-icons {
  cursor: pointer;
  width: 232px;
  color: black;
  background-color: yellow;
  padding: 0px 4px 0px 4px;
  height: 100%;
  transition: 1.5s background-color;
}
.header.cart .row-cart .row-cart-icons .div-cart-close {
  margin-top: 8px;
}
.header.cart .row-cart .row-cart-icons .div-cart-close .button-close-tipps-content {
  border: none;
  padding: 0px;
  margin-right: 6px;
}
.header.cart .row-cart .row-cart-icons .row-cart-icons-1 {
  display: none;
}
.header.cart .row-cart .row-cart-icons .row-cart-icons-2 {
  display: flex;
}
.header.cart .row-cart .row-cart-icons .span-text {
  flex: 1;
  display: flex;
}
.header.cart .row-cart .row-cart-icons .span-count-tipps {
  background-color: #f60;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  margin-left: 6px;
  margin-top: 2px;
  padding-top: 5px;
  animation-name: blink-tipp-count;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.header.cart .row-cart[show-points="0"] .span-text-caption {
  flex: 1;
}
.header.cart .row-cart[show-points="0"] .result-cart-2 {
  display: none;
}
.header.cart .row-cart-content {
  position: absolute;
  right: 0px;
  width: 340px;
  background-color: white;
  color: black;
  max-height: 400px;
  display: flex;
  flex-direction: column;
  border-left: 4px solid #003869;
  border-bottom: 4px solid #003869;
}
.header.cart .row-cart-content .row-cart-text {
  overflow: auto;
  padding: 5px 5px 0px 5px;
}
.header.cart .row-cart-content .row-cart-text .tipp {
  border: 1px solid gray;
  background-color: white;
  margin-bottom: 6px;
}
.header.cart .row-cart-content .row-cart-text .tipp .input-value {
  width: 50px;
  align-self: baseline;
  margin-right: 10px;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-header {
  background-color: #f4f4f4;
  color: #575757;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 5px;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-header .caption {
  font-size: 14px;
  font-weight: bold;
  display: flex;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-header .caption .caption-row {
  display: flex;
  margin-bottom: 4px;
  align-items: center;
  flex: 1;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-header .caption .caption-row .match-logo {
  display: inline-block;
  width: 50px;
  height: 40px;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-header .caption .caption-row .match-logo img {
  max-height: 100%;
  max-width: 50px;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-header .caption .caption-row .teamname {
  line-height: 18px;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-header .caption .caption-row.row-away .teamname {
  text-align: right;
  flex: 1;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-header .caption .caption-row.row-away .match-logo {
  text-align: right;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-header .caption-sub {
  font-size: 12px;
  display: flex;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-header .caption-sub .caption-league {
  flex: 1;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details {
  display: flex;
  padding: 2px 6px 2px 3px;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container {
  font-size: 18px;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container .info-container-1 {
  display: flex;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container .info-container-1 .kind {
  font-weight: bold;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container .info-container-1 .preview-3-way {
  margin-top: 4px;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container .info-container-1 .preview-3-way .tipp {
  display: inline-block;
  width: 40px;
  text-align: center;
  margin-right: 10px;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container .info-container-1 .preview-3-way .tipp.active {
  color: white;
  background-color: #03ccac;
  font-weight: bold;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container .info-container-2 {
  display: flex;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container .info-container-2 .quote {
  font-weight: bold;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container .info-container-extra {
  display: flex;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container .info-container-extra .info-container-extra-state .extra-true {
  font-size: 18px;
  color: lime;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container .info-container-extra .info-container-extra-state .extra-false {
  font-size: 18px;
  color: red;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .info-container .info-caption {
  margin-right: 5px;
  width: 75px;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .controls {
  flex: 1;
  text-align: right;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .controls .button-remove-tipp {
  border: none;
  padding: 4px;
  background-color: transparent;
}
.header.cart .row-cart-content .row-cart-text .tipp .tipp-details .controls .button-remove-tipp i {
  font-size: 20px;
  color: lightgray;
}
.header.cart .row-cart-content .row-cart-text .tipp.error .input-value {
  background-color: red;
}
.header.cart .row-cart-content .row-cart-result {
  margin-top: 6px;
  background-color: gray;
  color: white;
  padding-left: 3px;
  padding-right: 3px;
}
.header.cart .row-cart-content .row-cart-result .div-row-cart-result-bet, .header.cart .row-cart-content .row-cart-result .div-row-cart-result-win, .header.cart .row-cart-content .row-cart-result .div-row-cart-result-result {
  display: flex;
}
.header.cart .row-cart-content .row-cart-result .div-row-cart-result-bet .span-header, .header.cart .row-cart-content .row-cart-result .div-row-cart-result-win .span-header, .header.cart .row-cart-content .row-cart-result .div-row-cart-result-result .span-header {
  flex: 1;
}
.header.cart .row-cart-content .row-cart-result .div-row-cart-result-result .row-cart-result-result, .header.cart .row-cart-content .row-cart-result .div-row-cart-result-result .row-cart-result-result-extra {
  font-weight: bold;
  font-size: 16px;
}
.header.cart .row-cart-content .row-cart-combination {
  text-align: right;
  padding: 3px 3px 3px 3px;
}
.header.cart .row-cart-content .row-cart-combination span {
  vertical-align: top;
}
.header.cart .row-cart-content .row-cart-combination .check-tipps-combination {
  vertical-align: top;
  margin: 5px 10px 0px 10px;
  height: 18px;
  width: 18px;
}
.header.cart .row-cart-content .row-cart-combination .input-tipps-combination-bet {
  width: 60px;
}
.header.cart .row-cart-content .row-cart-save {
  border-top: none;
  padding: 3px;
}
.header.cart .row-cart-content .row-cart-save .button-save-tipps i {
  font-size: 26px;
}
.header.cart .row-cart-content .row-cart-save .div-buttons {
  flex: 1;
  display: flex;
}
.header.cart .row-cart-content .row-cart-save .div-buttons .button-odds.button-reset-tipps {
  padding: 2px 10px;
}
.header.cart .row-cart-content .row-cart-save .div-buttons .div-buttons-1 {
  flex: 1;
}
.header.cart .row-cart-content .row-cart-save .div-buttons .div-buttons-1 .company-closed {
  font-size: 12px;
  color: red;
}
.header.cart[combination="1"] .row-cart-content {
  background-color: white;
  color: black;
}
.header.cart[combination="1"] .row-cart-content .row-cart-text .tipp .input-value {
  visibility: hidden;
}
.header.cart.extra .row-cart .row-cart-icons {
  transition: 0s background-color;
  background-color: #ff0000;
}
.header.cart[kind-cart=kindcart-2] .span-text-caption {
  font-size: 16px;
  padding-top: 8px;
}
.header.cart[kind-cart=kindcart-2] .row-cart .row-cart-icons .span-count-tipps {
  margin-top: 5px;
}
@media only screen and (max-width: 400px) {
  .header.cart {
    width: 100%;
  }
  .header.cart .row-cart .row-cart-icons {
    position: absolute;
    right: 0px;
  }
  .header.cart .row-cart-content {
    width: 100%;
    border-left: none;
  }
}

#myModalFrameLogout .modal-header, #myModalConfirmationTipps .modal-header, #myModalCheckoutTipps .modal-header, #myModalQrCode .modal-header, .modal-odds .modal-header {
  color: white;
  background-color: #1a2d4a;
  padding: 8px 8px;
}
#myModalFrameLogout .modal-header .modal-title, #myModalConfirmationTipps .modal-header .modal-title, #myModalCheckoutTipps .modal-header .modal-title, #myModalQrCode .modal-header .modal-title, .modal-odds .modal-header .modal-title {
  display: flex;
  font-size: 14px;
}
#myModalFrameLogout .modal-header .modal-title .modal-title-1, #myModalConfirmationTipps .modal-header .modal-title .modal-title-1, #myModalCheckoutTipps .modal-header .modal-title .modal-title-1, #myModalQrCode .modal-header .modal-title .modal-title-1, .modal-odds .modal-header .modal-title .modal-title-1 {
  flex: 1;
  margin-right: 10px;
}
#myModalFrameLogout .modal-header .close, #myModalConfirmationTipps .modal-header .close, #myModalCheckoutTipps .modal-header .close, #myModalQrCode .modal-header .close, .modal-odds .modal-header .close {
  color: white;
  opacity: 0.6;
}

#myModalOddsNewPassword .modal-dialog {
  max-width: 300px;
  margin: 20px auto;
}
#myModalOddsNewPassword .modal-dialog .modal-title-caption-1 {
  font-size: 12px;
}
#myModalOddsNewPassword label {
  font-weight: normal;
  margin: 0px;
}
#myModalOddsNewPassword .row-registration-pwd {
  margin-bottom: 10px;
}
#myModalOddsNewPassword .row-registration-pwd div {
  display: flex;
}
#myModalOddsNewPassword .row-registration-pwd button {
  border: none;
  padding: 0px;
  margin-left: 10px;
}
#myModalOddsNewPassword .row-registration-pwd input {
  flex: 1;
}
#myModalOddsNewPassword .row-button {
  margin-top: 40px;
  text-align: right;
}
#myModalOddsNewPassword .row-button button {
  background-color: lightgray;
  border: none;
}

#myModalRankings {
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
}
#myModalRankings .modal-header {
  flex-shrink: 0;
  padding: 8px 15px 8px 15px;
  border-bottom: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background-color: #f59e0b;
}
#myModalRankings .modal-header .modal-title-1 {
  font-size: 18px;
  font-weight: 700;
}
#myModalRankings .modal-dialog {
  max-width: 400px;
  margin: 10px auto;
  height: 100%;
}
#myModalRankings .modal-dialog .modal-content {
  border-radius: 15px;
  height: calc(100% - 20px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#myModalRankings .modal-dialog .modal-content .modal-body {
  overflow: hidden;
  height: 100%;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-direction: column;
}
#myModalRankings .modal-dialog .div-rankings {
  overflow: hidden;
  height: 100%;
}
#myModalRankings .modal-dialog .div-rankings .sport-rankings {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#myModalRankings .modal-dialog .div-rankings .sport-rankings .sport-registrations {
  flex: 1;
  overflow: auto;
}
#myModalRankings .modal-dialog .div-rankings .sport-rankings .sport-registrations .registration {
  /*
  &:nth-child(-n+3) {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--color-background-warning);
    border-bottom: 0.5px solid var(--color-border-tertiary);
  }*/
}
#myModalRegistationPreview .modal-header {
  padding: 6px;
}
#myModalRegistationPreview .modal-body {
  padding: 6px;
}
#myModalRegistationPreview .modal-footer {
  border-top: none;
}
#myModalRegistationPreview .text-info-1 {
  margin-bottom: 20px;
  padding: 0px 10px 0px 10px;
}
#myModalRegistationPreview .text-info-2 {
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;
  font-weight: bold;
}
#myModalRegistationPreview .text-info-inputs .text-info-inputs-1 {
  margin: 0px auto;
  max-width: 240px;
}
#myModalRegistationPreview .text-info-add {
  margin-top: 20px;
}
#myModalRegistationPreview label {
  font-weight: normal;
}
#myModalRegistationPreview .reg-row {
  margin-bottom: 3px;
}
#myModalRegistationPreview .reg-row label {
  margin: 0px;
}
#myModalRegistationPreview .reg-row .field {
  display: block;
  border: 1px solid black;
  border-radius: 5px;
  padding: 4px;
}

#myModalQrCode .div-image {
  text-align: center;
}
#myModalQrCode .div-image img {
  max-width: 200px;
}

#myModalImpressum .modal-header {
  padding: 8px;
}
#myModalImpressum .modal-dialog {
  height: calc(100vh - 20px);
}
#myModalImpressum .modal-dialog .modal-content {
  max-width: 500px;
  margin: 0px auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#myModalImpressum .modal-dialog .modal-content .modal-body {
  flex: 1;
  padding: 6px;
}
#myModalImpressum .modal-dialog .modal-content .modal-body .frame-impressum {
  width: 100%;
  height: 100%;
}

#myModalCheckoutTipps .modal-dialog .modal-content {
  max-width: 400px;
  margin: 0px auto;
  border-radius: 15px;
  overflow: hidden;
  border: none;
}
#myModalCheckoutTipps .modal-dialog .modal-content .modal-header {
  padding: 12px 15px 12px 15px;
  border-bottom: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background-color: #f59e0b;
}
#myModalCheckoutTipps .modal-dialog .modal-content .modal-header .modal-title-1 {
  font-size: 15px;
}
#myModalCheckoutTipps .modal-dialog .modal-content .modal-body {
  padding: 10px 0px 20px 0px;
}
#myModalCheckoutTipps .span-header-info {
  font-weight: bold;
  color: #1a2d4a;
}
#myModalCheckoutTipps .div-button {
  padding: 0px 20px;
}
#myModalCheckoutTipps .div-button button {
  width: 100%;
  background-color: transparent;
  color: black;
  border: 1px solid gray;
  padding: 10px 10px;
  box-shadow: 0 4px 14px rgba(21, 101, 192, 0.3);
  transition: background 0.15s, transform 0.1s;
}
#myModalCheckoutTipps .tipps-result {
  margin-top: 12px;
  padding: 0px 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 15px;
}
#myModalCheckoutTipps .tipps-result .tipps-result-1 {
  background: #f8fafc;
  border-radius: 10px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
}
#myModalCheckoutTipps .tipps-result .tipps-result-1 .span-header {
  margin-bottom: 6px;
  font-size: 10px;
  color: #7689ab;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  text-align: center;
}
#myModalCheckoutTipps .tipps-result .tipps-result-1 .result-card {
  text-align: center;
}
#myModalCheckoutTipps .tipps-result .tipps-result-1 .result-card .result-card-1 {
  font-size: 18px;
  font-weight: 800;
}
#myModalCheckoutTipps .tipps-result .tipps-result-1 .result-card .result-card-1.result-result {
  color: #1a6b3c;
  letter-spacing: 0.1em;
}
#myModalCheckoutTipps .tipps-result .tipps-result-1 .result-card .result-card-1.result-result-extra {
  color: #b45309;
  letter-spacing: 0.1em;
}
#myModalCheckoutTipps .tipps-result .tipps-result-1 .result-bet, #myModalCheckoutTipps .tipps-result .tipps-result-1 .result-win, #myModalCheckoutTipps .tipps-result .tipps-result-1 .result-result, #myModalCheckoutTipps .tipps-result .tipps-result-1 .result-result-extra {
  font-weight: bold;
}
#myModalCheckoutTipps .tipps-preview {
  padding: 0px 6px 0px 6px;
}
#myModalCheckoutTipps .tipps-preview .odds-preview {
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .match-header {
  color: #575757;
  padding: 0px 0px 0px 0px;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .match-header .caption {
  font-weight: bold;
  font-size: 14px;
  display: flex;
  margin-bottom: 1px;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .match-header .caption .caption-row {
  align-items: center;
  flex: 1;
  gap: 5px;
  display: flex;
  flex-direction: column;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .match-header .caption .caption-row .match-logo {
  text-align: center;
  width: 100%;
  max-width: 46px;
  min-width: 46px;
  min-height: 38px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .match-header .caption .caption-row .match-logo img {
  height: auto;
  max-height: 38px;
  max-width: 40px;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .match-header .caption .caption-row .teamname {
  font-size: 12px;
  word-break: break-word;
  text-align: center;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .match-header .caption-sub {
  font-size: 10px;
  display: flex;
  margin-top: 8px;
  padding: 0px 12px;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .match-header .caption-sub .caption-league {
  flex: 1;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details {
  font-size: 16px;
  padding: 0px 3px 0px 3px;
  text-align: center;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 {
  display: flex;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .tip, #myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .bet, #myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .quote, #myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .bet-kind {
  flex: 1;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .bet {
  max-width: 100px;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .tip {
  width: 100px;
  display: flex;
  align-items: center;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .tip .score-box {
  flex: 1;
  text-align: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #1a2d4a;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .tip .separator {
  width: 15px;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .quote {
  text-align: right;
  max-width: 105px;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .preview-3-way {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 5px 0px;
  width: 100%;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .preview-3-way .tipp {
  border: 1px solid gray;
  width: 24px;
  text-align: center;
  font-size: 14px;
  padding: 2px 0px 2px 0px;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-1 .preview-3-way .tipp.active {
  color: white;
  background-color: #03ccac;
  font-weight: bold;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .tipp-details .tipp-details-2 {
  display: none;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .info-container-extra {
  padding: 0px 3px 0px 3px;
  display: flex;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .info-container-extra .info-container-extra-caption {
  margin-right: 10px;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .info-container-extra .info-container-extra-state .extra-true {
  font-size: 18px;
  color: lime;
}
#myModalCheckoutTipps .tipps-preview .odds-preview .match .info-container-extra .info-container-extra-state .extra-false {
  font-size: 18px;
  color: red;
}
#myModalCheckoutTipps .tipps-preview .odds-preview[kind="1"] .match .tipp-details .bet {
  display: none;
}
#myModalCheckoutTipps .tipps-preview .odds-preview:nth-child(even) {
  /*
  background-color:#f5f5f5;
  padding-top:2px;
  padding-bottom:2px;
  */
}
@media (max-width: 500px) {
  #myModalCheckoutTipps .tipps-preview .match .tipp-details .tipp-details-1 .bet-kind {
    display: none;
  }
}

#myModalCopyLink .modal-dialog {
  max-width: 400px;
}
#myModalCopyLink .modal-dialog .modal-body .input-copy-link {
  width: 100%;
}

#myModalInvitationCheckPhonenumber .modal-dialog {
  max-width: 400px;
  margin: 20px auto;
  padding: 0px 10px;
}
#myModalInvitationCheckPhonenumber .modal-dialog .modal-body .button-check-phonenumber-invitation {
  cursor: pointer;
  font-size: 20px;
  margin-top: 10px;
}
#myModalInvitationCheckPhonenumber .modal-dialog .modal-body .button-check-phonenumber-invitation.error {
  color: red;
}
#myModalInvitationCheckPhonenumber .modal-dialog .modal-body .input-email-invitation {
  width: 260px;
}
#myModalInvitationCheckPhonenumber .modal-dialog .modal-body .text-phonenumber-invitation {
  margin-top: 10px;
}
#myModalInvitationCheckPhonenumber .modal-dialog .modal-body .iti--separate-dial-code {
  color: black;
}

#myModalSlipsRegistration .modal-header {
  padding: 5px 5px 5px 5px;
}
#myModalSlipsRegistration .modal-header .modal-title {
  font-weight: bold;
}
#myModalSlipsRegistration .modal-dialog .modal-content {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
#myModalSlipsRegistration .modal-dialog .modal-content .modal-header {
  border-bottom: none;
}
#myModalSlipsRegistration .modal-dialog .modal-content .modal-body {
  padding: 0px 5px 5px 5px;
}
#myModalSlipsRegistration .modal-dialog .modal-content .modal-body .div-my-tipps {
  display: block;
}
@media (max-width: 440px) {
  #myModalSlipsRegistration .modal-dialog {
    margin-left: 0px;
    margin-right: 0px;
  }
  #myModalSlipsRegistration .modal-dialog .modal-content {
    width: initial;
  }
}

#myModalSendAuthenticationCode-request .modal-content, .modal-odds .modal-content {
  border-radius: 0px;
}
#myModalSendAuthenticationCode-request.mail-authentication .message-top-1 {
  padding: 10px 0px;
  font-size: 16px;
  font-weight: bold;
}

#myModalInvitationSend .modal-dialog {
  max-width: 400px;
}
#myModalInvitationInfoRanking {
  z-index: 1049;
}

#myModalInvitationInfo .modal-header {
  padding: 8px;
  display: flex;
}
#myModalInvitationInfo .modal-header .modal-title {
  margin-right: 10px;
  flex: 1;
}
#myModalInvitationInfo .modal-dialog {
  max-width: 400px;
  margin: 10px auto;
  padding: 0px 10px;
}
#myModalInvitationInfo .modal-dialog .div-participants .participant {
  display: flex;
  font-size: 14px;
}
#myModalInvitationInfo .modal-dialog .div-participants .participant .name {
  flex: 1;
  white-space: nowrap;
}
#myModalInvitationInfo .modal-dialog .div-participants .participant .name .not-accepted {
  color: #ff9191;
  font-size: 16px;
  padding-left: 4px;
}
#myModalInvitationInfo .modal-dialog .div-participants .participant .email {
  word-break: break-all;
  text-align: right;
}
@media (max-width: 450px) {
  #myModalInvitationInfo .modal-dialog .div-participants {
    padding-left: 10px;
  }
  #myModalInvitationInfo .modal-dialog .div-participants .participant {
    display: block;
    margin-bottom: 2px;
  }
  #myModalInvitationInfo .modal-dialog .div-participants .participant .name {
    font-weight: bold;
    font-size: 12px;
  }
  #myModalInvitationInfo .modal-dialog .div-participants .participant .email {
    text-align: left;
    font-size: 12px;
  }
}

#myModalInvitationInfo, #myModalInvitationConfirm {
  z-index: 1051;
}
#myModalInvitationInfo .modal-header .modal-title-1, #myModalInvitationConfirm .modal-header .modal-title-1 {
  font-weight: bold;
}
#myModalInvitationInfo .div-header, #myModalInvitationConfirm .div-header {
  font-weight: bold;
}
#myModalInvitationInfo .div-row, #myModalInvitationConfirm .div-row {
  margin-bottom: 10px;
}
#myModalInvitationInfo .div-header-show-tipps .div-show-tipps, #myModalInvitationConfirm .div-header-show-tipps .div-show-tipps {
  display: inline-block;
  padding-left: 10px;
}
#myModalInvitationInfo .div-header-show-tipps .div-show-tipps i, #myModalInvitationConfirm .div-header-show-tipps .div-show-tipps i {
  font-size: 20px;
}
#myModalInvitationInfo .div-header-show-tipps .div-show-tipps i.show-tipps-true, #myModalInvitationConfirm .div-header-show-tipps .div-show-tipps i.show-tipps-true {
  color: lime;
}
#myModalInvitationInfo .div-header-show-tipps .div-show-tipps i.show-tipps-false, #myModalInvitationConfirm .div-header-show-tipps .div-show-tipps i.show-tipps-false {
  color: red;
}
#myModalInvitationInfo .div-rankings .sport-rankings .sport-header, #myModalInvitationConfirm .div-rankings .sport-rankings .sport-header {
  display: none;
}

#myModalSwitchMultiuser .div-message {
  margin-bottom: 10px;
  font-style: italic;
}
#myModalSwitchMultiuser .modal-body-list .div-switcher {
  display: flex;
  padding: 5px 5px;
  cursor: pointer;
  font-size: 14px;
}
#myModalSwitchMultiuser .modal-body-list .div-switcher .name-1 {
  display: flex;
  flex: 1;
}
#myModalSwitchMultiuser .modal-body-list .div-switcher .name-1 .name {
  flex: 1;
}
#myModalSwitchMultiuser .modal-body-list .div-switcher .tipps {
  width: 70px;
  text-align: right;
}
#myModalSwitchMultiuser .modal-body-list .div-switcher .tipps .span-not-tipped, #myModalSwitchMultiuser .modal-body-list .div-switcher .tipps .span-tipped {
  display: inline-block;
  width: 30px;
  text-align: center;
}
#myModalSwitchMultiuser .modal-body-list .div-switcher .tipps .span-tipped {
  background-color: #03ccac;
}
#myModalSwitchMultiuser .modal-body-list .div-switcher .tipps .span-not-tipped {
  color: white;
  background-color: #fc486b;
  margin-right: 4px;
}
#myModalSwitchMultiuser .modal-body-list .div-switcher.active {
  background-color: lightgreen;
}
#myModalSwitchMultiuser .modal-body-list .div-switcher.active .name-1 .name {
  font-weight: bold;
}
@media (max-width: 450px) {
  #myModalSwitchMultiuser .modal-body-list .div-switcher .name-1 {
    display: block;
  }
  #myModalSwitchMultiuser .modal-body-list .div-switcher .name-1 .company {
    font-size: 12px;
  }
}

#myModalPerformanceSlips .modal-header {
  padding: 8px;
}
#myModalPerformanceSlips .modal-header .modal-title .modal-title-caption {
  font-weight: bold;
}
#myModalPerformanceSlips .modal-header .modal-title .modal-title-caption .caption-date {
  font-weight: bold;
}
#myModalPerformanceSlips .modal-header .modal-title .modal-title-buttons {
  margin-top: 10px;
}
#myModalPerformanceSlips .modal-header .modal-title .modal-title-buttons-1 label {
  font-weight: normal;
}
#myModalPerformanceSlips .modal-header .modal-title .button-performance-prev-month, #myModalPerformanceSlips .modal-header .modal-title .button-performance-next-month {
  color: white;
  border-color: white;
}
#myModalPerformanceSlips .modal-body {
  padding-left: 3px;
  padding-right: 3px;
}
#myModalPerformanceSlips .modal-dialog {
  max-width: 800px;
}
@media (min-width: 768px) {
  #myModalPerformanceSlips .modal-dialog {
    width: 95%;
  }
}

@keyframes blink-tipp-count {
  0% {
    color: white;
    background-color: #f60;
  }
  50% {
    color: #f60;
    background-color: yellow;
  }
  100% {
    color: white;
    background-color: #f60;
  }
}
@keyframes blink-live-result {
  0% {
    color: white;
    background-color: #03ccac;
  }
  50% {
    color: #f60;
    background-color: white;
  }
  100% {
    color: white;
    background-color: #03ccac;
  }
}
@keyframes blink-live-result-1 {
  0% {
    /*color: white;*/
    background-color: red;
  }
  50% {
    /*color: $bgcolorlive;*/
    background-color: white;
  }
  100% {
    /*color: white;*/
    background-color: red;
  }
}
/*
input[type="text"] {
	outline: 2px solid transparent;
    outline-offset: 2px;
	padding:.75rem;
}	*/
#myModalAdditionalOdds {
  z-index: 1051;
}
#myModalAdditionalOdds .matchtitle {
  font-weight: bold;
}
#myModalAdditionalOdds .navigation {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}
#myModalAdditionalOdds .navigation .item {
  cursor: pointer;
  margin-right: 4px;
  padding: 4px 10px;
  border: 1px solid black;
  float: left;
}
#myModalAdditionalOdds .navigation .item.active {
  background-color: #e9e9e9;
  font-weight: bold;
}
#myModalAdditionalOdds .odds-content .odds-add {
  display: grid;
}
#myModalAdditionalOdds .odds-content .odds-add .odds-result {
  display: inline-block;
  border: 1px solid #c0c0c0;
  padding: 8px;
  cursor: pointer;
}
#myModalAdditionalOdds .odds-content .odds-add .odds-result .row-1 {
  font-weight: bold;
}
#myModalAdditionalOdds .odds-content .odds-add .odds-result.active {
  background-color: #aeffae;
}
#myModalAdditionalOdds .odds-content .odds-add.content-5 {
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}
#myModalAdditionalOdds .odds-content .odds-add.content-8 {
  display: block;
}
#myModalAdditionalOdds .odds-content .odds-add.content-8 .odds-result {
  width: 100px;
}
#myModalAdditionalOdds .odds-content .odds-add.content-10 {
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}
@media (max-width: 768px) {
  #myModalAdditionalOdds .modal-dialog {
    margin-left: 20px;
    margin-right: 20px;
  }
}

#myModalMatchesStart .modal-dialog {
  max-width: 400px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#myModalMatchesStart .modal-dialog .modal-header {
  padding-top: 4px;
  padding-bottom: 4px;
}
#myModalMatchesStart .modal-dialog .modal-body {
  height: calc(100vh - 75px);
  overflow: auto;
  padding: 0px;
}
#myModalMatchesStart .modal-dialog .modal-body .matches-container {
  display: block;
}
@media (max-width: 360px) {
  #myModalMatchesStart .modal-dialog .modal-body {
    padding-left: 7px;
    padding-right: 7px;
  }
}

.content-agb-1 p {
  font-size: 12px;
  line-height: 20px;
}
.content-agb-1 p.header {
  font-weight: bold;
}
.content-agb-1 p.header:not(:first-child) {
  margin-top: 10px;
}
.content-agb-1 p .para {
  font-weight: bold;
}
.content-agb-1 .div-flex {
  display: flex;
  margin-bottom: 10px;
}
.content-agb-1 .div-flex .para {
  width: 24px;
}
.content-agb-1 .div-flex .flex-1 {
  flex: 1;
}
.content-agb-1 .div-flex .flex-1 .title {
  font-weight: bold;
}
.content-agb-1 ul {
  padding: 0px 0px 0px 50px;
  margin: initial;
  list-style: initial;
}

#myModalRegistrationCheck .modal-header {
  display: flex;
}
#myModalRegistrationCheck .modal-header .modal-title {
  margin-right: 10px;
  font-weight: bold;
  font-size: 14px;
  flex: 1;
}
@media (max-width: 360px) {
  #myModalRegistrationCheck .modal-dialog .modal-body {
    padding-left: 7px;
    padding-right: 7px;
  }
}

.bootstrap-dialog.type-primary .modal-header {
  border-radius: 0px;
  background-color: #003869;
}
.bootstrap-dialog.type-primary .modal-content {
  border-radius: 0px;
}
.bootstrap-dialog.info-slip {
  z-index: 1070 !important;
}

.body-euro-mode .info-euro-tipps {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 6px;
}
.body-euro-mode .matches-container-sub-menu-info {
  margin-top: 10px;
  font-weight: bold;
}
.body-euro-mode .matches-container-sub-menu {
  padding: 0px 6px;
}
.body-euro-mode .matches-container-sub-menu .row-1 {
  margin-bottom: 4px;
}
.body-euro-mode .matches-container-sub-menu .row-2 button, .body-euro-mode .matches-container-sub-menu .row-3 button {
  padding: 2px 8px;
  margin-right: 3px;
}
.body-euro-mode .matches-container-sub-menu .button-load-group.active {
  background-color: #b4ffb4;
  font-weight: bold;
}

#myModalInformationsStart .info-section {
  margin-bottom: 10px;
}
#myModalInformationsStart .info-section .info-header {
  font-weight: bold;
}

@-webkit-keyframes fading-out-help-text1 {
  100% {
    display: none;
    background: rgba(0, 0, 0, 0.3);
  }
}
.div-day-info {
  position: relative;
  overflow-y: hidden;
  max-height: 500px;
  /* approximate max height */
  transition-property: all;
  transition-duration: 2.5s;
  transition-timing-function: cubic-bezier(0, 1, 2.5, 1);
  font-size: 16px;
  margin-top: 10px;
  padding: 0px 3px;
}
.div-day-info .div-start-immer-wieder {
  font-size: 22px;
  padding: 5px 0px;
}
.div-day-info .div-start-immer-wieder img {
  width: 38px;
}
.div-day-info .div-start-trophy img {
  width: 50px;
}
.div-day-info .start-laughing {
  width: 35px;
}
.div-day-info.closed {
  margin-top: 0px;
  max-height: 0px;
}
.div-day-info .div-day-info-header {
  position: absolute;
  right: 0px;
}
.div-day-info .div-day-info-header .button-close-day-info {
  padding: 0px;
  border: none;
  color: lightgray;
}
.div-day-info .div-day-info-header .button-close-day-info i {
  font-size: 20px;
}
.div-day-info .button-show-infos-start {
  font-size: 16px;
  background-color: #cacaca;
}
@media (max-width: 400px) {
  .div-day-info .button-show-infos-start {
    width: 100%;
  }
}

.body-default.body-tennis .form-start .startpage-main .start-menu-tile.matches {
  max-height: initial;
}
.body-default.body-tennis .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match-logo {
  min-width: 60px;
  min-height: 60px;
}
.body-default.body-tennis .matches-container .match__tipp_container .match__fixing__items .match__vs .match-header-caption .match-logo img {
  min-height: 60px;
  max-height: 60px;
  max-width: 60px;
}
#myModalStatistics .modal-header .modal-title {
  font-weight: bold;
}
#myModalStatistics .modal-footer {
  padding: 8px;
  border-top: none;
}
#myModalStatistics .modal-body {
  padding: 8px;
  color: #484848;
}
#myModalStatistics .tab-content {
  padding-top: 1px;
}
#myModalStatistics .tab-content .matches-stats .match-stats {
  margin-bottom: 10px;
}
#myModalStatistics .tab-content .matches-stats .match-stats .match-stats-header {
  display: flex;
  margin-bottom: 4px;
  background-color: #c0e2ff;
  color: #848484;
  padding: 2px 3px;
}
#myModalStatistics .tab-content .matches-stats .match-stats .match-stats-header .date {
  flex: 1;
}
#myModalStatistics .tab-content .matches-stats .match-stats .match-stats-header .date .date-1 {
  font-weight: bold;
  font-size: 14px;
}
#myModalStatistics .tab-content .matches-stats .match-stats .match-stats-header .date .tournament-round {
  font-size: 12px;
}
#myModalStatistics .tab-content .matches-stats .match-stats .teams .team {
  display: flex;
}
#myModalStatistics .tab-content .matches-stats .match-stats .teams .team .logo {
  height: 40px;
  width: 50px;
}
#myModalStatistics .tab-content .matches-stats .match-stats .teams .team .logo img {
  height: 100%;
}
#myModalStatistics .tab-content .matches-stats .match-stats .teams .team .teamname {
  width: 120px;
  padding-top: 10px;
}
#myModalStatistics .tab-content .matches-stats .match-stats .teams .team .teamresult {
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  width: 30px;
}
#myModalStatistics .tab-content .matches-stats .match-stats .teams .team .state {
  width: 30px;
  margin-top: 10px;
}
#myModalStatistics .tab-content .matches-stats .match-stats .teams .team .state .span-winner {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50px;
  text-align: center;
}
#myModalStatistics .tab-content .matches-stats .match-stats .teams .team .state .span-winner.winner {
  background-color: lime;
}
#myModalStatistics .tab-content .matches-stats .match-stats .teams .team .state .span-winner.looser {
  background-color: red;
}
#myModalStatistics .tab-content .matches-stats .match-stats .teams .team.home {
  margin-bottom: 5px;
}
@media (max-width: 420px) {
  #myModalStatistics .tab-content .matches-stats .match-stats .teams .team .teamname {
    flex: 1;
  }
}

.form-odds-new {
  padding: 5px;
  height: 100%;
}
.form-odds-new .matches-container-new-main {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.form-odds-new .matches-container-new-main .matches-container-new-header {
  height: 40px;
  display: flex;
}
.form-odds-new .matches-container-new-main .matches-container-new-header .left {
  flex: 1;
}
.form-odds-new .matches-container-new-main .matches-container-new-header .right {
  font-size: 12px;
  text-align: right;
}
.form-odds-new .matches-container-new-main .matches-container-new {
  flex: 1;
  overflow: auto;
  padding-right: 5px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container {
  border: 1px solid #003869;
  margin-bottom: 5px;
  max-width: 400px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp {
  padding-bottom: 2px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__header__date {
  display: flex;
  background-color: #003869;
  color: white;
  padding: 3px;
  margin-bottom: 2px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__header__date .date {
  flex: 1;
  font-weight: bold;
  font-size: 14px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__header__date .match-league {
  font-size: 12px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs {
  display: flex;
  padding-left: 2px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs .match-header-caption .match__vs_1 {
  display: flex;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs .match-header-caption .match__vs_1 .input-score {
  width: 45px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs .match-header-caption .match__vs_1 .input-score input {
  font-size: 20px;
  padding-left: 4px;
  width: 100%;
  height: 100%;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs .match-header-caption .match__vs_1 .team-name {
  margin-left: 10px;
  width: 200px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs .match-header-caption .match__vs_1 .team-name .name-1 {
  font-size: 14px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs .match-header-caption .match__vs_1 .team-name .team-info {
  font-size: 10px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs .match-header-caption .match__vs_1 .match-logo {
  width: 40px;
  height: 40px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs .match-header-caption .match__vs_1 .match-logo img {
  max-height: 100%;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs .bar-container {
  width: 8px;
  margin-left: 5px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs .bar-container .bar {
  width: 100%;
  height: 100%;
  border: 1px solid lightgray;
  position: relative;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__vs .bar-container .bar .bar-favorite {
  position: absolute;
  width: 100%;
  background-color: lime;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__help__text1 {
  padding: 0px 3px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__help__text1 .text-match-locked {
  color: red;
  font-size: 12px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__tipps__result {
  padding-left: 2px;
  padding-right: 2px;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__tipps__result .match__tipps_info_result_flex {
  display: flex;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__tipps__result .match__tipps_info_result_flex .match__tipps_info_result {
  flex: 1;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__tipps__result .match__tipps_info_result_flex .match__tipps_info_result .match__tipps_info_result-row {
  display: flex;
}
.form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container .match__tipp .match__tipps__result .match__tipps_info_result_flex .match__tipps_info_result .match__tipps_info_result-row .row-label {
  width: 150px;
}
@media (max-width: 440px) {
  .form-odds-new .matches-container-new-main .matches-container-new .match__tipp_container {
    max-width: 100%;
  }
}

.btn-primary {
  background-color: #53A1EC;
}

#myModalSendAuthenticationCode-request .modal-body .inputs-single input {
  color: #53A1EC;
  font-weight: bold;
}

#cc-main .cm__footer {
  display: none;
}

.pm__body .pm__section-desc .dsgvo p {
  display: block !important;
}

#myModalRankingsLive .modal-dialog {
  max-width: 400px;
  margin: 10px auto;
  height: 100%;
}
#myModalRankingsLive .modal-dialog .modal-content {
  border-radius: 15px;
  height: calc(100% - 20px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#myModalRankingsLive .modal-header {
  padding: 8px;
  display: flex;
}
#myModalRankingsLive .modal-header .modal-title {
  flex: 1;
  align-items: center;
}
#myModalRankingsLive .modal-header .modal-title .modal-title-2 {
  margin-right: 14px;
  font-weight: 700;
}
#myModalRankingsLive .modal-header .button-refresh-rankings-live {
  margin-right: 20px;
  padding: 4px 6px;
}
#myModalRankingsLive .modal-header .button-refresh-rankings-live i {
  font-size: 16px;
}
#myModalRankingsLive .modal-header .modal-title-caption-name {
  font-size: 12px;
}
#myModalRankingsLive .modal-body {
  padding: 0px;
  height: 100%;
  overflow: hidden;
}
#myModalRankingsLive .modal-body tm-rangliste {
  display: block;
  height: 100%;
  overflow: hidden;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-header {
  font-weight: bold;
  background-color: #003869;
  padding: 3px;
  color: white;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-changes .match {
  padding-left: 40px;
  font-size: 12px;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-changes .match .match-x .team {
  display: flex;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-changes .match .match-x .team .team-name {
  width: 200px;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration, #myModalRankingsLive .modal-body .rounds-live .round .round-entry .registration {
  padding: 0px 0px;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration .registration-header, #myModalRankingsLive .modal-body .rounds-live .round .round-entry .registration .registration-header {
  display: flex;
  font-size: 16px;
  padding: 3px 3px;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration .registration-header .col-ranking, #myModalRankingsLive .modal-body .rounds-live .round .round-entry .registration .registration-header .col-ranking {
  width: 40px;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration .registration-header .col-result, #myModalRankingsLive .modal-body .rounds-live .round .round-entry .registration .registration-header .col-result {
  width: 55px;
  text-align: right;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration .registration-header .col-name, #myModalRankingsLive .modal-body .rounds-live .round .round-entry .registration .registration-header .col-name {
  flex: 1;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration .registration-header .col-icon i, #myModalRankingsLive .modal-body .rounds-live .round .round-entry .registration .registration-header .col-icon i {
  font-size: 16px;
  margin-top: 2px;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration .registration-header .col-icon i.ranking-up, #myModalRankingsLive .modal-body .rounds-live .round .round-entry .registration .registration-header .col-icon i.ranking-up {
  color: #03ccac;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration .registration-header .col-icon i.ranking-down, #myModalRankingsLive .modal-body .rounds-live .round .round-entry .registration .registration-header .col-icon i.ranking-down {
  color: #fc486b;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration.reg-me .registration-header, #myModalRankingsLive .modal-body .rounds-live .round .round-entry .registration.reg-me .registration-header {
  background-color: #d8ffd8;
  cursor: pointer;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration[opened=true] .registration-header, #myModalRankingsLive .modal-body .rounds-live .round .round-entry .registration[opened=true] .registration-header {
  background-color: #53a1ec40;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches {
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  margin-top: 3px;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match {
  align-items: center;
  display: flex;
  border-bottom: 1px solid gray;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .teams {
  flex: 1;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .teams .team {
  display: flex;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .teams .team .name {
  flex: 1;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .auszahlung {
  width: 34px;
  text-align: right;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .auszahlung span {
  /*
  			  position: absolute;
  			  right:0px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    */
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .time {
  flex: 1;
  position: relative;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .time span {
  position: absolute;
  left: 0px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .tipp {
  width: 20px;
  text-align: center;
  justify-content: center;
  position: relative;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .tipp span {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .ok {
  width: 30px;
  text-align: center;
  display: none;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .ok .check-tipp {
  display: none;
  font-size: 15px;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .ok .check-tipp.check-ok {
  color: #03ccac;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .ok .check-tipp.check-error {
  color: #fc486b;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .score {
  width: 30px;
  text-align: center;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .info {
  width: 96px;
  display: flex;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .state {
  width: 24px;
  text-align: center;
  display: none;
  /*
  span {
  	display: inline-block;
  	border-radius: 50%;
  	width:14px;
  	height:14px;
  			    position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left:0px;
  }*/
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .state .pulse-wrap {
  position: relative;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .state .pulse-dot {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #1D9E75;
  animation: standing-live-pulse-dot 1.4s ease-in-out infinite;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match .state .pulse-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid #1D9E75;
  animation: standing-live-pulse-ring 1.4s ease-out infinite;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match[live=true] .state {
  display: block;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match[live=true] .state span {
  animation-name: blink-live-result-1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match[has-score=true] .tipp {
  font-weight: bold;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match[has-score=true][tipp-ok=true] {
  /*
  .check-tipp {
  	display: none;
  	&.check-ok {
  		display: inline-block;
  	}
  }*/
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match[has-score=true][tipp-ok=true] .tipp {
  color: #03ccac;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match[has-score=true][tipp-ok=false] .check-tipp {
  display: none;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match[has-score=true][tipp-ok=false] .tipp {
  color: #fc486b;
}
#myModalRankingsLive .modal-body .rounds-live .round .round-entries .registration-matches .tipp-match[completed=true] .time {
  display: none;
}

#myModalGroupsTipps {
  padding-left: 0px !important;
}
#myModalGroupsTipps .modal-dialog {
  width: 700px;
  margin: 10px auto;
  padding: 0px 8px;
}
#myModalGroupsTipps .modal-header {
  padding: 8px;
}
#myModalGroupsTipps .modal-body {
  padding: 8px 4px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
#myModalGroupsTipps .round .round-header {
  background-color: #1a2d4a;
  color: white;
  padding: 1px 4px;
  display: flex;
}
#myModalGroupsTipps .round .round-header .round-caption {
  flex: 1;
  font-size: 16px;
}
#myModalGroupsTipps .round .round-header .round-date {
  font-size: 12px;
  padding-top: 3px;
}
#myModalGroupsTipps .round .matches .match .match-header {
  display: flex;
}
#myModalGroupsTipps .round .matches .match .match-header .home-team {
  flex: 1;
  display: flex;
}
#myModalGroupsTipps .round .matches .match .match-header .away-team {
  flex: 1;
  display: flex;
}
#myModalGroupsTipps .round .matches .match .match-header .away-team .caption {
  flex: 1;
  text-align: right;
}
#myModalGroupsTipps .round .matches .match .match-header .away-team .match-logo {
  text-align: right;
}
#myModalGroupsTipps .round .matches .match .match-header .score-match {
  width: 46px;
  text-align: center;
  font-size: 20px;
}
#myModalGroupsTipps .round .matches .match .match-header.match-header-caption {
  background-color: #e3f1ff;
  margin-bottom: 4px;
  padding: 2px 3px 2px 3px;
}
#myModalGroupsTipps .round .matches .match .match-logo {
  display: inline-block;
  width: 42px;
  min-width: 42px;
}
#myModalGroupsTipps .round .matches .match .match-logo img {
  height: auto;
  max-width: 32px;
  max-height: 35px;
}
#myModalGroupsTipps .round .matches .match .registrations .registration {
  padding-right: 3px;
  display: flex;
}
#myModalGroupsTipps .round .matches .match .registrations .registration .r-name {
  flex: 1;
}
#myModalGroupsTipps .round .matches .match .registrations .registration .score {
  width: 42px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
#myModalGroupsTipps .round .matches .match .registrations .registration .r-points {
  width: 50px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
#myModalGroupsTipps .round .matches .match .registrations .registration .icon-result {
  width: 32px;
  text-align: right;
}
#myModalGroupsTipps .round .matches .match .registrations .registration .icon-result .icon-state2 {
  font-size: 16px;
  color: #03ccac;
}
#myModalGroupsTipps .round .matches .match .registrations .registration .icon-result .icon-state3 {
  font-size: 16px;
  color: red;
}
@media (max-width: 760px) {
  #myModalGroupsTipps .modal-dialog {
    width: initial;
  }
  #myModalGroupsTipps .modal-body {
    display: block;
  }
}

#myModalInvitationOverview .modal-dialog {
  max-width: 500px;
  margin: 10px auto;
  padding: 0px 10px;
}
#myModalInvitationOverview .modal-header {
  display: flex;
  padding: 8px;
}
#myModalInvitationOverview .modal-header .modal-title {
  flex: 1;
  font-size: 14px;
  padding-right: 10px;
}
#myModalInvitationOverview .modal-body {
  padding: 15px 8px;
}
#myModalInvitationOverview .group-header button {
  align-self: baseline;
}
#myModalInvitationOverview .group-header div {
  margin-bottom: 8px;
  font-size: 14px;
}
#myModalInvitationOverview .group-master-list {
  margin-top: 20px;
}
#myModalInvitationOverview .group-master-list .group-master {
  display: flex;
  margin-bottom: 4px;
}
#myModalInvitationOverview .group-master-list .group-master .caption {
  flex: 1;
  font-size: 18px;
}
#myModalInvitationOverview .group-master-list .group-master .tipps.hide-tipps {
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  padding-right: 10px;
}
#myModalInvitationOverview .group-master-list .group-master .button-ranking-info, #myModalInvitationOverview .group-master-list .group-master .button-show-tipps {
  padding: 2px 10px;
}
#myModalInvitationOverview .group-master-list .group-master .button-show-tipps {
  margin-right: 10px;
}

.frame-1 .ui-widget-content {
  background-color: #f4f4f4 !important;
}
.frame-1 .main-body .tabs-content {
  margin-bottom: 0px;
}
.frame-1 .footer {
  display: none;
}

.myModalInfoWM {
  padding-left: 0px !important;
}
.myModalInfoWM .modal-body {
  font-size: 16px;
  padding: 8px;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text .info-text-name {
  margin-bottom: 10px;
  display: flex;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text .info-text-name .name {
  flex: 1;
  font-size: 18px;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text .info-text-name img {
  width: 50px;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text .info-text-row {
  margin-bottom: 10px;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text.buttons {
  margin-bottom: 7px;
  display: flex;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text.buttons .button-show-rankings {
  margin-left: 10px;
  align-self: start;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text.buttons .button-startpage-show-landingpage {
  background-color: transparent;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text.buttons .button-startpage-show-landingpage .span-startpage-show-landingpage {
  display: flex;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text.buttons .button-startpage-show-landingpage img {
  width: 36px;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text.buttons .button-startpage-show-landingpage .button-text {
  margin-left: 10px;
  font-size: 14px;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text.buttons .button-startpage-show-landingpage a {
  color: black;
  text-decoration: none;
}
.myModalInfoWM .modal-body .overview-starttext-sub-info-text.buttons .button-startpage-show-landingpage a:visited, .myModalInfoWM .modal-body .overview-starttext-sub-info-text.buttons .button-startpage-show-landingpage a:hover {
  color: black;
  text-decoration: none;
}

.button-startpage-show-extraranking {
  border-radius: 7px;
  background-color: #1565c0 !important;
  border-color: #53A1EC !important;
  padding: 5px 10px 7px 10px;
}
.button-startpage-show-extraranking .button-header {
  display: flex;
  align-items: center;
}
.button-startpage-show-extraranking .button-header .button-header-1 {
  flex: 1;
  margin-right: 20px;
  font-weight: bold;
  text-align: left;
}
.button-startpage-show-extraranking .button-header .button-header-2 {
  background: rgba(255, 255, 255, 0.2);
  padding: 3px 6px;
  border-radius: 5px;
  font-size: 14px;
}
.button-startpage-show-extraranking .button-info {
  font-size: 12px;
  margin-top: 10px;
  align-items: center;
  gap: 10px;
  display: flex;
}
.button-startpage-show-extraranking .button-info .button-info-1, .button-startpage-show-extraranking .button-info .button-info-2 {
  display: flex;
  align-items: center;
  padding: 3px 5px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}
.button-startpage-show-extraranking .button-info .button-info-1 .col-info-1, .button-startpage-show-extraranking .button-info .button-info-2 .col-info-1 {
  flex: 1;
  text-align: left;
  margin-right: 5px;
}
.button-startpage-show-extraranking .button-info .button-info-1 {
  margin: 0px 0px;
}
.button-startpage-show-extraranking .button-info i {
  font-size: 16px;
}
.button-startpage-show-extraranking .button-info i.ok {
  color: lime;
}
.button-startpage-show-extraranking .button-info i.error {
  color: red;
}

/*
.button-startpage-show-gameplan {
	background: rgba(255,255,255,0.15);
	border: 1px solid rgba(255,255,255,0.35);
	border-radius: 12px;
	color: white;
	padding: 4px 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	backdrop-filter: blur(4px);
	transition: background 0.2s;
	&:hover {
		background: rgba(255,255,255,0.25);
	}
	i {
	    font-size: 22px;
	    color: white;
	}
}*/
.install-banner {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 420px;
  background: linear-gradient(135deg, #1a1a2e, #16213e);
  color: white;
  border-radius: 10px;
  padding: 10px 14px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  display: none;
  align-items: center;
  gap: 14px;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: translateX(-50%) translateY(20px);
}
.install-banner .install-banner-1 {
  display: flex;
}
.install-banner .install-banner-1 .install-banner-1-left {
  margin-right: 10px;
}

.install-banner.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Icon circle */
.install-banner-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* iOS icon - Apple style dark */
#bannerIconIos ~ .install-banner-icon,
.install-banner-icon.ios {
  background: #555;
}

/* Android icon - green */
.install-banner-icon.android {
  background: #3ddc84;
}

/* Text */
.install-banner-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 6px;
}

.install-banner-text strong {
  font-size: 15px;
  font-weight: 700;
}

.install-banner-text span {
  font-size: 13px;
  color: #ccc;
  line-height: 1.4;
}

/* Close button */
.install-banner-close {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: white;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 13px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  float: right;
}

.install-banner-close:hover {
  background: rgba(255, 255, 255, 0.25);
}

.modal-backdrop.custom-backdrop-standings {
  z-index: 1050;
  opacity: 0.65;
}

@keyframes starPop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
.startpage-timer-next-match {
  color: white;
  flex: 1;
  display: flex;
  justify-content: center;
  /* horizontal */
  align-items: center;
  /* vertical */
  flex-direction: column;
  overflow: hidden;
  margin-top: 6px;
  margin-bottom: 6px;
}
.startpage-timer-next-match tm-betman-story-widget {
  width: 100%;
  margin-bottom: 9px;
  --tm-story-row-padding: 5px 6px 5px 6px;
  --tm-story-row-border-radius: 0;
}
.startpage-timer-next-match tm-startseite {
  flex: 1;
  width: 100%;
  max-width: 380px;
  padding: 0px 7px 0px 7px;
  overflow: auto;
}
.startpage-timer-next-match .end-of-game {
  color: black;
  font-size: 13px;
  padding: 0px 5px;
}
.startpage-timer-next-match .end-of-game div {
  margin-bottom: 5px;
}
.startpage-timer-next-match .startpage-timer-next-match-sub {
  width: 100%;
  background-color: #08A29A;
  padding: 3px 0px 6px 0px;
  display: none;
}
.startpage-timer-next-match .startpage-timer-next-match-sub-text {
  color: black;
  display: none;
}
.startpage-timer-next-match .next-round-match-caption {
  padding: 0px 0px 6px 0px;
  justify-content: center;
  display: flex;
}
.startpage-timer-next-match .next-round-match-caption span {
  display: none;
}
.startpage-timer-next-match .next-round-match-caption .team-home, .startpage-timer-next-match .next-round-match-caption .team-away {
  align-items: center;
  flex: 1;
  max-width: 140px;
}
.startpage-timer-next-match .next-round-match-caption .team-home .match-logo, .startpage-timer-next-match .next-round-match-caption .team-away .match-logo {
  min-width: 46px;
  min-height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.startpage-timer-next-match .next-round-match-caption .team-home .match-logo img, .startpage-timer-next-match .next-round-match-caption .team-away .match-logo img {
  height: auto;
  max-height: 34px;
  max-width: 40px;
}
.startpage-timer-next-match .next-round-match-caption .team-home .team-name, .startpage-timer-next-match .next-round-match-caption .team-away .team-name {
  padding-top: 3px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.startpage-timer-next-match .next-round-match-caption .match-center {
  text-align: center;
  padding: 0px 4px;
}
.startpage-timer-next-match .next-round-match-caption .match-center .match-center-day {
  font-size: 12px;
}
.startpage-timer-next-match .next-round-match-caption .match-center .match-center-time {
  font-size: 16px;
}
.startpage-timer-next-match .button-start-show-more, .startpage-timer-next-match .button-start-show-less {
  background-color: white;
  color: black;
  border: none;
  margin-left: 10px;
}
.startpage-timer-next-match .next-round {
  margin: 0px auto;
}
.startpage-timer-next-match .next-round .round-header .round-header-caption {
  display: none;
  width: 100%;
  justify-content: center;
  font-size: 12px;
  margin-bottom: 4px;
  align-items: center;
  /* vertical */
}
.startpage-timer-next-match .next-round .round-header .round-header-caption .icon {
  font-size: 26px;
  margin-right: 10px;
}
.startpage-timer-next-match .round-bottom {
  padding: 9px 6px 0px 6px;
  font-size: 12px;
  display: none;
}
.startpage-timer-next-match .round-bottom .round-bottom-1 {
  padding-top: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-top: 0.5px solid rgba(255, 255, 255, 0.25);
}
.startpage-timer-next-match .round-bottom .round-bottom-1 button {
  padding: 5px 4px;
  font-size: 14px;
  background: transparent;
  color: white;
  border: 0.5px solid white;
  border-radius: 7px;
  cursor: pointer;
  transition: background 0.15s, transform 0.1s;
}
.startpage-timer-next-match .round-bottom .round-bottom-1 .round-bottom-text {
  flex: 1;
}
.startpage-timer-next-match .round-time-counter .round-time-counter-1 {
  display: flex;
  gap: 6px;
  width: 240px;
  margin: 0px auto;
}
.startpage-timer-next-match .round-time-counter .round-time-counter-1 .countdown {
  flex: 1;
  background: white;
  color: #08A29A;
  border-radius: 6px;
  padding: 6px 7px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.startpage-timer-next-match .round-time-counter .round-time-counter-1 .countdown .caption {
  font-size: 9px;
  letter-spacing: 1px;
}
.startpage-timer-next-match .round-time-counter .round-time-counter-1 .countdown .value {
  font-weight: bold;
  font-family: "Bebas Neue", sans-serif;
  font-size: 18px;
  line-height: 1;
}
.startpage-timer-next-match .round-time-counter .round-time-counter-1 .countdown.countdown-days {
  display: none;
}
.startpage-timer-next-match.show-days .round-time-counter .round-time-counter-1 .countdown.countdown-days {
  display: flex;
}
.startpage-timer-next-match .round-text {
  padding: 12px 12px 0px 12px;
}
.startpage-timer-next-match .round-text .round-text-header {
  font-size: 14px;
  font-weight: 700;
}
.startpage-timer-next-match .round-text .startpage-timer-next-match-sub-text-1 {
  display: flex;
  font-size: 12px;
}
.startpage-timer-next-match .round-text .startpage-timer-next-match-sub-text-1 .startpage-timer-next-match-sub-text-11 {
  flex: 1;
}
@media (max-width: 400px) {
  .startpage-timer-next-match .round-text {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.start-menu-sponsors {
  overflow: hidden;
  width: 100%;
}
.start-menu-sponsors .swiper-round-main {
  margin: 4px 0px 4px 0px;
  overflow: hidden;
}
.start-menu-sponsors .swiper-wrapper-1 {
  display: flex;
  /*
    width: max-content;
    animation: marquee 35s linear infinite;
    will-change: transform;
    transform: translateZ(0);
    animation-delay: 0.5s;
    */
}
.start-menu-sponsors .swiper-wrapper-1 .swiper-slide-1 {
  flex-shrink: 0;
  max-width: 100px;
  /* fixed slot per logo */
  display: flex;
  align-items: center;
  justify-content: center;
}
.start-menu-sponsors .swiper-wrapper-1 .swiper-slide-1 img {
  height: 40px;
  width: auto;
  max-width: 100%;
  /* relative to the fixed slide, not the image itself */
  display: block;
  object-fit: contain;
  padding: 0 6px;
}
.start-menu-sponsors.sponsors-active .swiper-wrapper-1 {
  display: flex;
  width: max-content;
  animation: marquee 35s linear infinite;
  will-change: transform;
  transform: translateZ(0);
  animation-delay: 0.5s;
  /* small delay gives images time to load */
}
.start-menu-sponsors.sponsors-1 .swiper-wrapper-1 {
  justify-content: center;
}
.start-menu-sponsors.sponsors-0 .swiper-wrapper-1 {
  height: 0px;
}

#myModalOddsTippResultCheck .modal-header {
  padding: 5px 8px;
}
#myModalOddsTippResultCheck .modal-header .modal-title .modal-title-1 {
  font-size: 14px;
}
#myModalOddsTippResultCheck .modal-header .modal-title .modal-title-name {
  font-size: 18px;
  font-weight: bold;
}
#myModalOddsTippResultCheck .tipp-check .tipp-header {
  display: flex;
  margin-bottom: 10px;
}
#myModalOddsTippResultCheck .tipp-check .tipp-header .tipp-home, #myModalOddsTippResultCheck .tipp-check .tipp-header .tipp-away {
  flex: 1;
  text-align: center;
  align-items: center;
  font-size: 20px;
  line-height: 20px;
  display: flex;
}
#myModalOddsTippResultCheck .tipp-check .tipp-tipp, #myModalOddsTippResultCheck .tipp-check .tipp-result {
  display: flex;
}
#myModalOddsTippResultCheck .tipp-check .tipp-tipp .result-home, #myModalOddsTippResultCheck .tipp-check .tipp-tipp .result-away, #myModalOddsTippResultCheck .tipp-check .tipp-result .result-home, #myModalOddsTippResultCheck .tipp-check .tipp-result .result-away {
  flex: 1;
  text-align: center;
}
#myModalOddsTippResultCheck .tipp-check .tipp-center {
  width: 50px;
  text-align: center;
}
#myModalOddsTippResultCheck .tipp-check .tipp-tipp {
  margin-bottom: 10px;
}
#myModalOddsTippResultCheck .tipp-check .tipp-icon {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
#myModalOddsTippResultCheck .tipp-check .tipp-icon i {
  font-size: 100px;
}
#myModalOddsTippResultCheck .tipp-check .tipp-icon i.icon-ok {
  color: lime;
}
#myModalOddsTippResultCheck .tipp-check .tipp-icon i.icon-error {
  color: red;
}

#myModalOddsMatchSpecialText1 .modal-header .modal-title p {
  margin: 0px;
}

#myModalOddsRegistrationExtraranking .modal-dialog {
  margin: 20px auto;
  max-width: 400px;
}
#myModalOddsRegistrationExtraranking .modal-dialog .modal-content {
  margin: 0px 10px;
}
#myModalOddsRegistrationExtraranking .modal-dialog .modal-content .modal-body {
  padding: 8px;
}
#myModalOddsRegistrationExtraranking .header-buttons {
  margin-bottom: 20px;
}
#myModalOddsRegistrationExtraranking .header-1 {
  background-color: #53A1EC;
  color: white;
  font-weight: bold;
  padding: 3px 3px;
  margin-bottom: 5px;
}
#myModalOddsRegistrationExtraranking .infos {
  margin-top: 0px;
  margin-bottom: 10px;
}
#myModalOddsRegistrationExtraranking .bank-rows {
  padding-top: 3px;
  font-size: 14px;
}
#myModalOddsRegistrationExtraranking .bank-rows .bank-row {
  width: 240px;
}
#myModalOddsRegistrationExtraranking .bank-rows .bank-row .bank-row-sub {
  display: flex;
}
#myModalOddsRegistrationExtraranking .bank-rows .bank-row .bank-row-sub .bank-value {
  flex: 1;
}
#myModalOddsRegistrationExtraranking .bank-rows .bank-row-header {
  font-weight: bold;
  font-size: 12px;
}
#myModalOddsRegistrationExtraranking .bank-rows button {
  background-color: transparent;
  border: none;
}
#myModalOddsRegistrationExtraranking .button-copy-bank.copied i {
  color: lime;
}

#myModalOddsMatchLineup {
  padding-left: 0px !important;
}
#myModalOddsMatchLineup .modal-dialog .modal-content {
  border-radius: 15px;
  /*
  display: flex;
     flex-direction: column;
     height: calc(100vh - 20px);
  */
}
#myModalOddsMatchLineup .modal-header {
  padding: 12px 15px 12px 15px;
  border-bottom: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background-color: #f59e0b;
  flex-shrink: 0;
}
#myModalOddsMatchLineup .modal-body {
  padding: 0px;
  /*
  .lp-wrap {
  	height:100%;
  	display:flex;
  	flex-direction:column;
  	.lp-views-outer {
  		flex:1;
  		overflow-x:hidden;
  		overflow-y:auto;
  	}
  }*/
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x {
  display: flex;
  align-items: center;
  padding: 2px 7px;
  border-top: 1px solid #ebebeb;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x .div-card, #myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x .div-icon {
  width: 20px;
  text-align: center;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x .player {
  flex: 1;
  font-size: 12px;
  display: flex;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x .player .player-1 {
  font-weight: bold;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x .time {
  display: flex;
  align-items: center;
  font-size: 14px;
  width: 48px;
  justify-content: center;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x .div-card span:after {
  margin: 0 0 0 0px;
  display: inline-block;
  vertical-align: text-top;
  content: "​";
  width: 15px;
  height: 18px;
  border: 1px solid #ebebeb;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x .div-card span.red:after {
  background-color: red;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x .div-card span.yellow:after {
  background-color: #ffe349;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x.event-x-home .player .player-1 {
  margin-right: 10px;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x.event-x-away .event-x-left {
  flex: 1;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x.event-x-away .player {
  flex: initial;
  text-align: right;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x.event-x-away .player .player-assist {
  margin-right: 10px;
}
#myModalOddsMatchLineup .modal-body .lp-view-timeline .event-x.event-goal {
  background-color: #c8ffd9;
}

#myModalShareSlip .modal-header .modal-title {
  display: inline-block;
}

/* animation */
/*
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}*/
@keyframes pulse-ring {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(1.3);
    opacity: 0.6;
  }
}
@keyframes shimmer-slide {
  left: -120%;
  70% {
    left: 160%;
  }
  100% {
    left: 160%;
  }
}
@keyframes nudge {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
}
/* Variante A: Sanftes Pulsieren (helles Tuerkis zu Weiss) */
@keyframes pulseBackground {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #e0f2f1;
  }
  /* Sehr helles, edles Tuerkis */
  100% {
    background-color: #ffffff;
  }
}
/* Variante B: Ein fliessender, dezenter Farbverlauf (wie ein Schimmern) */
@keyframes flowingGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/*# sourceMappingURL=odds.css.map */