@CHARSET "UTF-8";

:root {
  --primary-color: #007ad9 !important;
}

body {
  font-family: 'Muli', sans-serif !important;
  font-size: 15px !important;
  line-height: normal !important;
  background: repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.4),
      rgba(255, 255, 255, 0.4) 20px,
      rgba(255, 255, 255, 0.6) 20px,
      rgba(255, 255, 255, 0.6) 40px), linear-gradient(to bottom, #fff 0em, #e0f2ff 15em);
  background-attachment: fixed;
  margin: 7rem 2rem 0 2rem !important;
}

body .ui-widget:not(.pi), body .ui-widget .ui-widget:not(.pi) {
  font-family: 'Muli', sans-serif !important;
}

p {
  line-height: 1.5 !important;
}

.ui-widget, .ui-widget .ui-widget {
  font-size: 1em !important;
  line-height: normal !important;
}

h1 {
  font-size: 5.3em !important;
  color: #444;
  font-weight: normal !important;
  font-variation-settings: 'wght' 300;
  margin: 0 !important;
}

h2 {
  font-size: 2em !important;
  font-weight: normal !important;
  font-variation-settings: 'wght' 300;
}

h3 {
  font-size: 1.5em !important;
  font-weight: normal !important;
  font-variation-settings: 'wght' 300;
}

.impressum-header {
  text-decoration: underline;
  color: #0B72B5 !important;
}

.subTitle {
  text-align: center;
  font-size: 2em !important;
  color: #557;
  margin-top: 5px !important;
  text-shadow: none !important;
  font-variation-settings: 'wght' 250 !important;
}

.fixedWidthMedium {
  width: 1.5em;
}

.marginRight {
  margin-right: .5em;
}

.marginLeft {
  margin-left: .5em;
}

.marginTop {
  margin-top: .5em;
}

.marginBottom {
  margin-bottom: .5em;
}

.marginBottomLg {
  margin-bottom: 1em;
}

.teamImage {
  border-radius: 10px;
}

.photoDeciderBig {
  display: none !important;
}

.photoDeciderThumb {
  display: inherit !important;
}

.left {
  text-align: left;
}

.red {
  color: red;
}

.bold {
  font-weight: bold;
}

.right {
  text-align: right;
}

.spacingMarginRight {
  margin-right: .3em !important;
}

.spacingMarginBottom {
  margin-bottom: .3em !important;
}

.alignBaseline {
  vertical-align: baseline;
}

.footerContent {
  max-width: 1700px;
  color: #555;
  font-size: .9em;
  line-height: 1.5em;
  padding: 1em 1em 3em 1em;
  margin: auto;
  margin-top: 3em;
  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%);
  border-radius: 1.5em 1.5em 0 0;
  border-bottom: 0;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.05);
}

.footerHeader {
  font-size: 1.2em;
  text-decoration: underline;
  font-variant-caps: petite-caps;
  font-variation-settings: 'wght' 700;
}

.title {
  margin: auto;
  margin-bottom: 1rem;
}

.ligaSubTitle {
  top: -0.4em;
  margin-left: 3em;
  position: relative;
  font-size: 1.2em;
}

.lightFont {
  font-weight: 300 !important;
  font-size: .8em !important;
}

