.mobile-menu-toggle span+span {margin-top:6px;}
.mobile-menu-toggle {
    border: none;
    border-radius: 0;
    background: none;
    color: #fff;
    height: 50px;
    padding: 0 8px;
    float: right;
    cursor: pointer;
}
.mobile-menu-toggle span {
    border-radius: 3px;
    display: block;
    background-color: #fff;
    height: 3px;
    width: 28px;
}

.w3-modal-content-little{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:345px;}.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
  
@media (max-width:600px){h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}h5{font-size:12px}h6{font-size:10px}}
@media (max-width:992px) and (min-width:601px){h1{font-size:30px}h2{font-size:25px}h3{font-size:20px}h4{font-size:17px}h5{font-size:15px}h6{font-size:13px}}
@media (min-width:993px){h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}}

@media (max-width:600px){.w3-header-pic-left{height:50px;padding-top:2px;padding-left:0px;padding-right:20px;float:left}}
@media (max-width:992px) and (min-width:601px){.w3-header-pic-left{height:62px;padding-top:2px;padding-left:0px;padding-right:20px;float:left}}
@media (min-width:993px){.w3-header-pic-left{height:73px;padding-top:2px;padding-left:5px;padding-right:20px;float:left}}

@media (max-width:600px){.w3-header-pic-middle{height:73px;padding-top:0px;padding-left:0px;padding-right:20px;float:left}}
@media (max-width:992px) and (min-width:601px){.w3-header-pic-middle{height:73px;padding-top:2px;padding-left:50px;padding-right:20px;float:left}}
@media (min-width:993px){.w3-header-pic-middle{height:73px;padding-top:0px;padding-left:5px;padding-right:60px;float:left}}

@media (max-width:600px){.ts-width{max-width:100%}}
@media (max-width:992px) and (min-width:601px){.ts-width{max-width:100%}}
@media (min-width:993px){.ts-width{max-width:80%}}


/*  too large! (??)
@media screen and (max-width:1389px){.w3-dropdown-hover.w3-collapse{display:none}}
@media screen and (min-width:1390px){.w3-dropdown-hover.w3-collapse{display:block!important}}
*/

@media screen and (max-width:991px){.w3-dropdown-hover.w3-collapse{display:none}}
@media screen and (min-width:992px){.w3-dropdown-hover.w3-collapse{display:block!important}}

#wrapper {
  text-align: center;
}
.ts-box-right, .ts-box-left {
  display: inline-block;
  width: 28%;
  min-width: 250px;
  margin: 0 2%;
  text-align: left;
}


.ts-box-middle {
  display: inline-block;
  min-width: 601px;
  margin: 0 2%;
  text-align: left;
}

/*
#background_5 {
    background: url(../img/pic_1.jpg);
    
       background-repeat: repeat-x;
    background-position: left top;
    background-attachment: fixed;
    background-size: 900px;
}


*/

#background_1 {
    background: url(../img/the-ball-488701_960_720.jpg);
    background-size: auto;
    background-repeat: repeat-x;
    background-position: left top;
    background-attachment: fixed;
}

#background_2 {
    background: url(../img/german-fans-2140590_1920.jpg);
    background-size: auto;
    background-position: left top;
    background-attachment: fixed;
}

#background_3 {
    background: url(../img/tegernseerhell_und_fussball_1280.jpg);
    background-size: auto;
    background-position: left top;
    background-attachment: fixed;
}

#background_4 {
    background: url(../img/audience-1866738_1920.jpg);
    background-size: auto;
    background-position: left top;
    background-attachment: fixed;
}

#background_5 {
    background: url(../img/matryoshka-2398918_1280.jpg);
    background-size: auto;
    background-position: left top;
    background-attachment: fixed;
}

#background_6 {
    background: url(../img/stadium-3063959_1920.jpg);
    background-size: auto;
    background-position: left top;
    background-attachment: fixed;
}

#background_7 {
    background: url(../img/sadness_640_385.jpg);
    background-size: auto;
    background-position: left top;
    background-attachment: fixed;
}

#background_8 {
    background: url(../img/stadium-2791693_1920.jpg);
    background-size: auto;
    background-position: left top;
    background-attachment: fixed;
}

#background_9 {
    background: url(../img/grass-2616911_1920.jpg);
    background-size: auto;
    background-position: left top;
    background-attachment: fixed;
}

#background_10 {
    background: url(../img/munich-Olyberg_1920.jpg);
    background-size: auto;
    background-position: left top;
    background-attachment: fixed;
}

#background_11 {
    background: url(../img/german-fans-2140590_1920.jpg);
    background-size: auto;
    background-position: left top;
    background-attachment: fixed;
}



.ts-content_ng{max-width:90%;margin:auto}

.ts-side1 {
  margin:0;
  margin-top:0;
  padding:0;
  background-image: url("../img/grass.jpg");
  background-repeat: repeat-y;
  background-position: left top;
  background-attachment: fixed;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #265728!important;
    background-image: none;
    color: rgb(0, 0, 0);
}

.nowrap     { white-space:nowrap; }


#hinterlegt { background-color:#FFFF00 }

#hinterlegt_penalty { background-color:#FAAC58 }


.pre {
  white-space: pre;
  font-family: monospace;
}

.pre-wrap {
  white-space: pre-wrap;
}

.pre-line {
  white-space: pre-line;
}

#hidden-col{
	visibility: visible;
	font-size: 0px;
}

.ts-flex-hor {
	display: flex;
  flex-direction: row;
}

.ts-flex-vert{
	display: flex;  
  flex-direction: column;
}

.ts-align-left{
	text-align: left;
}
.ts-align-center{
  text-align: center;
}
.ts-align-right{
  text-align: right;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
/* für die Durckdarstellung der Auswertung - aus ng1 übernommen
   also, wenn man ehrlich ist: altes Design; aber besser geeignet zum Ausdrucken 
   */
#auswert-tabelle-rand { border-collapse: collapse;
  border: 1px solid #ABABCC;
}

#links-auswert-tabelle-zelle-0 { 
  width: 160px;
  border-collapse: collapse;
  border: 1px solid #ABABCC;
  background-color:#F6F6F6;
  padding: 3px;
  hyphens: auto;
}

#auswert-tabelle-zelle-0 { 
  width: 50px;
  border-collapse: collapse;
  border: 1px solid #ABABCC;
  background-color:#F6F6F6;
  padding: 3px;
  hyphens: auto;
}

#auswert-tabelle-zelle-1 { 
  width: 50px
  border-collapse: collapse;
  border: 1px solid #ABABCC;
  background-color:#E6E6E6;
  padding: 3px;
  
}
   



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
/* tablesorter: pager wrapper, div */
.tablesorter-pager {
  padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
  background-color: #e6eeee;
  margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
  padding: 0 5px 0 5px;
  width: 50px;
  text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
  margin: 0;
  padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
  display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
  /* visibility: hidden */
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}

a.gcfooter:link		{  text-decoration:none; font-size: 0.775em; color: #ffffff  }
a.gcfooter:visited	{  text-decoration:none; font-size: 0.775em;  color: #ffffff  }
a.gcfooter:hover		{  text-decoration:none; font-size: 0.775em; color: #ffffff  }
a.gcfooter:active	{  text-decoration:none; font-size: 0.775em; color: #ffffff  }