.contentpanel {
  max-width: 1700px;
  z-index: 0;
  padding: .5em 1em;
  background: white;
  margin: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-width: .1rem;
  border-color: #BBB;
  border-radius: 2rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.contentInfo {
  font-size: .8em;
  color: #888;
  margin: 0 .5em;
}

.topMenu {
  z-index: 1500 !important;
}

.resultEntry {
  width: 4em;
}

.lightShadow {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.lightGreen {
  color: #AE9;
}

.lightRed {
  color: #FAA;
}

.fixedtop {
  top: 0;
  width: 100%;
  margin-bottom: 1rem;
}

.boxed-symbol {
  width: .7em;
  text-align: center;
}

.observedTeam {
  background-color: rgba(0, 122, 217, 0.05) !important;
}

.dunkles-grau {
  color: #333 !important;
}

.blau {
  color: #0B72B5 !important;
}

.grau {
  color: #AAA !important;
}

.hellgrau {
  color: #EEE !important;
}

.gruen {
  color: #33aa00 !important;
}

.rot {
  color: #f00000 !important;
}

.orange {
  color: darkorange !important;
}

.magenta {
  color: #e02365 !important;
}

.rotate20uzs {
  transform: rotate(30deg);
}

.rotate20guzs {
  transform: rotate(-30deg);
}

img.logoImg {
  width: 9em;
  height: 9.8em;
  margin-right: 2rem;
}

div.ui-widget-content span a,
div.ui-widget-content span a:hover,
a.link,
a.link:hover,
body .ui-commandlink,
body .ui-commandlink:hover,
body .ui-link,
body .ui-link:hover {
  color: #0B72B5 !important;
}

a.link {
  text-decoration: none !important;
}

a.link:hover {
  text-decoration: underline !important;
}

a.teamLink {
  font-variant: small-caps;
  color: #495057 !important;
  font-variation-settings: 'wght' 700;
  line-height: normal !important;
}

a.teamLink:hover {
  color: #0B72B5 !important;
  line-height: normal !important;
}

.jump:before {
  content: "";
  display: block;
  padding-top: 3em;
  margin-top: -2em;
}

.mono {
  font-family: monospace;
}

.homeInfo {
  float: right;
  font-size: .6em;
  position: relative;
  right: -.3em;
  top: -.1em;
}

.defektInfo {
  float: right;
  position: relative;
  top: .2em;
}

.badge-blau {
  background-color: #0B72B5 !important;
}

.badge-hellblau {
  color: #0B72B5 !important;
  background-color: #FAFAFA !important;
}

.badge-gruen {
  background-color: #33aa00 !important;
}

.badge-grau {
  background-color: #AAA !important;
}

.ligaPic {
  width: 3em;
  background-color: #FAFAFA !important;
  border: #0B72B5 solid 1px !important;
}

.tag-style {
  height: 1.8rem !important;
  border-radius: 10px !important;
  font-weight: normal !important;
}

.ligaPicFloat {
  float: right;
  position: relative;
  right: -.5em;
}

.animateBlauWeiss {
  animation-name: blauWeissAnimate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

@keyframes blauWeissAnimate {
  0% {
    color: #AAA
  }
  100% {
    color: #0B72B5
  }
}

.animateRotate:hover {
  animation: doRotate 1s linear infinite;
  transform: rotate(0);
}

@keyframes doRotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}

/***************************/
/* SmartPhoto customizing. */

.smartphoto {
  z-index: 1550 !important;
}

/**********************/
/* JPlot customizing. */

table.jqplot-table-legend, table.jqplot-cursor-legend {
  font-size: .9em !important;
  border: 0 !important;
}

.jqplot-data-label {
  font-size: .75em !important;
}

div.jqplot-table-legend-swatch-outline {
  border: 0 !important;
  margin-right: .2em !important;
}

.zentriertInTabelle {
  text-align: center;
}

.onSmallDevices {
  display: none;
}

/***************************/
/* Primefaces customizing. */

body .ui-datatable .ui-datatable-header {
  background: #007ad9 !important;
  color: white !important;
  text-align: center;
}

body .ui-slider .ui-slider-handle {
  border-color: #007ad9 !important;
}

body .ui-slider .ui-slider-range {
  background: #007ad9 !important;
}

body .ui-chkbox .ui-chkbox-box {
  width: 1.5em !important;
  height: 1.5em !important;
}

body .ui-selectbooleanbutton.ui-state-active,
body .ui-selectonebutton > .ui-button.ui-state-active, body .ui-selectmanybutton > .ui-button.ui-state-active,
body .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #007ad9 !important;
  background: #007ad9 !important;
}

body .ui-inputfield {
  font-size: 1em !important;
}

.ui-panel-titlebar {
  background: #007ad9 !important;
  color: white !important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
  color: #007ad9;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
  border-color: #e02365;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
  color: #007ad9;
  border-color: #007ad9;
}

body .ui-button {
  background-color: #007ad9;
}

/*body .ui-datatable .ui-datatable-data > tr > td {*/
/*  padding: .4em !important;*/
/*}*/

.flex-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ui-panel .ui-panel-content {
  flex: auto;
}

/***************************/
/* BootsFaces customizing. */
.badge {
  line-height: 1.1em !important;
  font-variation-settings: normal;
}

.container-fluid {
  max-width: 1700px;
}

.navbar {
  font-size: 1.1em !important;
  font-variation-settings: 'wght' 450 !important;
  background-color: white !important;
  box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.25)
}

.navbar-nav > li.logout > a {
  color: #a00000 !important;
}

.navbar-nav > li.logout > a:hover {
  color: red !important;
}

.navbar-nav > li > ul > li > a > span > i {
  width: 1.5em;
}

.dropdown-menu > li > a {
  font-variation-settings: 'wght' 400 !important;
  /*font-size: 1.2em !important;*/
  line-height: 1.5em !important;
  white-space: normal !important;
}

.tabViewContent {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

/**********************/
/* Media customizing. */

@media screen and (max-width: 991px) {
  body {
    font-size: 14px !important;
    margin: 0 !important;
    margin-top: 7rem !important;
  }

  h1 {
    font-size: 3.5em !important;
    font-variation-settings: 'wght' 400;
  }

  h2 {
    font-size: 1.8em !important;
    margin-left: 0.3em;
  }

  h2 {
    font-size: 1.8em !important;
    margin-left: 0.3em;
  }

  .subTitle {
    font-size: 1.3em !important;
  }

  .ligaSubTitle {
    margin-left: 3.1em;
  }

  .navbar {
    font-size: 1em !important;
  }

  img.logoImg {
    width: 5.8em;
    height: 6.3em;
  }

  .ui-panel .ui-panel-content {
    padding: .5em .5em !important;
  }

  .contentpanel {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }

  .zentriertInTabelle {
  }

  .resultEntry {
    width: auto;
  }

  .photoDeciderBig {
    display: inherit !important;
  }

  .photoDeciderThumb {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  body .ui-datatable-reflow .ui-datatable-data > tr > td {
    padding: .2em !important;
  }

  h1 {
    font-size: 2.2em !important;
    font-variation-settings: 'wght' 400;
  }

  .ligaSubTitle {
    top: -0.7em;
    margin-left: 4.6em;
    font-size: 0.8em;
  }

  .subTitle {
    font-size: .95em !important;
  }

  .onSmallDevices {
    display: block;
  }

  img.logoImg {
    width: 4.5em;
    height: 4.9em;
  }

  .ligaPicFloat {
    float: right;
    position: relative;
    right: -.2em;
  }

  .homeInfo {
    float: right;
    font-size: .6em;
    position: relative;
    right: 0.5em;
    top: -.1em;
  }

  .defektInfo {
    float: right;
    position: relative;
    right: .3em;
    top: .2em;
  }

  /** SelectOneButton-Fixes **/
  body .ui-selectonebutton > div.ui-button:not(:last-child),
  body .ui-selectmanybutton > div.ui-button:not(:last-child) {
    border-right-width: 0;
    border-bottom-width: 1px;
  }

  body .ui-selectonebutton > div.ui-button:first-child,
  body .ui-selectmanybutton > div.ui-button:first-child {
    border-radius: 4px 0 0 4px;
  }

  body .ui-selectonebutton > div.ui-button,
  body .ui-selectmanybutton > div.ui-button {
    border-radius: 0;
  }

  body .ui-selectonebutton > div.ui-button:last-child,
  body .ui-selectmanybutton > div.ui-button:last-child {
    border-radius: 0 4px 4px 0;
  }
}