@font-face
   {
   font-family: 'firasans';
   src: url('FiraSans.ttf') format('truetype');
   font-style: normal;
   }

::-webkit-scrollbar {
display: none;
}
      	      	      	
html, body
   {
   position: relative;
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column; 
   flex-wrap: nowrap;
   -webkit-align-items: center;
   align-items: center;
   align-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   background-size: cover;
   background-color: rgba(0,0,0,1);
   color: rgba(0,0,0,1);
   font-family: firasans;
   width: 100%;
   min-height: 115vh;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   }
html { height: 100%; overflow-y: scroll; scrollbar-width: none; }
body { height: 100%; overflow-y: scroll; scrollbar-width: none; }
      	      	      	
/*
   @media only screen and (max-width: 399px) { html,body{ background-size: 100%; } }
@media only screen and (min-width: 400px) and (max-width: 649px) { html,body{ background-size: 100%; } }
   @media only screen and (min-width: 650px) and (max-width: 779px) { html,body{ background-size: 100%; } }
   @media only screen and (min-width: 780px) and (max-width: 1199px) { html,body{ background-size: 100%; } }
   @media only screen and (min-width: 1200px) { html,body{ background-size: 100%; } }
*/
      	      	      	
a
   {
   color: rgba(221,6,64,1);
   transition: color 0.3s ease;
   text-shadow: none;
   text-decoration: none;
   }
      	      	      	
a:hover, a:focus, a:active
   {
   color: rgba(221,6,64,1);
   transition: color 0.3s ease;
   }
      	      	      	
#breite_100
   {
   position: relative;
   width: 100%;
   }
      	      	      	
.text_links
   {
   text-align: left;
   }
      	      	      	
.text_rechts
   {
   text-align: right;
   }
      	      	      	
.text_zentral
   {
   text-align: center;
   }
      	      	      	
.text_blocksatz
   {
   text-align: justify;
   }
      	      	      	p.fehler
   {
   color: rgba(195,35,45,1);
   }
      	      	      	.fehler
   {
   padding: 5px;
   color: rgba(195,35,45,1);
   }
      	      	      	
input#checkbox_unsichtbar
   {
   
   }
      	      	      	
input#radiobutton_unsichtbar
   {
   
   }
      	      	      	
::placeholder
   {
   color: rgba(50,50,50,1);
   font-size: 14px;
   font-family: firasans;
   }
      	      	      	
.details_angaben_spezial, p.details_angaben_spezial, i.details_angaben_spezial
   {
   color: rgba(255,0,0,1);
   }
      	      	      	
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++ HEADER-Bereich ++++++++++++++++++++++++++ */
/* ++++ Logos Powerplay sowie DiabloDesigns + Login-Feld bzw. Name des Spielers ++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#header
   {
   position: fixed;
   z-index: 990;
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   -webkit-align-items: stretch;
   align-items: stretch;
   align-content: stretch;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   box-sizing: border-box;
   width: 100%;
   background-color: rgba(0,29,71,1);
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: rgba(0,29,71,1);
   }
   @media only screen and (max-width: 499px) {#header { height: 100px; padding: 40px 10px 5px 10px; }}
   @media only screen and (min-width: 500px) and (max-width: 779px) {#header { height: 110px; padding: 40px 15px 5px 15px; }}
   @media only screen and (min-width: 780px) and (max-width: 1199px) {#header { height: 120px; padding: 30px 20px 5px 20px; }}
   @media only screen and (min-width: 1200px) {#header { height: 120px; padding: 10px 20px 5px 20px; }}
      	      	      	
      	#header_informationen
      	   {
      	   position: relative;
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: column;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: center;
      	   -webkit-justify-content: center;
      	   justify-content: center;
      	   box-sizing: border-box;
      	   width: auto;
      	   margin-right: 0px;
      	   margin-bottom: 0px;
      	   padding: 0px 10px;
      	   }
      	   @media only screen and (max-width: 499px) {#header_informationen { width: 50%; }}
      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#header_informationen { width: 35%; }}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#header_informationen { width: 25%; }}
      	   @media only screen and (min-width: 1200px) {#header_informationen { width: 20%; }}
      	      	      	
      	   #header_informationen h3
      	      {
      	      margin: 0;
      	      }
      	      	      	
      	   #header_informationen #alle_turniere
      	      {
      	      position: relative;
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      width: auto;
      	      padding: 0px 0px;
      	      font-weight: bold;
      	      text-align: left;
      	      }
      	      	      	
      	      #header_informationen #alle_turniere a
      	      	{
      	      	border-style: solid;
      	      	border-width: 2px;
      	      	border-color: rgba(0,29,71,1);
      	      	color: rgba(255,255,255,1);
      	      	background-color: rgba(0,29,71,1);
      	      	padding: 5px 10px;
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	      	#header_informationen #alle_turniere a:hover, #header_informationen #alle_turniere a:focus, #header_informationen #alle_turniere a:active
      	      	   {
      	      	   border-color: rgba(221,6,64,1);
      	      	   color: rgba(255,255,255,1);
      	      	   background-color: rgba(221,6,64,1);
      	      	   transition: ease 0.3s;
      	      	   }
      	      	      	
      	#header_anbieter, #header_anbieter_breit
      	   {
      	   position: relative;
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   flex-wrap: wrap;
      	   -webkit-align-items: stretch;
      	   align-items: stretch;
      	   align-content: center;
      	   -webkit-justify-content: space-around;
      	   justify-content: space-around;
      	   box-sizing: border-box;
      	   width: auto;
      	   text-align: center;
      	   font-family: firasans;
      	   }
      	   @media only screen and (max-width: 499px) {#header_anbieter { width: 50%; }}
      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#header_anbieter { width: 65%; }}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#header_anbieter { width: 75%; }}
      	   @media only screen and (min-width: 1200px) {#header_anbieter { width: 80%; }}
      	      @media only screen and (max-width: 499px) {#header_anbieter_breit { width: calc(100% - 80px); }}
      	      @media only screen and (min-width: 500px) and (max-width: 779px) {#header_anbieter_breit { width: calc(100% - 110px); }}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#header_anbieter_breit { width: calc(100% - 130px); }}
      	      @media only screen and (min-width: 1200px) {#header_anbieter_breit { width: calc(100% - 150px); }}
      	      	      	
      	   #header_anbieter .logo, #header_anbieter_breit .logo
      	      {
      	      position: relative;
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: space-around;
      	      justify-content: space-around;
      	      box-sizing: border-box;
      	      height: 100%;
      	      padding: 2px 10px;
      	      text-align: center;
      	      }
      	      @media only screen and (max-width: 499px) {#header_anbieter .logo, #header_anbieter_breit .logo { width: 33%; }}
      	      @media only screen and (min-width: 500px) and (max-width: 779px) {#header_anbieter .logo, #header_anbieter_breit .logo { width: 33%; }}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#header_anbieter .logo, #header_anbieter_breit .logo { width: 33%; }}
      	      @media only screen and (min-width: 1200px) {#header_anbieter .logo, #header_anbieter_breit .logo { width: 33%; }}
      	      	      	
      	      	#header_anbieter .logo a img, #header_anbieter_breit .logo img
      	      	   {
      	      	   width: auto;
      	      	   height: auto;
      	      	   }
      	      	   @media only screen and (max-width: 499px) {#header_anbieter .logo img {max-height: 95px; max-width: 100%;}}
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#header_anbieter .logo img {max-height: 105px; max-width: 100%;}}
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#header_anbieter .logo img {max-height: 110px; max-width: 80%;}}
      	      	   @media only screen and (min-width: 1200px) {#header_anbieter .logo img {max-height: 110px; max-width: 80%;}} 

      	      	      @media only screen and (max-width: 499px) {#header_anbieter_breit .logo img {max-height: 95px; max-width: 100%;}}
      	      	      @media only screen and (min-width: 500px) and (max-width: 779px) {#header_anbieter_breit .logo img {max-height: 105px; max-width: 100%;}}
      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#header_anbieter_breit .logo img {max-height: 110px; max-width: 80%;}}
      	      	      @media only screen and (min-width: 1200px) {#header_anbieter_breit .logo img {max-height: 110px; max-width: 80%;}}
      	      	      	
      	#header_logos
      	   {
      	   position: relative;
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   flex-wrap: wrap;
      	   -webkit-align-items: stretch;
      	   align-items: stretch;
      	   align-content: center;
      	   -webkit-justify-content: space-around;
      	   justify-content: space-around;
      	   box-sizing: border-box;
      	   width: auto;
      	   text-align: center;
      	   font-family: firasans;
      	   }
      	   @media only screen and (max-width: 499px) {#header_logos { width: 20%; }}
      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#header_logos { width: 30%; }}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#header_logos { width: 50%; }}
      	   @media only screen and (min-width: 1200px) {#header_logos { width: 60%; }}
      	      	      	
      	   #header_logos .logo
      	      {
      	      position: relative;
      	      box-sizing: border-box;
      	      height: 100%;
      	      padding: 2px 10px;
      	      text-align: center;
      	      }
      	      @media only screen and (max-width: 499px) { #header_logos .logo {width: 100%;} }
      	      @media only screen and (min-width: 500px) { #header_logos .logo {width: 100%;} }
      	      	      	
      	   #header_logos #logo_anbieter
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: nowrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      }
      	      	      	
      	   #header_logos #logo_sponsor
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: nowrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: space-between;
      	      justify-content: space-between;
      	      }
      	      	      	
      	      	#header_logos .logo span
      	      	   {
      	      	   width: auto;
      	      	   height: auto;
      	      	   text-align: center;
      	      	   padding-bottom: 4px;
      	      	   }
      	      	   @media only screen and (max-width: 499px) {#header_logos .logo span { font-size: 7px; }}
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#header_logos .logo span { font-size: 10px; }}
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#header_logos .logo span { font-size: 12px; }}
      	      	   @media only screen and (min-width: 1200px) {#header_logos .logo span { font-size: 14px; }}
      	      	      	
      	      	#header_logos .logo img
      	      	   {
      	      	   width: auto;
      	      	   height: auto;
      	      	   }
      	      	   @media only screen and (max-width: 499px) {#header_logos #logo_anbieter img {max-height: 50px; max-width: 100%;}}
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#header_logos #logo_anbieter img {max-height: 60px; max-width: 100%;}}
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#header_logos #logo_anbieter img {max-height: 75px; max-width: 100%;}}
      	      	   @media only screen and (min-width: 1200px) {#header_logos #logo_anbieter img {max-height: 90px; max-width: 100%;}}
      	      	      @media only screen and (max-width: 499px) {#header_logos #logo_sponsor img {max-height: 40px; max-width: 90%;}}
      	      	      @media only screen and (min-width: 500px) and (max-width: 779px) {#header_logos #logo_sponsor img {max-height: 45px; max-width: 90%;}}
      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#header_logos #logo_sponsor img {max-height: 60px; max-width: 80%;}}
      	      	      @media only screen and (min-width: 1200px) {#header_logos #logo_sponsor img {max-height: 70px; max-width: 80%;}}
      	      	      	
      	#header_platzhalter
      	   {
      	   position: relative;
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   flex-wrap: wrap;
      	   -webkit-align-items: stretch;
      	   align-items: stretch;
      	   align-content: center;
      	   -webkit-justify-content: space-around;
      	   justify-content: space-around;
      	   box-sizing: border-box;
      	   width: auto;
      	   text-align: center;
      	   font-family: firasans;
      	   }
      	   @media only screen and (max-width: 499px) {#header_platzhalter { width: 0%; }}
      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#header_platzhalter { width: 0%; }}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#header_platzhalter { width: 0%; }}
      	   @media only screen and (min-width: 1200px) {#header_platzhalter { width: 20%; }}
      	      	      	
      #menue_login
      	{
      	position: absolute;
      	top: 0;
      	right: 0;
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	-webkit-align-items: flex-end;
      	align-items: flex-end;
      	align-content: flex-start;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	box-sizing: border-box;
      	margin-right: 0px;
      	margin-bottom: 0px;
      	padding-left: 0px;
      	padding-right: 30px;
      	font-weight: normal;
      	background-color: rgba(35,35,35,1);
      	border-left-style: solid;
      	border-left-width: 2px;
      	border-left-color: rgba(0,154,205,1);
/*
      	border-bottom-style: solid;
      	border-bottom-width: 2px;
      	border-bottom-color: rgba(0,154,205,1);
*/
      	}
      	      	      	
      	#menue_login input#span_link
      	   {
      	   display: none;
      	   }
      	      	      	
      	   input#span_link ~ label:after
      	      {
      	      content: " \2261";
      	      }
      	      	      	
      	#menue_login label
      	   {
      	   font-weight: bold;
      	   text-align: right;
      	   color: rgba(0,154,205,1);
      	   transition: color 0.5s ease;
      	   }
      	   @media only screen and (max-width: 499px) {#menue_login label { padding: 5px 0px 5px 20px;}}
      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#menue_login label { padding: 5px 0px 5px 20px; }}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#menue_login label { padding: 10px 0px 10px 20px; }}
      	   @media only screen and (min-width: 1200px) {#menue_login label { padding: 15px 10px 15px 30px; }}
      	      	      	
      	   input#span_link:checked ~ label
      	      {
      	      color: rgba(0,154,205,1);
      	      transition: color 0.5s ease;
      	      }
      	      	      	
      	   input#span_link:checked ~ label:hover
      	      {
      	      color: rgba(211,211,211,1);
      	      transition: color 0.5s ease;
      	      }
      	      	      	
      	      input#span_link:checked ~ label:after
      	      	{
      	      	content: " x";
      	      	}
      	      	      	
      	   #menue_login label:hover
      	      {
      	      color: rgba(211,211,211,1);
      	      transition: color 0.5s ease;
      	      }
      	      	      	
      	   #menue_login label.label_pointer
      	      {
      	      cursor: pointer;
      	      }
      	      @media only screen and (max-width: 499px) {#menue_login label.label_pointer { font-size: 14px; }}
      	      @media only screen and (min-width: 500px) and (max-width: 779px) {#menue_login label.label_pointer { font-size: 14px; }}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#menue_login label.label_pointer { font-size: 16px; }}
      	      @media only screen and (min-width: 1200px) {#menue_login label.label_pointer { font-size: 20px; }}
      	      	      	
      	   #menue_login #formular_login
      	      {
      	      display: none;
      	      margin-right: -30px;
      	      padding: 5px 10px 0px 10px;
      	      background-color: rgba(35,35,35,1);
      	      border-bottom-style: solid;
      	      border-bottom-width: 2px;
      	      border-bottom-color: rgba(0,154,205,1);
      	      }
      	      	      	
      	   input#span_link:checked ~ #formular_login, #menue_login #formular_login:hover
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      }
      	      	      	
      	#formular_login form
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: column;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: flex-start;
      	   -webkit-justify-content: flex-start;
      	   justify-content: flex-start;
      	   box-sizing: border-box;
      	   text-align: center;
      	   margin-top: 10px;
      	   width: 100%;
      	   }
      	      	      	
      	   #formular_login
      	      {
      	      display: block;
      	      text-align: center;
      	      }
      	      	      	
      	      #formular_login input
      	      	{
      	      	outline: none;
      	      	background-color: rgba(255,255,255,1);
      	      	-webkit-border-radius: 2px;
      	      	-webkit-appearance: none; 
      	      	border-radius: 2px;
      	      	border-style: solid;
      	      	border-width: 2px;
      	      	border-color: rgba(255,255,255,1);
      	      	color: rgba(0,0,0,1);
      	      	margin-top: 2px;
      	      	padding: 5px 10px;
      	      	text-align: center;
      	      	width: 80%;
      	      	font-size: 16px;
      	      	font-weight: bold;
      	      	}
      	      	      	
      	      	#formular_login input:focus 
      	      	   {
      	      	   
      	      	   }
      	      	      	
      	      #formular_login form input.button
      	      	{
      	      	border-style: none;
      	      	box-sizing: border-box;
      	      	width: 90%;
      	      	margin-top: 10px;
      	      	padding: 10px 5px 10px 5px;
      	      	font-size: 100%;
      	      	font-weight: bold;
      	      	text-align: center;
      	      	cursor: pointer;
      	      	border-style: solid;
       	      	border-width: 2px;
       	      	border-color: rgba(0,154,205,1);
      	      	-webkit-border-radius: 2px;
      	      	-webkit-appearance: none; 
       	      	border-radius: 2px;
       	      	color: rgba(0,154,205,1);
       	      	background-color: rgba(35,35,35,0.7);
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	      	#formular_login form input.button:hover
      	      	   {
       	      	   border-color: rgba(0,154,205,1);
       	      	   color: rgba(255,255,255,1);
       	      	   background-color: rgba(0,154,205,1);
      	      	   transition: ease 0.3s;
      	      	   }
      	      	      	
      	      	#formular_login #login_registrieren
      	      	   {
      	      	   width: 100%;
      	      	   margin-top: 5px;
      	      	   margin-bottom: 5px;
      	      	   text-align: center;
      	      	   }
      	      	      	
      	      #formular_login a
      	      	{
      	      	color: rgba(0,154,205,1);
      	      	text-decoration: none;
      	      	background-color: transparent;
      	      	text-align: center;
      	      	margin-left: auto;
      	      	margin-right: auto;
      	      	margin-bottom: 10px;
      	      	padding: 1px 5px;
      	      	transition: 0.5s ease;
      	      	}
      	      	      	
      	      	#formular_login a:hover
      	      	   {
      	      	   text-decoration: underline;
      	      	   transition: 1s ease;
      	      	   }
      	      	      	
      	      	#formular_login #login_bezeichnung
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: row;
      	      	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: center;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   margin-bottom: 5px;
      	      	   color: rgba(195,35,45,1);
      	      	   }
      	      	   @media only screen and (max-width: 499px) {#formular_login #login_bezeichnung {width: 100%; margin-left: 5px; margin-right: 5px; text-align: center;}}
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#formular_login #login_bezeichnung {width: 100%; margin-left: 5px; margin-right: 5px; text-align: center;}}
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#formular_login #login_bezeichnung {width: auto; text-align: right;}}
      	      	   @media only screen and (min-width: 1200px) {#formular_login #login_bezeichnung {width: auto; text-align: right;}}
      	      	      	
      	      	   #formular_login #login_bezeichnung img
      	      	      {
      	      	      width: auto;
      	      	      height: auto;
      	      	      max-width: 30px;
      	      	      max-height: 16px;
      	      	      margin-right: 5px;
      	      	      }
      	      	      	
      	   #menue_login #spieler_rahmen
      	      {
      	      display: none;
      	      margin-right: -30px;
      	      padding: 5px 10px 0px 10px;
      	      background: rgba(35,35,35,1);
      	      color: rgba(255,255,255,1);
      	      width: 100%;
      	      min-width: 230px;
      	      text-align: center;
      	      border-bottom-style: solid;
      	      border-bottom-width: 2px;
      	      border-bottom-color: rgba(0,154,205,1);
      	      }
      	      	      	
      	   input#span_link:checked ~ #spieler_rahmen, #menue_login #spieler_rahmen:hover
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      }
      	      	      	
      	      #menue_login #spieler_rahmen strong
      	      	{
      	      	margin-left: auto;
      	      	margin-right: auto;
      	      	}
      	      	      	
      	      #menue_login #spieler_rahmen #spieler
      	      	{
      	      	position: relative;
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: nowrap;
      	      	-webkit-align-items: stretch;
      	      	align-items: stretch;
      	      	align-content: center;
      	      	-webkit-justify-content: space-around;
      	      	justify-content: space-around;
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	margin-top: 3px;
      	      	font-weight: bold;
      	      	}
      	      	      	
      	      	#menue_login #spieler_rahmen #spieler #spielerbild
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: column;
      	      	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: flex-start;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   margin: 5px 10px 15px 10px;
      	      	   background-color: rgba(0,29,71,1);
      	      	   -webkit-border-radius: 100%;
      	      	   -webkit-appearance: none; 
      	      	   border-radius: 100%;
      	      	   overflow: hidden;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #menue_login #spieler_rahmen #spieler #spielerbild {width: 90px; height: 90px;} }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #menue_login #spieler_rahmen #spieler #spielerbild {width: 110px; height: 110px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #menue_login #spieler_rahmen #spieler #spielerbild {width: 110px; height: 110px;} }
      	      	   @media only screen and (min-width: 1200px) { #menue_login #spieler_rahmen #spieler #spielerbild {width: 110px; height: 110px;} }
      	      	      	
      	      	   #menue_login #spieler_rahmen #spieler #spielerbild img
      	      	      {
      	      	      width: auto;
      	      	      height: auto;
      	      	      max-width: 100%;
      	      	      }
      	      	      @media only screen and (max-width: 399px) { #menue_login #spieler_rahmen #spieler #spielerbild img {height: 125px;} }
      	      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #menue_login #spieler_rahmen #spieler #spielerbild img {height: 150px;} }
      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #menue_login #spieler_rahmen #spieler #spielerbild img {height: 150px;} }
      	      	      @media only screen and (min-width: 1200px) { #menue_login #spieler_rahmen #spieler #spielerbild img {height: 150px;} }
      	      	      	
      	      	#menue_login #spieler_rahmen #spieler #optionen
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: column;
      	      	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: flex-start;
      	      	   -webkit-justify-content: space-between;
      	      	   justify-content: space-between;
      	      	   box-sizing: border-box;
      	      	   width: 40%;
      	      	   }
      	      	      	
      	      	   #menue_login #spieler_rahmen #spieler #optionen #einstellungen
      	      	      {
      	      	      display: -webkit-flex;
      	      	      display: -webkit-box;
      	      	      display: -ms-flexbox;
      	      	      display: flex;
      	      	      flex-direction: column;
      	      	      -webkit-align-items: center;
      	      	      align-items: center;
      	      	      align-content: flex-start;
      	      	      -webkit-justify-content: center;
      	      	      justify-content: center;
      	      	      box-sizing: border-box;
      	      	      height: 50%;
      	      	      min-height: 60px;
      	      	      }
      	      	      	
      	      	   #menue_login #spieler_rahmen #spieler #optionen #logout
      	      	      {
      	      	      display: -webkit-flex;
      	      	      display: -webkit-box;
      	      	      display: -ms-flexbox;
      	      	      display: flex;
      	      	      flex-direction: column;
      	      	      -webkit-align-items: center;
      	      	      align-items: center;
      	      	      align-content: flex-start;
      	      	      -webkit-justify-content: center;
      	      	      justify-content: center;
      	      	      box-sizing: border-box;
      	      	      height: 50%;
      	      	      min-height: 60px;
      	      	      }
      	      	      	
      	      	   #menue_login #spieler_rahmen #spieler #optionen img
      	      	      {
      	      	      width: auto;
      	      	      height: auto;
      	      	      max-width: 40px;
      	      	      max-height: 40px;
      	      	      -webkit-filter: brightness(1);
      	      	      filter: brightness(1);
      	      	      transition: filter ease 0.3s;
      	      	      }
      	      	      	
      	      	      #menue_login #spieler_rahmen #spieler #optionen img:hover, #menue_login #spieler_rahmen #spieler #optionen img:focus, #menue_login #spieler_rahmen #spieler #optionen img:active
      	      	      	{
      	      	      	-webkit-filter: brightness(0.8);
      	      	      	filter: brightness(0.8);
      	      	      	transition: filter ease 0.3s;
      	      	      	}
      	      	      	
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++ WEITERER INHALT +++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#discord
   {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   -webkit-align-items: center;
   align-items: center;
   align-content: center;
   -webkit-justify-content: center;
   justify-content: center;
   height: auto;
   width: 100%;
   }
   @media only screen and (max-width: 499px) {#discord {margin-bottom: 30px;}}
   @media only screen and (min-width: 500px) and (max-width: 779px) {#discord {margin-bottom: 30px;}}
   @media only screen and (min-width: 780px) and (max-width: 1199px) {#discord {margin-bottom: 40px;}}
   @media only screen and (min-width: 1200px) {#discord {margin-bottom: 40px;}}
      	      	      	
   #discord a
      {
      padding: 10px;
      color: rgba(255,255,255,1);
      background-color: rgba(0,29,71,1);
      border-style: solid;
      border-style: 2px;
      border-color: rgba(0,29,71,1);
      -webkit-border-radius: 2px;
      -webkit-appearance: none; 
      border-radius: 2px;
      font-weight: bold;
      transition: ease 0.3s;
      }
      	      	      	
      #discord a:hover
      	{
      	color: rgba(255,255,255,1);
      	background-color: rgba(221,6,64,1);
      	border-color: rgba(221,6,64,1);
      	transition: ease 0.3s;
      	}
      	      	      	
      #discord a img
      	{
      	width: auto;
      	height: auto;
      	}
      	@media only screen and (max-width: 499px) {#discord a img {max-width: 150px; max-height: 80px;}}
      	@media only screen and (min-width: 500px) and (max-width: 779px) {#discord a img {max-width: 150px; max-height: 80px;}}
      	@media only screen and (min-width: 780px) and (max-width: 1199px) {#discord a img {max-width: 150px; max-height: 80px;}}
      	@media only screen and (min-width: 1200px) {#discord a img {max-width: 200px; max-height: 120px;}}
      	      	      	
#transparent_desktop
   {
   flex-direction: row;
   flex-wrap: wrap;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   align-content: center;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   box-sizing: border-box;
   z-index: 800;
   width: 80%;
   height: 80%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   }
   @media only screen and (max-width: 849px) { #transparent_desktop {display: none;} }
   @media only screen and (min-width: 850px) { #transparent_desktop {display: none;} }
      	      	      	
   #transparent_desktop img#transparent_logo
      {
      position: relative;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      margin-left: auto;
      margin-right: auto;
      opacity: 0.5;
      }
      @media only screen and (max-width: 349px) { #transparent_desktop img#transparent_logo {margin-top: 150px;} }
      @media only screen and (min-width: 350px) and (max-width: 449px) { #transparent_desktop img#transparent_logo {margin-top: 150px;} }
      @media only screen and (min-width: 450px) and (max-width: 499px) { #transparent_desktop img#transparent_logo {margin-top: 150px;} }
      	@media only screen and (min-width: 500px) and (max-width: 549px) { #transparent_desktop img#transparent_logo {margin-top: 100px;} }
      @media only screen and (min-width: 550px) and (max-width: 779px) { #transparent_desktop img#transparent_logo {margin-top: 120px;} }
      @media only screen and (min-width: 780px) and (max-width: 919px) { #transparent_desktop img#transparent_logo {margin-top: 120px;} }
      @media only screen and (min-width: 920px) and (max-width: 1199px) { #transparent_desktop img#transparent_logo {margin-top: 120px;} }
      @media only screen and (min-width: 1200px) { #transparent_desktop img#transparent_logo {margin-top: 115px; } }
      	      	      	
   #transparent_links
      {
      box-sizing: border-box;
      width: 50%;
      height: 100%;
      }
      	      	      	
      #transparent_links #pin_oben_links
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-start;
      	align-items: flex-start;
      	align-content: flex-start;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	box-sizing: border-box;
      	width: 100%;
      	height: 50%;
      	}
      	      	      	
      	#transparent_links #pin_oben_links img
      	   {
      	   width: auto;
      	   height: auto;
      	   max-width: 70px;
      	   max-height: 70px;
      	   margin-top: 10px;
      	   margin-left: 10px;
      	   }
      	      	      	
      #transparent_links #pin_unten_links
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-start;
      	align-items: flex-start;
      	align-content: flex-start;
      	-webkit-justify-content: flex-end;
      	justify-content: flex-end;
      	box-sizing: border-box;
      	width: 100%;
      	height: 50%;
      	}
      	      	      	
      	#transparent_links #pin_unten_links img
      	   {
      	   bottom: 0;
      	   left: 0;
      	   width: auto;
      	   height: auto;
      	   max-width: 70px;
      	   max-height: 70px;
      	   margin-bottom: -10px;
      	   margin-left: 10px;
      	   }
      	      	      	
   #transparent_rechts
      {
      box-sizing: border-box;
      width: 50%;
      height: 100%;
      }
      	      	      	
      #transparent_rechts #pin_oben_rechts
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-end;
      	align-items: flex-end;
      	align-content: flex-end;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	box-sizing: border-box;
      	width: 100%;
      	height: 50%;
      	}
      	      	      	
      	#transparent_rechts #pin_oben_rechts img
      	   {
      	   width: auto;
      	   height: auto;
      	   max-width: 70px;
      	   max-height: 70px;
      	   margin-top: 10px;
      	   margin-right: -20px;
      	   }
      	      	      	
      #transparent_rechts #pin_unten_rechts
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-end;
      	align-items: flex-end;
      	align-content: flex-end;
      	-webkit-justify-content: flex-end;
      	justify-content: flex-end;
      	box-sizing: border-box;
      	width: 100%;
      	height: 50%;
      	}
      	      	      	
      	#transparent_rechts #pin_unten_rechts img
      	   {
      	   bottom: 0;
      	   right: 0;
      	   width: auto;
      	   height: auto;
      	   max-width: 70px;
      	   max-height: 70px;
      	   margin-bottom: -10px;
      	   margin-right: -20px;
      	   }
      	      	      	
#transparent_mobil
   {
   position: relative;
   flex-direction: column;
   flex-wrap: nowrap;
   -webkit-align-items: center;
   align-items: center;
   align-content: center;
   -webkit-justify-content: center;
   justify-content: center;
   box-sizing: border-box;
   width: 90%;
   height: auto;
   
   }
   .transparent_mobil_mit_spielplan {margin-bottom: 40px;} 
      	@media only screen and (max-width: 349px) { .transparent_mobil_ohne_spielplan {margin-top: -30px;} }
      	@media only screen and (max-width: 349px) { .transparent_mobil_mit_spielplan {margin-top: 10px;} }
   @media only screen and (max-width: 849px) { #transparent_mobil {display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex;} }
   @media only screen and (min-width: 850px) { #transparent_mobil {display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex;} }
      	      	      	
   #transparent_mobil img#transparent_bild
      {
      position: relative;
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      box-shadow: 3px 3px 8px rgba(0,0,0,0.7); 
      }
      	      	      	
   #transparent_mobil_links
      {
      position: absolute;
      top: 0;
      left: 0;
      box-sizing: border-box;
      width: 50%;
      height: 100%;
      }
      	      	      	
      #transparent_mobil_links #pin_oben_links
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-start;
      	align-items: flex-start;
      	align-content: flex-start;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	box-sizing: border-box;
      	width: 100%;
      	height: 50%;
      	}
      	      	      	
      	#transparent_mobil_links #pin_oben_links img
      	   {
      	   width: auto;
      	   height: auto;
      	   }
      	   @media only screen and (max-width: 349px) { #transparent_mobil_links #pin_oben_links img { max-width: 40px; max-height: 40px; margin-top: 3px; margin-left: 3px; } }
      	   @media only screen and (min-width: 350px) and (max-width: 449px) { #transparent_mobil_links #pin_oben_links img { max-width: 50px; max-height: 50px; margin-top: 5px; margin-left: 5px; } }
      	   @media only screen and (min-width: 450px) and (max-width: 549px) { #transparent_mobil_links #pin_oben_links img { max-width: 65px; max-height: 65px; margin-top: 7px; margin-left: 7px; } }
      	   @media only screen and (min-width: 550px) { #transparent_mobil_links #pin_oben_links img { max-width: 70px; max-height: 70px; margin-top: 10px; margin-left: 10px; } }
      	      	      	
      #transparent_mobil_links #pin_unten_links
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-start;
      	align-items: flex-start;
      	align-content: flex-start;
      	-webkit-justify-content: flex-end;
      	justify-content: flex-end;
      	box-sizing: border-box;
      	width: 100%;
      	height: 50%;
      	}
      	      	      	
      	#transparent_mobil_links #pin_unten_links img
      	   {
      	   bottom: 0;
      	   left: 0;
      	   width: auto;
      	   height: auto;
      	   }
      	   @media only screen and (max-width: 349px) { #transparent_mobil_links #pin_unten_links img { max-width: 40px; max-height: 40px; margin-bottom: -8px; margin-left: 3px; } }
      	   @media only screen and (min-width: 350px) and (max-width: 449px) { #transparent_mobil_links #pin_unten_links img { max-width: 50px; max-height: 50px; margin-bottom: -10px; margin-left: 5px; } }
      	   @media only screen and (min-width: 450px) and (max-width: 549px) { #transparent_mobil_links #pin_unten_links img { max-width: 65px; max-height: 65px; margin-bottom: -10px; margin-left: 7px; } }
      	   @media only screen and (min-width: 550px) { #transparent_mobil_links #pin_unten_links img { max-width: 70px; max-height: 70px; margin-bottom: -10px; margin-left: 10px; } }
      	      	      	
   #transparent_mobil_rechts
      {
      position: absolute;
      top: 0;
      right: 0;
      box-sizing: border-box;
      width: 50%;
      height: 100%;
      }
      	      	      	
      #transparent_mobil_rechts #pin_oben_rechts
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-end;
      	align-items: flex-end;
      	align-content: flex-end;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	box-sizing: border-box;
      	width: 100%;
      	height: 50%;
      	}
      	      	      	
      	#transparent_mobil_rechts #pin_oben_rechts img
      	   {
      	   width: auto;
      	   height: auto;
      	   }
      	   @media only screen and (max-width: 349px) { #transparent_mobil_rechts #pin_oben_rechts img { max-width: 40px; max-height: 40px; margin-top: 3px; margin-right: -14px; } }
      	   @media only screen and (min-width: 350px) and (max-width: 449px) { #transparent_mobil_rechts #pin_oben_rechts img { max-width: 50px; max-height: 50px; margin-top: 5px; margin-right: -16px; } }
      	   @media only screen and (min-width: 450px) and (max-width: 549px) { #transparent_mobil_rechts #pin_oben_rechts img { max-width: 65px; max-height: 65px; margin-top: 7px; margin-right: -20px; } }
      	   @media only screen and (min-width: 550px) { #transparent_mobil_rechts #pin_oben_rechts img { max-width: 70px; max-height: 70px; margin-top: 10px; margin-right: -20px; } }
      	      	      	
      #transparent_mobil_rechts #pin_unten_rechts
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-end;
      	align-items: flex-end;
      	align-content: flex-end;
      	-webkit-justify-content: flex-end;
      	justify-content: flex-end;
      	box-sizing: border-box;
      	width: 100%;
      	height: 50%;
      	}
      	      	      	
      	#transparent_mobil_rechts #pin_unten_rechts img
      	   {
      	   bottom: 0;
      	   right: 0;
      	   width: auto;
      	   height: auto;
      	   max-width: 70px;
      	   max-height: 70px;
      	   margin-bottom: -10px;
      	   margin-right: -20px;
      	   }
      	   @media only screen and (max-width: 349px) { #transparent_mobil_rechts #pin_unten_rechts img { max-width: 40px; max-height: 40px; margin-bottom: -8px; margin-right: -14px; } }
      	   @media only screen and (min-width: 350px) and (max-width: 449px) { #transparent_mobil_rechts #pin_unten_rechts img { max-width: 50px; max-height: 50px; margin-bottom: -10px; margin-right: -16px; } }
      	   @media only screen and (min-width: 450px) and (max-width: 549px) { #transparent_mobil_rechts #pin_unten_rechts img { max-width: 65px; max-height: 65px; margin-bottom: -10px; margin-right: -20px; } }
      	   @media only screen and (min-width: 550px) { #transparent_mobil_rechts #pin_unten_rechts img { max-width: 70px; max-height: 70px; margin-bottom: -10px; margin-right: -20px; } }
      	      	      	
#pointer_auto
   {
   pointer-events: auto;
   width: 100%;
   box-sizing: border-box;
   font-family: firasans;
   margin-top: 5px;
   padding: 5px 0px;
   }
      	      	      	
#pointer_auto h2
   {
   text-align: center;
   }
      	      	      	
#container
   {
   z-index: 850;
   position: relative;
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   align-content: flex-start;
   -webkit-justify-content: center;
   justify-content: center;
   box-sizing: border-box;
   width: 100%;
   /* max-width: 1600px; */
   text-align: justify;
   }
      @media only screen and (max-width: 399px) { #container{ padding: 120px 0px 40px 0px; } }
      @media only screen and (min-width: 400px) and (max-width: 779px) { #container{ padding: 130px 5px 40px 5px; } }
      @media only screen and (min-width: 780px) and (max-width: 1199px) { #container{ padding: 140px 20px 40px 20px; } }
      @media only screen and (min-width: 1200px) { #container{ padding: 140px 50px 40px 50px; } }
/*
   @media only screen and (max-width: 349px) { .container_spieler {padding: 170px 10px 0px 10px;} }
   @media only screen and (min-width: 350px) and (max-width: 449px) { .container_spieler {padding: 180px 30px 0px 30px;} }
   @media only screen and (min-width: 450px) and (max-width: 499px) { .container_spieler {padding: 160px 0px 0px 0px;} }
      @media only screen and (min-width: 500px) and (max-width: 549px) { .container_spieler {padding: 130px 0px 0px 0px;} }
   @media only screen and (min-width: 550px) and (max-width: 779px) { .container_spieler {padding: 120px 10px 20px 10px;} }
   @media only screen and (min-width: 780px) and (max-width: 919px) { .container_spieler {padding: 120px 15px 20px 15px;} }
   @media only screen and (min-width: 920px) and (max-width: 1199px) { .container_spieler {padding: 120px 40px 20px 40px;} }
   @media only screen and (min-width: 1200px) { .container_spieler {padding: 175px 50px 20px 50px;} }
      	   @media only screen and (max-width: 349px) { .container_kein_spieler {padding: 170px 10px 0px 10px;} }
      	   @media only screen and (min-width: 350px) and (max-width: 449px) { .container_kein_spieler {padding: 180px 30px 0px 30px;} }
      	   @media only screen and (min-width: 450px) and (max-width: 499px) { .container_kein_spieler {padding: 160px 0px 0px 0px;} }
      	      @media only screen and (min-width: 500px) and (max-width: 549px) { .container_kein_spieler {padding: 130px 0px 0px 0px;} }
      	   @media only screen and (min-width: 550px) and (max-width: 779px) { .container_kein_spieler {padding: 120px 10px 20px 10px;} }
      	   @media only screen and (min-width: 780px) and (max-width: 919px) { .container_kein_spieler {padding: 120px 12px 20px 12px;} }
      	   @media only screen and (min-width: 920px) and (max-width: 1199px) { .container_kein_spieler {padding: 120px 40px 20px 40px;} }
      	   @media only screen and (min-width: 1200px) { .container_kein_spieler {padding: 175px 25px 20px 25px; } }
*/
/* OHNE HEADER
   @media only screen and (max-width: 349px) { .container_spieler {padding: 20px 10px 0px 10px;} }
   @media only screen and (min-width: 350px) and (max-width: 449px) { .container_spieler {padding: 20px 30px 0px 30px;} }
   @media only screen and (min-width: 450px) and (max-width: 499px) { .container_spieler {padding: 20px 0px 0px 0px;} }
      @media only screen and (min-width: 500px) and (max-width: 549px) { .container_spieler {padding: 20px 0px 0px 0px;} }
   @media only screen and (min-width: 550px) and (max-width: 779px) { .container_spieler {padding: 20px 10px 20px 10px;} }
   @media only screen and (min-width: 780px) and (max-width: 919px) { .container_spieler {padding: 20px 15px 20px 15px;} }
   @media only screen and (min-width: 920px) and (max-width: 1199px) { .container_spieler {padding: 20px 40px 20px 40px;} }
   @media only screen and (min-width: 1200px) { .container_spieler {padding: 20px 50px 20px 50px;} }
      	   @media only screen and (max-width: 349px) { .container_kein_spieler {padding: 20px 10px 0px 10px;} }
      	   @media only screen and (min-width: 350px) and (max-width: 449px) { .container_kein_spieler {padding: 20px 30px 0px 30px;} }
      	   @media only screen and (min-width: 450px) and (max-width: 499px) { .container_kein_spieler {padding: 20px 0px 0px 0px;} }
      	      @media only screen and (min-width: 500px) and (max-width: 549px) { .container_kein_spieler {padding: 20px 0px 0px 0px;} }
      	   @media only screen and (min-width: 550px) and (max-width: 779px) { .container_kein_spieler {padding: 20px 10px 20px 10px;} }
      	   @media only screen and (min-width: 780px) and (max-width: 919px) { .container_kein_spieler {padding: 20px 12px 20px 12px;} }
      	   @media only screen and (min-width: 920px) and (max-width: 1199px) { .container_kein_spieler {padding: 20px 40px 20px 40px;} }
      	   @media only screen and (min-width: 1200px) { .container_kein_spieler {padding: 20px 25px 20px 25px; } }
*/
      	      	      	
   #container #row
      {
      position: relative;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      -webkit-align-items: center;
      align-items: center;
      align-content: flex-start;
      -webkit-justify-content: center;
      justify-content: center;
      box-sizing: border-box;
      width: 100%;
      text-align: justify;
      }
      @media only screen and (max-width: 399px) { #container #row {margin-top: 10px;} }
      @media only screen and (min-width: 400px) and (max-width: 779px) { #container #row {margin-top: 10px;} }
      @media only screen and (min-width: 780px) and (max-width: 1199px) { #container #row {margin-top: 10px;} }
      @media only screen and (min-width: 1200px) { #container #row {margin-top: 10px;} }
      	      	      	
   #container h1
      {
      font-family: firasans;
      font-weight: 900;
      color: rgba(0,29,71,1);
      width: 100%;
      text-align: center;
      }
      @media only screen and (max-width: 599px) { #container h1 {font-size: 30px; } }
      @media only screen and (min-width: 600px) { #container h1 {font-size: 30px; } }
      	      	      	
   #container #ueberschrift
      {
      position: relative;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      -webkit-align-items: center;
      align-items: center;
      align-content: flex-start;
      -webkit-justify-content: center;
      justify-content: center;
      box-sizing: border-box;
      width: 100%;
      text-align: left;
      }
      @media only screen and (max-width: 399px) { #container #ueberschrift {margin-top: 10px;} }
      @media only screen and (min-width: 400px) and (max-width: 779px) { #container #ueberschrift {margin-top: 10px;} }
      @media only screen and (min-width: 780px) and (max-width: 1199px) { #container #ueberschrift {margin-top: 10px;} }
      @media only screen and (min-width: 1200px) { #container #ueberschrift {margin-top: 10px;} }
      	      	      	
      #container #ueberschrift img
      	{
      	width: auto;
      	height: auto;
      	}
      	@media only screen and (max-width: 399px) { #container #ueberschrift img {max-width: 25%; max-height: 80px; margin-right: 2%;} }
      	@media only screen and (min-width: 400px) and (max-width: 779px) { #container #ueberschrift img {max-width: 25%; max-height: 100px; margin-right: 2%;} }
      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #container #ueberschrift img {max-width: 35%; max-height: 120px; margin-right: 3%;} }
      	@media only screen and (min-width: 1200px) { #container #ueberschrift img {max-width: 45%; max-height: 150px; margin-right: 3%;} }
      	      	      	
      #container #ueberschrift h1
      	{
      	font-family: firasans;
      	font-weight: normal;
      	width: auto;
      	height: auto;
      	text-align: left;
      	margin-top: 0px;
      	margin-bottom: 0px;
      	color: rgba(0,29,71,1);
      	}
      	@media only screen and (max-width: 399px) { #container #ueberschrift h1 {max-width: 70%; margin-left: 3%; font-size: 30px;} }
      	@media only screen and (min-width: 400px) and (max-width: 779px) { #container #ueberschrift h1 {max-width: 70%; margin-left: 3%; font-size: 30px;} }
      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #container #ueberschrift h1 {max-width: 60%; margin-left: 2%; font-size: 30px;} }
      	@media only screen and (min-width: 1200px) { #container #ueberschrift h1 {max-width: 50%; margin-left: 2%; font-size: 30px;} }
      	      	      	
      	   #button
      	      {
      	      display: flex;
      	      border-style: solid;
      	      border-width: 2px;
      	      border-color: rgba(0,29,71,1);
      	      -webkit-border-radius: 2px;
      	      -webkit-appearance: none; 
      	      border-radius: 2px;
      	      box-sizing: border-box;
      	      background-color: rgba(0,29,71,1);
      	      max-width: 100%;
      	      margin-left: auto;
      	      margin-right: auto;
      	      padding: 5px 10px;
      	      text-align: center;
      	      font-size: 14px;
      	      color: rgba(255,255,255,1);
      	      hyphens: auto;
      	      word-break: break-all;
      	      transition: ease 0.3s;
      	      }
      	      @media only screen and (max-width: 399px) {#button {margin-left: auto; margin-right: auto;}}
      	      @media only screen and (min-width: 400px) and (max-width: 779px) {#button {}}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#button {}}
      	      @media only screen and (min-width: 1200px) {#button {}}
      	      	      	
      	      #button:hover, #button:focus, #button:active
      	      	{
      	      	color: rgba(255,255,255,1);
      	      	border-color: rgba(221,6,64,1);
      	      	background-color: rgba(221,6,64,1);
      	      	transition: ease 0.3s;
      	      	cursor: pointer;
      	      	}
      	      	      	
      	      #button a
      	      	{
      	      	color: rgba(255,255,255,1);
      	      	}
      	      	      	
      	      	#button:hover a, #button:focus a, #button:active a
      	      	   {
      	      	   color: rgba(255,255,255,1);
      	      	   }
      	      	      	
      	   #button2
      	      {
      	      display: flex;
      	      border-style: solid;
      	      border-width: 2px;
      	      border-color: rgba(0,154,205,1);
      	      -webkit-border-radius: 2px;
      	      -webkit-appearance: none; 
      	      border-radius: 2px;
      	      box-sizing: border-box;
      	      background-color: rgba(35,35,35,0.7);
      	      max-width: 100%;
      	      margin-left: auto;
      	      margin-right: auto;
      	      padding: 5px 10px;
      	      text-align: center;
      	      font-size: 14px;
      	      color: rgba(0,154,205,1);
      	      hyphens: auto;
      	      word-break: break-all;
      	      transition: ease 0.3s;
      	      }
      	      @media only screen and (max-width: 399px) {#button2 {margin-left: auto; margin-right: auto;}}
      	      @media only screen and (min-width: 400px) and (max-width: 779px) {#button2 {}}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#button2 {}}
      	      @media only screen and (min-width: 1200px) {#button2 {}}
      	      	      	
      	      #button2:hover, #button2:focus, #button2:active
      	      	{
      	      	color: rgba(255,255,255,1);
      	      	border-color: rgba(0,154,205,1);
      	      	background-color: rgba(0,154,205,1);
      	      	transition: ease 0.3s;
      	      	cursor: pointer;
      	      	}
      	      	      	
      	   #button3
      	      {
      	      display: flex;
      	      border-style: solid;
      	      border-width: 2px;
      	      border-color: rgba(255,0,0,1);
      	      -webkit-border-radius: 2px;
      	      -webkit-appearance: none; 
      	      border-radius: 2px;
      	      box-sizing: border-box;
      	      background-color: rgba(35,35,35,0.7);
      	      max-width: 100%;
      	      margin-left: auto;
      	      margin-right: auto;
      	      padding: 5px 10px;
      	      text-align: center;
      	      font-size: 14px;
      	      color: rgba(255,0,0,1);
      	      hyphens: auto;
      	      word-break: break-all;
      	      transition: ease 0.3s;
      	      }
      	      @media only screen and (max-width: 399px) {#button3 {}}
      	      @media only screen and (min-width: 400px) and (max-width: 779px) {#button3 {}}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#button3 {}}
      	      @media only screen and (min-width: 1200px) {#button3 {}}
      	      	      	
      	      #button3:hover, #button3:focus, #button3:active
      	      	{
      	      	color: rgba(255,255,255,1);
      	      	border-color: rgba(255,0,0,1);
      	      	background-color: rgba(255,0,0,1);
      	      	transition: ease 0.3s;
      	      	cursor: pointer;
      	      	}
      	      	      	
      	   #button4
      	      {
      	      display: flex;
      	      border-style: solid;
      	      border-width: 2px;
      	      border-color: rgba(35,35,35,1);
      	      -webkit-border-radius: 2px;
      	      -webkit-appearance: none; 
      	      border-radius: 2px;
      	      box-sizing: border-box;
      	      background-color: rgba(255,0,0,1);
      	      max-width: 100%;
      	      margin-left: auto;
      	      margin-right: auto;
      	      padding: 5px 10px;
      	      text-align: center;
      	      font-size: 14px;
      	      color: rgba(35,35,35,1);
      	      hyphens: auto;
      	      word-break: break-all;
      	      transition: ease 0.3s;
      	      }
      	      @media only screen and (max-width: 399px) {#button4 {}}
      	      @media only screen and (min-width: 400px) and (max-width: 779px) {#button4 {}}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#button4 {}}
      	      @media only screen and (min-width: 1200px) {#button4 {}}
      	      	      	
      	      #button4:hover, #button4:focus, #button4:active
      	      	{
      	      	color: rgba(50,150,77,1);
      	      	border-color: rgba(50,150,77,1);
      	      	background-color: rgba(0,0,255,1);
      	      	transition: ease 0.3s;
      	      	cursor: pointer;
      	      	}
      	      	      	
      	   .button_fett
      	      {
      	      font-weight: bold;
      	      }
      	      	      	
      	   .breite_fix_30
      	      {
      	      margin-bottom: 15px;
      	      }
      	      @media only screen and (max-width: 499px) {.breite_fix_30 { width: 100%; }}
      	      @media only screen and (min-width: 500px) and (max-width: 779px) {.breite_fix_30 { width: 90%; }}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {.breite_fix_30 { width: 43%; }}
      	      @media only screen and (min-width: 1200px) {.breite_fix_30 { width: 30%; }}
      	      	      	
   /* ----------------------------- Ansicht alle Turniere ----------------------------- */
   #alle_turniere
      {
      position: relative;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: flex-start;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      box-sizing: border-box;
      }
      @media only screen and (max-width: 399px) { #alle_turniere {width: 95%;} }
      @media only screen and (min-width: 400px) and (max-width: 779px) { #alle_turniere {width: 90%;} }
      @media only screen and (min-width: 780px) and (max-width: 1199px) { #alle_turniere {width: 90%;} }
      @media only screen and (min-width: 1200px) { #alle_turniere { width: 1200px; /* width: 90%; */} }
   #container #alle_turniere {font-family: firasans;}
   #container #alle_turniere p i {color: rgb(255,255,255); text-shadow: 1px 1px 1px rgb(0,0,0);}
      	      	      	
      #alle_turniere_infotext_allgemein
      	{
      	width: 100%;
      	margin-bottom: 20px;
      	text-align: center;
      	}
      	      	      	
      #turnier
      	{
      	position: relative;
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: stretch;
      	align-items: stretch;
      	align-content: stretch;
      	-webkit-justify-content: space-around;
      	justify-content: space-around;
      	box-sizing: border-box;
      	margin-left: 20px;
      	margin-right: 20px;
      	margin-top: 15px;
      	margin-bottom: 15px;
      	color: rgba(0,0,0,1);
      	overflow: hidden;
      	}
      	@media only screen and (max-width: 399px) { #turnier {width: 300px; font-size: 14px;} }
      	@media only screen and (min-width: 400px) and (max-width: 499px) { #turnier {width: 300px; font-size: 14px;} }
      	@media only screen and (min-width: 500px) and (max-width: 639px) { #turnier {width: 300px; font-size: 14px;} }
      	@media only screen and (min-width: 640px) and (max-width: 949px) { #turnier {width: 300px; font-size: 14px;} }
      	@media only screen and (min-width: 950px) and (max-width: 1199px) { #turnier {width: 300px; font-size: 14px;} }
      	@media only screen and (min-width: 1200px) { #turnier {width: 300px; max-width: 400px; font-size: 14px;} }
/*
      	   	.rahmen_nintendo {box-shadow: -2px 0px 1px rgb(100,100,100), 0px -2px 1px rgb(100,100,100), 2px 2px 1px rgb(255,255,255);}
      	   	.rahmen_pc {box-shadow: -2px 0px 1px rgb(100,100,100), 0px -2px 1px rgb(100,100,100), 2px 2px 1px rgb(255,255,255);}
      	   	.rahmen_playstation {box-shadow: -2px 0px 1px rgb(138,75,8), 0px -2px 1px rgb(138,75,8), 2px 2px 1px rgb(255,128,0);}
      	   	.rahmen_xbox {box-shadow: -2px 0px 1px rgb(0,75,0), 0px -2px 1px rgb(0,75,0), 2px 2px 1px rgb(50,150,77);}
      	   	.rahmen_newgen {box-shadow: -2px 0px 1px rgb(0,75,0), 0px -2px 1px rgb(0,75,0), 2px 2px 1px rgb(50,150,77);}
      	   	.rahmen_oldgen {box-shadow: -2px 0px 1px rgb(0,75,0), 0px -2px 1px rgb(0,75,0), 2px 2px 1px rgb(50,150,77);}
      	   	.rahmen_ohne {box-shadow: -2px 0px 1px rgb(0,75,0), 0px -2px 1px rgb(0,75,0), 2px 2px 1px rgb(50,150,77);}
*/
/*
      	   	.rahmen_nintendo {background-image: linear-gradient(45deg, rgb(20,20,20) 30%, rgb(50,50,50) 50%, rgb(20,20,20) 70%);}
      	   	.rahmen_pc {background-image: linear-gradient(45deg, rgb(20,20,20) 30%, rgb(50,50,50) 50%, rgb(20,20,20) 70%);}
      	   	.rahmen_playstation {background-image: linear-gradient(45deg, rgb(20,20,20) 30%, rgb(2,47,110) 50%, rgb(20,20,20) 70%);}
      	   	.rahmen_xbox {background-image: linear-gradient(45deg, rgb(20,20,20) 30%, rgb(0,38,0) 50%, rgb(20,20,20) 70%);}
      	   	.rahmen_newgen {background-image: linear-gradient(45deg, rgb(20,20,20) 30%, rgb(0,38,0) 50%, rgb(20,20,20) 70%);}
      	   	.rahmen_oldgen {background-image: linear-gradient(45deg, rgb(20,20,20) 30%, rgb(0,38,0) 50%, rgb(20,20,20) 70%);}
      	   	.rahmen_ohne {background-image: linear-gradient(45deg, rgb(20,20,20) 30%, rgb(0,38,0) 50%, rgb(20,20,20) 70%);}
*/
/*
      	   	.rahmen_nintendo {background-image: linear-gradient(45deg, rgb(50,50,50) 0%, rgb(20,20,20) 25%, rgb(50,50,50) 50%, rgb(20,20,20) 75%, rgb(50,50,50) 100%);}
      	   	.rahmen_pc {background-image: linear-gradient(45deg, rgb(50,50,50) 0%, rgb(20,20,20) 25%, rgb(50,50,50) 50%, rgb(20,20,20) 75%, rgb(50,50,50) 100%);}
      	   	.rahmen_playstation {background-image: linear-gradient(45deg, rgb(2,13,75) 0%, rgb(20,20,20) 25%, rgb(2,13,75) 50%, rgb(20,20,20) 75%, rgb(2,13,75) 100%);}
      	   	.rahmen_xbox {background-image: linear-gradient(45deg, rgb(0,38,0) 0%, rgb(20,20,20) 25%, rgb(0,38,0) 50%, rgb(20,20,20) 75%, rgb(0,38,0) 100%);}
      	   	.rahmen_newgen {background-image: linear-gradient(45deg, rgb(0,38,0) 0%, rgb(20,20,20) 25%, rgb(0,38,0) 50%, rgb(20,20,20) 75%, rgb(0,38,0) 100%);}
      	   	.rahmen_oldgen {background-image: linear-gradient(45deg, rgb(0,38,0) 0%, rgb(20,20,20) 25%, rgb(0,38,0) 50%, rgb(20,20,20) 75%, rgb(0,38,0) 100%);}
      	   	.rahmen_ohne {background-image: linear-gradient(45deg, rgb(0,38,0) 0%, rgb(20,20,20) 25%, rgb(0,38,0) 50%, rgb(20,20,20) 75%, rgb(0,38,0) 100%);}
*/
      	      	      	
      	#turnier #turnier_titel
      	   {
      	   flex-grow: 1;
      	   color: rgba(0,29,71,1);
      	   background-color: rgba(255,255,255,1);
      	   box-sizing: border-box;
      	   border-top-style: solid;
      	   border-top-width: 3px;
      	   border-top-color: rgba(0,29,71,1);
      	   border-left-style: solid;
      	   border-left-width: 3px;
      	   border-left-color: rgba(0,29,71,1);
      	   width: 100%;
      	   margin: 0;
      	   padding: 10px;
      	   font-weight: bold;
      	   text-align: center;
      	   font-size: 20px;
      	   }
      	      	      	
      	#turnier_bild
      	   {
      	   position: relative;
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   flex-wrap: wrap;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: center;
      	   -webkit-justify-content: center;
      	   justify-content: center;
      	   box-sizing: border-box;
      	   border-left-style: solid;
      	   border-left-width: 3px;
      	   border-left-color: rgba(0,29,71,1);
      	   overflow: hidden;
      	   margin: 0;
      	   width: 100%;
      	   height: auto;
      	   background-color: rgba(255,255,255,1);
      	   }
      	   #turnier #turnier_bild:nth-child(2) { flex-grow: 2; }
      	      	      	
      	   #turnier_bild img
      	      {
      	      position: relative;
      	      box-sizing: border-box;
      	      width: auto;
      	      height: auto;
      	      max-width: 100%;
      	      max-height: 169px;
      	      }
      	      	      	
      	#turnier #turnier_informationen
      	   {
      	   color: rgba(0,29,71,1);
      	   background-color: rgba(255,255,255,1);
      	   box-sizing: border-box;
      	   width: 100%;
      	   margin: 0;
      	   padding: 15px 5px 15px 5px;
      	   font-weight: bold;
      	   text-align: center;
      	   font-size: 16px;
      	   }
      	   #turnier #turnier_informationen:nth-child(2) { flex-grow: 2; }
      	      	      	
      	#turnier #turnier_details
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: column;
      	   flex-wrap: wrap;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: center;
      	   -webkit-justify-content: space-between;
      	   justify-content: space-between;
      	   box-sizing: border-box;
      	   border-right-style: solid;
      	   border-right-width: 3px;
      	   border-right-color: rgba(0,29,71,1);
      	   background-color: rgba(255,255,255,1);
      	   overflow: hidden;
      	   margin: 0;
      	   padding: 10px 5px 5px 5px;
      	   width: 100%;
      	   }
      	   #turnier #turnier_details:nth-child(2) { flex-grow: 2; }
      	      	      	
      	   #turnier #turnier_details p
      	      {
      	      width: 100%;
      	      margin: 0;
      	      text-align: center;
      	      }
      	      	      	
      	   #turnier #turnier_details #teammodus
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      width: 100%;
      	      margin-bottom: 5px;
      	      text-align: center;
      	      font-weight: bold;
      	      }
      	      	      	
      	      #turnier #turnier_details #teammodus img
      	      	{
      	      	width: auto;
      	      	max-width: 40px;
      	      	height: auto;
      	      	max-height: 30px;
      	      	}
      	      	      	
      	   #turnier #turnier_details #dabei
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      color: rgba(0,255,0,1);
      	      width: 100%;
      	      margin: 0;
      	      text-align: center;
      	      font-weight: bold;
      	      }
      	      	      	
      	      #turnier #turnier_details #dabei img
      	      	{
      	      	width: auto;
      	      	max-width: 30px;
      	      	height: auto;
      	      	max-height: 14px;
      	      	}
      	      	      	
      	#turnier #turnier_teilnehmer
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   flex-wrap: wrap;
      	   -webkit-align-items: stretch;
      	   align-items: stretch;
      	   align-content: center;
      	   -webkit-justify-content: space-between;
      	   justify-content: space-between;
      	   box-sizing: border-box;
      	   border-right-style: solid;
      	   border-right-width: 3px;
      	   border-right-color: rgba(0,29,71,1);
      	   background-color: rgba(255,255,255,1);
      	   overflow: hidden;
      	   margin: 0;
      	   width: 100%;
      	   height: 20px;
      	   }
      	   #turnier #turnier_teilnehmer:nth-child(2) { flex-grow: 2; }
      	      	      	
      	   #turnier #turnier_teilnehmer #tt_zusagen
      	      {
      	      height: 100%;
      	      margin: 0;
      	      background-color: rgba(0,29,71,1);
      	      }
      	      	      	
      	   #turnier #turnier_teilnehmer #tt_offen
      	      {
      	      height: 100%;
      	      margin: 0;
      	      background-color: rgba(211,211,211,1);
      	      }
      	      	      	
      	#turnier #turnier_button
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   flex-wrap: wrap;
      	   -webkit-align-items: stretch;
      	   align-items: stretch;
      	   align-content: center;
      	   -webkit-justify-content: center;
      	   justify-content: center;
      	   box-sizing: border-box;
      	   -webkit-border-radius: 5px;
      	   -webkit-appearance: none; 
      	   border-radius: 5px;
      	   overflow: hidden;
      	   margin-top: 10px;
      	   margin-bottom: 5px;
      	   width: 95%;
      	   }
      	   #turnier #turnier_button:nth-child(2) { flex-grow: 2; }
      	      	      	
      	   #turnier #turnier_button a
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      -webkit-border-radius: 2px;
      	      -webkit-appearance: none; 
      	      border-radius: 2px;
      	      border-style: solid;
      	      border-width: 2px;
      	      border-color: rgba(0,29,71,1);
      	      color: rgba(255,255,255,1);
      	      background-color: rgba(0,29,71,1);
      	      width: auto;
      	      height: auto;
      	      margin: 10px 0px;
      	      padding: 8px 20px;
      	      text-align: center;
      	      font-weight: bold;
      	      transition: ease 0.3s;
      	      }
      	      	      	
      	      #turnier #turnier_button a:hover, #turnier #turnier_button a:focus, #turnier #turnier_button a:active
      	      	{
      	      	border-color: rgba(221,6,64,1);
      	      	color: rgba(255,255,255,1);
      	      	background-color: rgba(221,6,64,1);
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	#turnier_angemeldet, #turnier_angemeldet2
      	   {
      	   position: absolute;
      	   top: 0;
      	   right: 0;
      	   box-sizing: border-box;
      	   -moz-transform: rotate(45deg);
      	   -ms-transform: rotate(45deg);
      	   -o-transform: rotate(45deg);
      	   -webkit-transform: rotate(45deg);
      	   transform: rotate(45deg);
      	   background-image: linear-gradient(to top, rgb(200,20,20) 0%, rgb(255,60,60) 50%);
      	   border-bottom-style: solid;
      	   border-bottom-width: 1px;
      	   border-bottom-color: rgb(200,20,20);
      	   color: rgb(255,255,255);
      	   text-align: center;
      	   -webkit-user-select: none;
      	   -moz-user-select: none;
      	   -ms-user-select: none;
      	   user-select: none;
      	   }
      	   @media only screen and (max-width: 399px) { #turnier_angemeldet, #turnier_angemeldet2 {} }
      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_angemeldet, #turnier_angemeldet2 {} }
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_angemeldet, #turnier_angemeldet2 {} }
      	   @media only screen and (min-width: 1200px) { #turnier_angemeldet, #turnier_angemeldet2 {} }
      	   #turnier_angemeldet
      	      {
      	      margin-right: -42px;
      	      margin-top: -12px;
      	      padding: 20px 25px 5px 25px;
      	      }
      	   #turnier_angemeldet2
      	      {
      	      
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_angemeldet2 {margin-right: -45px; margin-top: -11px; padding: 22px 25px 5px 25px;} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_angemeldet2 {margin-right: -45px; margin-top: -11px; padding: 22px 25px 5px 25px;} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_angemeldet2 {margin-right: -48px; margin-top: -10px; padding: 20px 25px 5px 25px;} }
      	      @media only screen and (min-width: 1200px) { #turnier_angemeldet2 {margin-right: -47px; margin-top: -9px; padding: 19px 25px 5px 25px;} }
      	      	      	
   /* ----------------------------- Ansicht Einzelturnier ----------------------------- */
/*
   #support
      {
      z-index: 999;
      bottom: 0;
      position: absolute;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      -webkit-align-items: center;
      align-items: center;
      align-content: flex-start;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      box-sizing: border-box;
      margin: 0 0 70px 0;
      padding-top: 0;
      width: 82%;
      color: rgba(0,0,0,1);
      pointer-events: none;
      }
      @media only screen and (max-width: 399px) { #support {} }
      @media only screen and (min-width: 400px) and (max-width: 779px) { #support {} }
      @media only screen and (min-width: 780px) and (max-width: 1199px) { #support {} }
      @media only screen and (min-width: 1200px) { #support {font-size: 40%;} }
      	      	      	
      	   #support .logo
      	      {
      	      position: relative;
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: flex-start;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      padding: 0px;
      	      text-align: center;
      	      font-family: firasans;
      	      font-weight: bold;
      	      width: 44%;
      	      }
      	      @media only screen and (max-width: 499px) {#support .logo {margin-left: 5px; margin-right: 5px;}}
      	      @media only screen and (min-width: 500px) and (max-width: 779px) {#support .logo {margin-left: 8px; margin-right: 8px;}}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#support .logo {margin-left: 10px; margin-right: 10px;}}
      	      @media only screen and (min-width: 1200px) {#support .logo {margin-left: 15px; margin-right: 15px;}}
      	      	      	
      	      #support .logo a
      	      	{
      	      	pointer-events: auto;
      	      	}
      	      	      	
      	      	#support .logo a img
      	      	   {
      	      	   width: auto;
      	      	   height: auto;
      	      	   margin-left: 10px;
      	      	   }
      	      	   @media only screen and (max-width: 499px) {#support .logo a img {max-height: 30px;}}
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#support .logo a img {max-height: 35px;}}
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#support .logo a img {max-height: 40px;}}
      	      	   @media only screen and (min-width: 1200px) {#support .logo a img {max-height: 50px;}}
*/
      	      	      	
   #turnier_uebersicht
      {
      position: relative;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: flex-start;
      -webkit-justify-content: center;
      justify-content: center;
      box-sizing: border-box;
      width: 100%;
      color: rgba(0,0,0,1);
      }
      @media only screen and (max-width: 399px) { #turnier_uebersicht {} }
      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht {} }
      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht {} }
      @media only screen and (min-width: 1200px) { #turnier_uebersicht {} }
      	      	      	
      #turnier_uebersicht #rahmen
      	{
      	position: relative;
      	box-sizing: border-box;
      	overflow: hidden;
      	}
      	@media only screen and (max-width: 399px) { #turnier_uebersicht #rahmen { margin: 10px 0px; padding: 10px 0px; } }
      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht #rahmen { margin: 15px 0px; padding: 10px 0px; } }
      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht #rahmen { margin: 15px 0px; padding: 10px 0px; } }
      	@media only screen and (min-width: 1200px) { #turnier_uebersicht #rahmen { margin: 15px 0px; padding: 10px 0px; } }
      	      	      	
   #turnier_uebersicht #bg_rahmen
      {
      position: relative;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: flex-start;
      -webkit-justify-content: center;
      justify-content: center;
      box-sizing: border-box;
      margin-left: auto;
      margin-right: auto;
      background-color: rgba(255,255,255,0.7);
      }
      @media only screen and (max-width: 399px) { #turnier_uebersicht #bg_rahmen { width: 100%; } }
      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht #bg_rahmen { width: 100%; } }
      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht #bg_rahmen { width: 100%; } }
      @media only screen and (min-width: 1200px) { #turnier_uebersicht #bg_rahmen { width: 95%; max-width: 1800px; } }
      	      	      	
      #turnier_uebersicht #bg_rahmen #rahmen
      	{
      	position: relative;
      	box-sizing: border-box;
      	overflow: hidden;
      	}
      	@media only screen and (max-width: 399px) { #turnier_uebersicht #bg_rahmen #rahmen { margin: 10px 0px; padding: 10px 5px; } }
      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht #bg_rahmen #rahmen { margin: 15px 0px; padding: 10px 10px; } }
      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht #bg_rahmen #rahmen { margin: 15px 0px; padding: 10px 10px; } }
      	@media only screen and (min-width: 1200px) { #turnier_uebersicht #bg_rahmen #rahmen { margin: 15px 0px; padding: 10px 25px; } }
      	      	      	
      #turnier_uebersicht #auswahl
      	{
      	background-color: rgba(255,255,255,0.7);
      	position: relative;
      	box-sizing: border-box;
      	padding: 10px 0px 10px 0px;
      	overflow: hidden;
      	}
      	@media only screen and (max-width: 399px) { #turnier_uebersicht #auswahl {width: 100%; padding-bottom: 55px;} }
      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht #auswahl {width: 100%; padding-bottom: 60px;} }
      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht #auswahl {width: 100%; padding-bottom: 60px;} }
      	@media only screen and (min-width: 1200px) { #turnier_uebersicht #auswahl {width: 95%; min-height: 100px; padding-bottom: 20px;} }
      	      	      	
      #turnier_uebersicht .linksoben
      	{
      	
      	}
      	@media only screen and (max-width: 779px) { #turnier_uebersicht .linksoben { border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: rgba(0,29,71,1); } }
      	@media only screen and (min-width: 780px) { #turnier_uebersicht .linksoben { border-right-style: solid; border-right-width: 3px; border-right-color: rgba(0,29,71,1); } }
      	      	      	
      #turnier_uebersicht .rechtsoben
      	{
      	
      	}
      	@media only screen and (max-width: 779px) { #turnier_uebersicht .rechtsoben { border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: rgba(0,29,71,1); 
} }
      	@media only screen and (min-width: 780px) { #turnier_uebersicht .rechtsoben { border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: rgba(0,29,71,1); 
} }
      	      	      	
      #turnier_uebersicht .linksunten
      	{
      	
      	}
      	@media only screen and (max-width: 779px) { #turnier_uebersicht .linksunten { border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: rgba(0,29,71,1); } }
      	@media only screen and (min-width: 780px) { #turnier_uebersicht .linksunten { border-top-style: solid; border-top-width: 3px; border-top-color: rgba(0,29,71,1); border-right-style: solid; border-right-width: 3px; border-right-color: rgba(0,29,71,1); } }
      	      	      	
      #turnier_uebersicht .rechtsunten
      	{
      	
      	}
      	@media only screen and (max-width: 779px) { #turnier_uebersicht .rechtsunten {} }
      	@media only screen and (min-width: 780px) { #turnier_uebersicht .rechtsunten {} }
      	      	      	
      #turnier_uebersicht .box
      	{
      	position: relative;
      	box-sizing: border-box;
      	padding: 10px 25px 10px 25px;
      	}
      	      	      	
      	#turnier_uebersicht .box:not(:target)
      	   {
      	   display: none;
      	   }
      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .box:not(:target) {} }
      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .box:not(:target) {} }
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .box:not(:target) {} }
      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .box:not(:target) {} }
      	      	      	
      	#turnier_uebersicht .box:target
      	   {
      	   display: flex;
      	   pointer-events: none;
      	   }
      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .box:target {padding-top: 110px; margin-top: -110px;} }
      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .box:target {padding-top: 130px; margin-top: -130px;} }
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .box:target {padding-top: 150px; margin-top: -150px;} }
      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .box:target {padding-top: 160px; margin-top: -160px;} }
      	      	      	
      #turnier_uebersicht #menue
      	{
      	position: relative;
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: stretch;
      	align-items: stretch;
      	align-content: flex-start;
      	-webkit-justify-content: center;
      	justify-content: center;
      	box-sizing: border-box;
      	margin-left: auto;
      	margin-right: auto;
      	}
      	@media only screen and (max-width: 399px) { #turnier_uebersicht #menue {width: 90%;} }
      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht #menue {width: 85%;} }
      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht #menue {width: 85%;} }
      	@media only screen and (min-width: 1200px) { #turnier_uebersicht #menue {width: 85%;} }
      	      	      	
      	   #turnier_uebersicht #menue a
      	      {
      	      -webkit-border-radius: 2px;
      	      -webkit-appearance: none; 
      	      border-radius: 2px;
      	      border-style: solid;
      	      border-width: 2px;
      	      border-color: rgba(0,29,71,1);
      	      box-sizing: border-box;
      	      color: rgba(255,255,255,1);
      	      background-color: rgba(0,29,71,1);
      	      margin: 5px 10px;
      	      padding: 4px 4px 4px 4px;
      	      text-align: center;
      	      font-weight: bold;
      	      transition: ease 0.3s;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht #menue a {font-size: 83%;} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht #menue a {font-size: 90%;} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht #menue a {font-size: 95%;} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht #menue a {font-size: 100%;} }
      	      	      	
      	      #turnier_uebersicht #menue a:hover, #turnier_uebersicht #menue a:focus, #turnier_uebersicht #menue a:active
      	      	{
      	      	border-color: rgba(221,6,64,1);
      	      	color: rgba(255,255,255,1);
      	      	background-color: rgba(221,6,64,1);
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	   #turnier_uebersicht #spielplan
      	      {
      	      position: relative;
      	      flex-direction: column;
      	      flex-wrap: nowrap;
            -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      width: 100%;
      	      text-align: left;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht #spielplan {} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht #spielplan {} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht #spielplan {} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht #spielplan {} }
      	      	      	
      	   #turnier_uebersicht #details
      	      {
      	      position: relative;
      	      flex-direction: column;
      	      flex-wrap: nowrap;
            -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      width: 100%;
      	      text-align: center;
      	      font-family: firasans;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht #details {} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht #details {} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht #details {} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht #details {} }
      	      	      	
      	      #turnier_uebersicht #details #details_angaben
      	      	{
      	      	position: relative;
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: nowrap;
            	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: flex-start;
      	      	-webkit-justify-content: flex-start;
      	      	justify-content: flex-start;
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	margin-bottom: 10px;
      	      	text-align: left;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht #details #details_angaben {} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht #details #details_angaben {} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht #details #details_angaben {} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht #details #details_angaben {} }
      	      	      	
      	      	#turnier_uebersicht #details #details_angaben #bild
      	      	   {
      	      	   position: relative;
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: row;
      	      	   flex-wrap: nowrap;
            	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: center;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   width: 30px;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht #details #details_angaben #bild {height: 12px; margin-right: 5px;} }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht #details #details_angaben #bild {height: 14px; margin-right: 5px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht #details #details_angaben #bild {height: 16px; margin-right: 5px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht #details #details_angaben #bild {height: 16px; margin-right: 5px;} }
      	      	      	
      	      	   #turnier_uebersicht #details #details_angaben img
      	      	      {
      	      	      width: auto;
      	      	      height: auto;
      	      	      max-width: 100%;
      	      	      max-height: 100%;
      	      	      }
      	      	      	
      	      	#turnier_uebersicht #details #details_angaben p
      	      	   {
      	      	   text-align: left;
      	      	   margin-top: 0px;
      	      	   margin-bottom: 0px;
      	      	   }
      	      	      	
      	   #turnier_uebersicht #regeln
      	      {
      	      padding-left: 20px;
      	      padding-right: 20px;
      	      }
      	      	      	
      	      #turnier_uebersicht #regeln a
      	      	{
      	      	color: rgba(221,6,64,1);
      	      	text-decoration: none;
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	      	#turnier_uebersicht #regeln a:focus, #turnier_uebersicht #regeln a:active, #turnier_uebersicht #regeln a:hover
      	      	   {
      	      	   color: rgba(221,6,64,1);
      	      	   text-decoration: underline;
      	      	   transition: ease 0.3s;
      	      	   }
      	      	      	
      	   #turnier_uebersicht #preise
      	      {
      	      padding-left: 20px;
      	      padding-right: 20px;
      	      }
      	      	      	
      	   #turnier_uebersicht #informationen
      	      {
      	      position: relative;
      	      flex-direction: column;
      	      flex-wrap: nowrap;
            -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      width: 100%;
      	      text-align: justify;
      	      font-family: firasans;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht #informationen {} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht #informationen {} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht #informationen {} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht #informationen {} }
      	      	      	
      	/* ------------------------- Box Details ------------------------- */
      	   #turnier_uebersicht .details
      	      {
      	      position: relative;
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: nowrap;
            -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      text-align: left;
      	      font-family: firasans;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .details {width: 100%; padding: 10px; } }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .details {width: 100%; padding: 10px; } }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .details {width: 45%; padding: 10px; } }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .details {width: 45%; padding: 10px 20px; } }
      	      	      	
      	      #turnier_uebersicht .details  h2
      	      	   {
      	      	   color: rgba(0,29,71,1);
      	      	   }
      	      	   @media only screen and (max-width: 499px) { #turnier_uebersicht .details h2 {font-size: 22px;} }
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .details h2 {font-size: 30px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .details h2 {font-size: 25px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .details h2 {font-size: 30px;} }
      	      	      	
      	      #turnier_uebersicht .details #details_angaben
      	      	{
      	      	position: relative;
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: column;
      	      	flex-wrap: nowrap;
            	-webkit-align-items: flex-start;
      	      	align-items: flex-start;
      	      	align-content: flex-start;
      	      	-webkit-justify-content: flex-start;
      	      	justify-content: flex-start;
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	}
      	      	      	
      	      #turnier_uebersicht .details .letzter_eintrag
      	      	{
      	      	
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .details .letzter_eintrag { padding-bottom: 40px; } }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .details .letzter_eintrag { padding-bottom: 40px; } }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .details .letzter_eintrag { padding-bottom: 60px; } }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .details .letzter_eintrag { padding-bottom: 60px; } }
      	      	      	
      	      	#turnier_uebersicht .details .letzter_eintrag a
      	      	   {
      	      	   box-sizing: border-box;
      	      	   -webkit-border-radius: 5px;
      	      	   -webkit-appearance: none; 
      	      	   border-radius: 5px;
      	      	   border-style: solid;
      	      	   border-width: 2px;
      	      	   border-color: rgb(0,155,205);
      	      	   background-image: linear-gradient(to right, rgb(20,20,20) 0%, rgb(60,60,60) 50%, rgb(20,20,20) 100%);
      	      	   width: auto;
      	      	   margin-bottom: 15px;
      	      	   padding: 4px 4px 4px 4px;
      	      	   text-align: center;
      	      	   font-weight: bold;
      	      	   transition: ease 0.5s;
      	      	   }
      	      	      	
      	      	   #turnier_uebersicht .details .letzter_eintrag a:hover, #turnier_uebersicht .details .letzter_eintrag a:focus, #turnier_uebersicht .details .letzter_eintrag a:active
      	      	      {
      	      	      border-color: rgb(0,125,190);
      	      	      background-image: linear-gradient(to right, rgb(10,10,10) 0%, rgb(40,40,40) 50%, rgb(10,10,10) 100%);
      	      	      transition: ease 0.5s;
      	      	      }
      	      	      	
      	      	#turnier_uebersicht .details #details_angaben #bild
      	      	   {
      	      	   position: relative;
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: row;
      	      	   flex-wrap: nowrap;
            	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: center;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   width: 30px;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .details #details_angaben #bild {height: 12px; margin-right: 5px;} }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .details #details_angaben #bild {height: 14px; margin-right: 5px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .details #details_angaben #bild {height: 16px; margin-right: 5px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .details #details_angaben #bild {height: 16px; margin-right: 5px;} }
      	      	      	
      	      	   #turnier_uebersicht .details #details_angaben img
      	      	      {
      	      	      width: auto;
      	      	      height: auto;
      	      	      max-width: 100%;
      	      	      max-height: 100%;
      	      	      }
      	      	      	
      	      	#turnier_uebersicht .details #details_angaben p
      	      	   {
      	      	   box-sizing: border-box;
      	      	   text-align: left;
      	      	   margin-top: 3px;
      	      	   margin-bottom: 3px;
      	      	   }
      	      	      	
      	      	   #turnier_uebersicht .details #details_angaben p#countdown_datum
      	      	      {
      	      	      box-sizing: border-box;
      	      	      width: 100%;
      	      	      color: rgba(255,0,0,1);
      	      	      text-align: left;
      	      	      font-weight: bold;
      	      	      text-indent: 0px;
      	      	      font-size: 90%;
      	      	      }
      	      	      	
      	      	#turnier_uebersicht .details #details_angaben ul      	      	   {
      	      	   box-sizing: border-box;
      	      	   list-style-type: none;
      	      	   margin-top: 0px;
      	      	   margin-left: 5px;
      	      	   text-indent: -30px;
      	      	   }
      	      	      	
      	      	   #turnier_uebersicht .details #details_angaben ul li:before      	      	      {
      	      	      content: "\2713";
      	      	      padding-right: 5px;
      	      	      }
      	      	      	
      	/* ------------------------- Box Regeln ------------------------- */
      	   #turnier_uebersicht .regeln
      	      {
      	      position: relative;
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: nowrap;
            -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      text-align: left;
      	      font-family: firasans;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .regeln {width: 100%;} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .regeln {width: 100%;} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .regeln {width: 45%;} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .regeln {width: 45%;} }
      	      	      	
      	      #turnier_uebersicht .regeln h2
      	      	   {
      	      	   color: rgba(0,29,71,1);
      	      	   font-size: 30px;
      	      	   }
      	      	   @media only screen and (max-width: 499px) { #turnier_uebersicht .regeln h2 {font-size: 22px;} }
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .regeln h2 {font-size: 30px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .regeln h2 {font-size: 25px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .regeln h2 {font-size: 30px;} }
      	      	      	
      	      #turnier_uebersicht .regeln #details_angaben
      	      	{
      	      	position: relative;
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: column;
      	      	flex-wrap: nowrap;
            	-webkit-align-items: flex-start;
      	      	align-items: flex-start;
      	      	align-content: flex-start;
      	      	-webkit-justify-content: flex-start;
      	      	justify-content: flex-start;
      	      	box-sizing: border-box;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .regeln #details_angaben {} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .regeln #details_angaben {} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .regeln #details_angaben {} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .regeln #details_angaben {} }
      	      	      	
      	      	   #turnier_uebersicht .regeln #details_angaben img
      	      	      {
      	      	      width: auto;
      	      	      height: auto;
      	      	      max-width: 82%;
      	      	      max-height: 300px;
      	      	      }
      	      	      	
      	      	#turnier_uebersicht .regeln #details_angaben p
      	      	   {
      	      	   box-sizing: border-box;
      	      	   text-align: left;
      	      	   margin-top: 3px;
      	      	   margin-bottom: 3px;
      	      	   }
      	      	      	
      	      	#turnier_uebersicht .regeln #details_angaben ul, #regeln #pointer_auto ul
      	      	   {
      	      	   box-sizing: border-box;
      	      	   list-style-type: none;
      	      	   margin-left: -5px;
      	      	   text-indent: -30px;
      	      	   }
      	      	      	
      	      	   #turnier_uebersicht .regeln #details_angaben ul li:before, #regeln #pointer_auto ul li:before
      	      	      {
      	      	      content: "\261E";
      	      	      padding-right: 5px;
      	      	      }
      	      	      	
      	#turnier_uebersicht .regeln p#alle_regeln
      	   {
      	   text-align: center;
      	   margin-top: 10px;
      	   width: 90%;
      	   }
      	      	      	
      	   #turnier_uebersicht .regeln p#alle_regeln a
      	      {
      	      border: none;
      	      box-sizing: border-box;
      	      padding: 5px 10px 5px 10px;
      	      color: rgba(255,255,255,1);
      	      background-color: rgba(0,29,71,1);
      	      border-style: solid;
      	      border-width: 2px;
      	      border-color: rgba(0,29,71,1);
      	      -webkit-border-radius: 2px;
      	      -webkit-appearance: none; 
      	      border-radius: 2px;
      	      transition: ease 0.3s;
      	      }
      	      	      	
      	      #turnier_uebersicht .regeln p#alle_regeln a:hover, #turnier_uebersicht .regeln p#alle_regeln a:focus, #turnier_uebersicht .regeln p#alle_regeln a:active
      	      	{
      	      	cursor: pointer;
      	      	color: rgba(255,255,255,1);
      	      	background-color: rgba(221,6,64,1);
      	      	border-color: rgba(221,6,64,1);
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	/* ------------------------- Box Preise ------------------------- */
      	   #turnier_uebersicht .preise
      	      {
      	      position: relative;
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: nowrap;
            -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      text-align: left;
      	      font-family: firasans;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .preise {width: 100%;} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .preise {width: 100%;} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .preise {width: 45%;} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .preise {width: 45%;} }
      	      	      	
      	      #turnier_uebersicht .preise h2
      	      	   {
      	      	   color: rgba(0,29,71,1);
      	      	   }
      	      	   @media only screen and (max-width: 499px) { #turnier_uebersicht .preise h2 {font-size: 22px;} }
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .preise h2 {font-size: 30px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .preise h2 {font-size: 25px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .preise h2 {font-size: 30px;} }
      	      	      	
      	      #turnier_uebersicht .preise #details_angaben
      	      	{
      	      	position: relative;
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: column;
      	      	flex-wrap: nowrap;
            	-webkit-align-items: flex-start;
      	      	align-items: flex-start;
      	      	align-content: flex-start;
      	      	-webkit-justify-content: flex-start;
      	      	justify-content: flex-start;
      	      	box-sizing: border-box;
      	      	width: 85%;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .preise #details_angaben {} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .preise #details_angaben {} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .preise #details_angaben {} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .preise #details_angaben {} }
      	      	      	
      	      	   #turnier_uebersicht .preise #details_angaben img
      	      	      {
      	      	      width: auto;
      	      	      height: auto;
      	      	      max-width: 82%;
      	      	      max-height: 300px;
      	      	      }
      	      	      	
      	      	#turnier_uebersicht .preise #details_angaben p
      	      	   {
      	      	   box-sizing: border-box;
      	      	   text-align: left;
      	      	   margin-top: 3px;
      	      	   margin-bottom: 3px;
      	      	   }
      	      	      	
      	      	#turnier_uebersicht .preise #details_angaben ul
      	      	   {
      	      	   box-sizing: border-box;
      	      	   list-style-type: none;
      	      	   margin-left: -5px;
      	      	   text-indent: -30px;
      	      	   }
      	      	      	
      	      	   #turnier_uebersicht .preise #details_angaben ul li:before
      	      	      {
      	      	      content: "\261E";
      	      	      padding-right: 5px;
      	      	      }
      	      	      	
      	/* ------------------------- Box Sponsoren ------------------------- */
      	   #turnier_uebersicht .sponsoren
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: space-around;
      	      justify-content: space-around;
      	      width: 90%;
      	      border-bottom-style: solid;
      	      border-bottom-width: 3px;
      	      border-bottom-color: rgba(0,29,71,1);
      	      padding-bottom: 20px;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .sponsoren {} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .sponsoren {} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .sponsoren {} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .sponsoren { /* max-width: 1400px; */} }
      	      	      	
      	      #turnier_uebersicht .sponsoren #sponsorenlogo
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: column;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: center;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	margin-top: 10px;
      	      	margin-bottom: 10px;
      	      	padding: 5px 5px;
      	      	width: auto;
      	      	height: auto;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .sponsoren #sponsorenlogo {max-width: 45%; max-height: 100px;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .sponsoren #sponsorenlogo {max-width: 30%; max-height: 100px;} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .sponsoren #sponsorenlogo {max-width: 22%; max-height: 100px;} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .sponsoren #sponsorenlogo {max-width: 15%; max-height: 100px;} }
      	      	      	
      	      	#turnier_uebersicht .sponsoren #sponsorenlogo img
      	      	   {
      	      	   width: auto;
      	      	   max-width: 100%;
      	      	   height: auto;
      	      	   max-height: 100px;
/*
      	      	   -webkit-filter: grayscale(100%);
      	      	   filter: grayscale(100%);
      	      	   transition: ease 1s;
*/
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .sponsoren #sponsorenlogo img {} }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .sponsoren #sponsorenlogo img {} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .sponsoren #sponsorenlogo img {} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .sponsoren #sponsorenlogo img {} }
      	      	      	
      	      	   #turnier_uebersicht .sponsoren #sponsorenlogo img:hover
      	      	      {
/*
      	      	      -webkit-filter: grayscale(0%);
      	      	      filter: grayscale(0%);
      	      	      transition: ease 1s;
*/
      	      	      }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .sponsoren #sponsorenlogo img:hover {} }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .sponsoren #sponsorenlogo img:hover {} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .sponsoren #sponsorenlogo img:hover {} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .sponsoren #sponsorenlogo img:hover {} }
      	      	      	
      	/* ------------------------- Box Text ------------------------- */
      	   #turnier_uebersicht .text
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: wrap;
      	      -webkit-align-items: stretch;
      	      align-items: stretch;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      text-align: justify;
      	      font-family: firasans;
      	      height: auto;
      	      padding: 30px;
      	      background-color: rgba(255,255,255,0.7);
      	      }
      	      @media only screen and (max-width: 499px) { #turnier_uebersicht .text { width: 100%; } }
      	      @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .text { width: 100%; } }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .text { width: 100%; } }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .text { width: 95%; max-width: 1800px; } }
      	      	      	
      	      #turnier_uebersicht .text #text_anfang
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: column;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: stretch;
      	      	align-items: stretch;
      	      	align-content: flex-start;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	}
      	      	      	
      	      	#turnier_uebersicht .text #text_anfang h2
      	      	   {
      	      	   color: rgba(0,29,71,1);
      	      	   width: 100%;
      	      	   text-align: center;
      	      	   }
      	      	   @media only screen and (max-width: 499px) { #turnier_uebersicht .text #text_anfang h2 {font-size: 22px;} }
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .text #text_anfang h2 {font-size: 30px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .text #text_anfang h2 {font-size: 25px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .text #text_anfang h2 {font-size: 30px;} }
      	      	      	
      	      #turnier_uebersicht .text #text_mitte
      	      	{
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	font-family: firasans;
      	      	}
      	      	@media only screen and (max-width: 499px) { #turnier_uebersicht .text #text_mitte { padding: 0px 10px; } }
      	      	@media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .text #text_mitte { padding: 0px 10px; } }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .text #text_mitte { padding: 0px 15px; } }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .text #text_mitte { padding: 0px 25px; } }
      	      	      	
      	/* ------------------------- Box Aktuelles Spiel ------------------------- */
      	   #turnier_uebersicht .aktuelles_spiel
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: stretch;
      	      align-items: stretch;
      	      align-content: flex-start;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      min-height: 150px;
      	      font-family: firasans;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel {width: 100%;} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel {width: 90%;} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel {width: 65%;} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel {width: 65%;} }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel h2
      	      	   {
      	      	   width: 100%;
      	      	   text-align: center;
      	      	   }
      	      	   @media only screen and (max-width: 499px) { #turnier_uebersicht .aktuelles_spiel h2 {font-size: 22px;} }
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel h2 {font-size: 30px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel h2 {font-size: 25px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel h2 {font-size: 30px;} }
      	      	      	
      	   #turnier_uebersicht #aktuelles_spiel_ergebnismeldung
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: stretch;
      	      align-items: stretch;
      	      align-content: flex-start;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      width: 100%;
      	      font-family: firasans;
      	      }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #runde
      	      	{
      	      	width: 100%;
      	      	margin-top: 5px;
      	      	margin-bottom: 10px;
      	      	font-weight: bold;
      	      	font-size: 120%;
      	      	text-decoration: underline;
      	      	text-align: center;
      	      	}
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #platzhalter_ergebnis
      	      	{
      	      	width: 15%;
      	      	}
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #rahmen_einzelspiele
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: stretch;
      	      	align-items: stretch;
      	      	align-content: flex-start;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	width: 100%;
      	      	margin-top: 20px;
      	      	margin-bottom: 15px;
      	      	padding: 10px;
      	      	border: solid 1px rgba(0,29,71,0.7);
      	      	}
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #paarung, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-wrap: wrap;
      	      	box-sizing: border-box;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #paarung { flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; align-content: flex-start; -webkit-justify-content: center; justify-content: center; text-align: left; width: calc(100% - 80px); font-size: 14px; } }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #paarung { flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; align-content: flex-start; -webkit-justify-content: center; justify-content: center; text-align: left; width: calc(100% - 80px); font-size: 16px; } }      	      	
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #paarung { flex-direction: row; -webkit-align-items: stretch; align-items: stretch; align-content: center; -webkit-justify-content: space-around; justify-content: space-around; text-align: center; width: calc(100% - 120px); font-size: 16px; } }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #paarung { flex-direction: row; -webkit-align-items: stretch; align-items: stretch; align-content: center; -webkit-justify-content: space-around; justify-content: space-around; text-align: center; width: calc(100% - 150px); font-size: 18px; } }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele { flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; align-content: flex-start; -webkit-justify-content: center; justify-content: center; text-align: left; width: calc(100% - 80px); margin-top: 20px; margin-bottom: 20px; font-size: 12px;; font-weight: normal; } }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele { flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; align-content: flex-start; -webkit-justify-content: center; justify-content: center; text-align: left; width: calc(100% - 80px); margin-top: 20px; margin-bottom: 20px; font-size: 14px;; font-weight: normal; } }      	      	
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele { flex-direction: row; -webkit-align-items: stretch; align-items: stretch; align-content: center; -webkit-justify-content: space-around; justify-content: space-around; text-align: center; width: calc(100% - 120px); margin-top: 15px; margin-bottom: 15px; font-size: 14px;; font-weight: normal; } }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele { flex-direction: row; -webkit-align-items: stretch; align-items: stretch; align-content: center; -webkit-justify-content: space-around; justify-content: space-around; text-align: center; width: calc(100% - 150px); margin-top: 15px; margin-bottom: 15px; font-size: 16px; font-weight: normal; } }
/*
      	      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel .paarung_ergebnis_offen { margin-top: -40px; } }
      	      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel .paarung_ergebnis_offen { margin-top: -36px; } }
      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel .paarung_ergebnis_offen { margin-top: -36px; } }
      	      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel .paarung_ergebnis_offen { margin-top: -40px; } }
*/
      	      	      	
      	      	#turnier_uebersicht .aktuelles_spiel #paarung #team, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #team
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: row;
      	      	   flex-wrap: wrap;
      	      	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: center;
      	      	   box-sizing: border-box;
      	      	   font-weight: bold;
      	      	   hyphens: auto;
      	      	   word-wrap: break-all; overflow-wrap: anywhere;
      	      	   }
      	      	   #turnier_uebersicht .aktuelles_spiel #paarung #team { font-weight: bold; }
      	      	   #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #team { font-weight: normal; }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #paarung #team, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #team { -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; text-align: left; } }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #paarung #team, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #team { -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; text-align: left; } }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #paarung #team, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #team { -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; text-align: left; } }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #paarung #team, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #team { -webkit-justify-content: center; justify-content: center; width: calc(50% - 25px); text-align: center; } }
      	      	      	
      	      	#turnier_uebersicht .aktuelles_spiel #paarung #vs, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #vs
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: column;
      	      	   flex-wrap: wrap;
      	      	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: center;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   font-family: firasans;
      	      	   text-align: center;
      	      	   }
      	      	   #turnier_uebersicht .aktuelles_spiel #paarung #vs { font-weight: bold; }
      	      	   #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #vs { font-weight: normal; }

      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #paarung #vs, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #vs { width: 30px; height: 20px; } }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #paarung #vs, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #vs { width: 36px; height: 20px; } }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #paarung #vs, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #vs { width: 36px; height: 20px; } }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #paarung #vs, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #vs { width: 50px; } }
      	      	      	@media only screen and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #paarung #vs:before, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #vs:before { content: ""; } }
      	      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #paarung #vs:before, #turnier_uebersicht .aktuelles_spiel #paarung_einzelspiele #vs:before { content: "vs."; } }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis
      	      	{
      	      	position: relative;
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: stretch;
      	      	align-items: stretch;
      	      	align-content: center;
      	      	-webkit-justify-content: space-around;
      	      	justify-content: space-around;
      	      	box-sizing: border-box;
      	      	text-align: center;
      	      	}
      	      	@media only screen and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis { width: 80px; } }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis { width: 120px; } }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis { width: 150px; } }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis form
      	      	{
      	      	position: relative;
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: stretch;
      	      	align-items: stretch;
      	      	align-content: center;
      	      	-webkit-justify-content: space-between;
      	      	justify-content: space-between;
      	      	box-sizing: border-box;
      	      	text-align: center;
      	      	}
      	      	@media only screen and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis form { width: 80px; } }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis form { width: 120px; } }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis form { width: 150px; } }
      	      	      	
      	      	#turnier_uebersicht .aktuelles_spiel #ergebnis #team
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: row;
      	      	   flex-wrap: wrap;
      	      	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: center;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   font-weight: bold;
      	      	   font-size: 18px;
      	      	   text-align: center;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #team { width: 28px; } }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #team { width: 28px; } }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #team { width: 30px; } }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #team { width: 30px; } }
      	      	      	
      	      	   #turnier_uebersicht .aktuelles_spiel #ergebnis #team input#wert
      	      	      {
      	      	      text-align: center;
      	      	      margin-left: auto;
      	      	      margin-right: auto;
      	      	      color: rgba(255,255,255,1);
      	      	      background-color: rgba(255,255,255,0.7);
      	      	      border-style: solid;
      	      	      border-width: 1px;
      	      	      border-color: rgba(255,255,255,1);
      	      	      font-family: firasans;
      	      	      font-weight: bold;
      	      	      outline: none;
      	      	      }
      	      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #team input#wert { width: 28px; height: 22px; font-size: 14px; } }
      	      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #team input#wert { width: 28px; height: 22px; font-size: 16px; } }
      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #team input#wert { width: 30px; height: 22px; font-size: 16px; } }
      	      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #team input#wert { width: 30px; height: 22px; font-size: 18px; } }
      	      	      	
      	      	#turnier_uebersicht .aktuelles_spiel #ergebnis #vs
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: column;
      	      	   flex-wrap: wrap;
      	      	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: center;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   font-family: firasans;
      	      	   font-weight: bold;
      	      	   font-size: 18px;
      	      	   text-align: center;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #vs { width: 100%; height: 20px; } }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #vs { width: 100%; height: 20px; } }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #vs { width: 100%; height: 20px; } }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #vs { width: 10px; } }
      	      	      	@media only screen and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #vs:before { content: ""; } }
      	      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #vs:before { content: ":"; } }
      	      	      	
      	      	#turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: column;
      	      	   flex-wrap: wrap;
      	      	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: center;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   font-family: firasans;
      	      	   font-weight: bold;
      	      	   font-size: 18px;
      	      	   text-align: center;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden { position: absolute; left: 30px; width: 44px; height: 64px; } }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden { position: absolute; left: 30px; width: 44px; height: 64px; } }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden { position: absolute; left: 32px; width: 70px; height: 64px; } }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden { width: 70px; height: 22px; } }
      	      	      	
      	      	   #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden img
      	      	      {
      	      	      position: relative;
      	      	      width: auto;
      	      	      height: auto;
      	      	      }
      	      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden img {max-height: 16px;} }
      	      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden img {max-height: 22px;} }
      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden img {max-height: 22px;} }
      	      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden img {max-height: 18px;} }
      	      	      	
      	      	   #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label
      	      	      {
      	      	      cursor: pointer;
      	      	      position: relative;
      	      	      display: -webkit-flex;
      	      	      display: -webkit-box;
      	      	      display: -ms-flexbox;
      	      	      display: flex;
      	      	      flex-direction: column;
      	      	      flex-wrap: wrap;
      	      	      -webkit-align-items: center;
      	      	      align-items: center;
      	      	      align-content: center;
      	      	      -webkit-justify-content: center;
      	      	      justify-content: center;
      	      	      box-sizing: border-box;
      	      	      color: rgba(200,200,200,1);
      	      	      background-color: rgba(225,225,225,1);
      	      	      -webkit-border-radius: 2px;
      	      	      -webkit-appearance: none;
      	      	      border-radius: 2px;
      	      	      border-style: solid;
      	      	      border-width: 2px;
      	      	      border-color: rgba(200,200,200,1);
      	      	      }
      	      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label { width: 38px; height: 30px; } }
      	      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label { width: 38px; height: 30px; } }
      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label { width: 60px; height: 29px; } }
      	      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label { width: 60px; height: 22px; } }
      	      	      	
      	      	      #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label:hover
      	      	      	{
      	      	      	color: rgba(200,200,200,1);
      	      	      	background-color: rgba(225,225,225,1);
      	      	      	border-color: rgba(200,200,200,1);
      	      	      	/* transition: ease 0.3s; */
      	      	      	}
      	      	      	
      	      	   #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label input
      	      	      {
      	      	      display: none;
      	      	      }
      	      	      	
      	      	   #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label img
      	      	      {
      	      	      position: relative;
      	      	      max-width: 100%;
      	      	      height: auto;
      	      	      margin-left: auto;
      	      	      margin-right: auto;
      	      	      }
      	      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label img { width: auto; max-height: 20px; } }
      	      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label img { width: auto; max-height: 22px; } }
      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label img { width: auto; max-height: 20px; } }
      	      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label img { width: auto; max-height: 18px; } }
      	      	      	
      	      	      #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label img.hover
      	      	      	{
      	      	      	display: none;
      	      	      	text-align: center;
      	      	      	hyphens: auto;
      	      	      	word-break: break-all;
      	      	      	cursor: pointer;
      	      	      	transition: ease 0.3s;
      	      	      	}
      	      	      	
      	      	      	#turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label img.nicht_hover
      	      	      	   {
      	      	      	   display: flex;
      	      	      	   text-align: center;
      	      	      	   hyphens: auto;
      	      	      	   word-break: break-all;
      	      	      	   -webkit-border-radius: 2px;
      	      	      	   -webkit-appearance: none; 
      	      	      	   border-radius: 2px;
      	      	      	   cursor: pointer;
      	      	      	   transition: ease 0.3s;
      	      	      	   }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label:hover > img.nicht_hover
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis #button_erg_melden label:hover > img.hover
      	      {
      	      display: flex;
      	      }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis #einzelergebnis_bestaetigt
      	      {
      	      position: relative;
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      font-family: firasans;
      	      font-weight: bold;
      	      font-size: 18px;
      	      text-align: center;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #einzelergebnis_bestaetigt { position: absolute; right: 5px; top: 15px; width: 22px; height: 58px; } }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #einzelergebnis_bestaetigt { position: absolute; right: 0px; top: 15px; width: 25px; height: 64px; } }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #einzelergebnis_bestaetigt { position: absolute; right: 10px; top: 10px; width: 25px; height: 64px; } }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #einzelergebnis_bestaetigt { width: 70px; height: 22px; } }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis #einzelergebnis_bestaetigt img
      	      	{
      	      	position: relative;
      	      	width: auto;
      	      	height: auto;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #einzelergebnis_bestaetigt img {max-height: 16px;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #einzelergebnis_bestaetigt img {max-height: 22px;} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #einzelergebnis_bestaetigt img {max-height: 22px;} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis #einzelergebnis_bestaetigt img {max-height: 18px;} }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      width: 100%;
      	      margin-top: 35px;
      	      text-align: center;
      	      font-size: 12px;
      	      }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet img
      	      	{
      	      	width: auto;
      	      	height: auto;
      	      	margin-right: 10px;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet img {max-height: 20px;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet img {max-height: 25px;} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet img {max-height: 40px;} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet img {max-height: 50px;} }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet_einzelspiel
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      width: 100%;
      	      margin-top: 10px;
      	      margin-bottom: 25px;
      	      text-align: center;
      	      font-size: 12px;
      	      }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet_einzelspiel img
      	      	{
      	      	width: auto;
      	      	height: auto;
      	      	margin-right: 10px;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet_einzelspiel img {max-height: 20px;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet_einzelspiel img {max-height: 25px;} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet_einzelspiel img {max-height: 40px;} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_gemeldet_einzelspiel img {max-height: 50px;} }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis_bestaetigen, #turnier_uebersicht .aktuelles_spiel #ergebnis_veto
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      width: 100%;
      	      min-height: 20px;
      	      margin-top: 15px;
      	      margin-bottom: 10px;
      	      }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis_bestaetigen a, #turnier_uebersicht .aktuelles_spiel #ergebnis_veto a
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: center;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	-webkit-border-radius: 2px;
      	      	-webkit-appearance: none; 
      	      	border-radius: 2px;
      	      	border-style: solid;
      	      	border-width: 2px;
      	      	border-color: rgba(0,29,71,1);
      	      	color: rgba(255,255,255,1);
      	      	background-color: rgba(0,29,71,1);
      	      	width: auto;
      	      	height: 80%;
      	      	margin-top: 15px;
      	      	margin: 10px;
      	      	padding: 0px 4px 0px 4px;
      	      	text-align: center;
      	      	font-weight: bold;
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	      	#turnier_uebersicht .aktuelles_spiel #ergebnis_bestaetigen a:hover, #turnier_uebersicht .aktuelles_spiel #ergebnis_bestaetigen a:focus, #turnier_uebersicht .aktuelles_spiel #ergebnis_bestaetigen a:active, #turnier_uebersicht .aktuelles_spiel #ergebnis_veto a:hover, #turnier_uebersicht .aktuelles_spiel #ergebnis_veto a:focus, #turnier_uebersicht .aktuelles_spiel #ergebnis_veto a:active
      	      	   {
      	      	   border-color: rgba(221,6,64,1);
      	      	   color: rgba(255,255,255,1);
      	      	   background-color: rgba(221,6,64,1);
      	      	   transition: ease 0.3s;
      	      	   }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis_bestaetigen_einzelspiel
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      width: 100%;
      	      min-height: 20px;
      	      margin-top: 5px;
      	      margin-bottom: 20px;
      	      }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis_bestaetigen_einzelspiel a
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: center;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	-webkit-border-radius: 2px;
      	      	-webkit-appearance: none; 
      	      	border-radius: 2px;
      	      	border-style: solid;
      	      	border-width: 2px;
      	      	border-color: rgba(0,29,71,1);
      	      	color: rgba(255,255,255,1);
      	      	background-color: rgba(0,29,71,1);
      	      	width: auto;
      	      	height: 80%;
      	      	margin-bottom: 15px;
      	      	margin: 10px;
      	      	padding: 0px 4px 0px 4px;
      	      	text-align: center;
      	      	font-weight: bold;
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	      	#turnier_uebersicht .aktuelles_spiel #ergebnis_bestaetigen_einzelspiel a:hover, #turnier_uebersicht .aktuelles_spiel #ergebnis_bestaetigen_einzelspiel a:focus, #turnier_uebersicht .aktuelles_spiel #ergebnis_bestaetigen_einzelspiel a:active
      	      	   {
      	      	   border-color: rgba(221,6,64,1);
      	      	   color: rgba(255,255,255,1);
      	      	   background-color: rgba(221,6,64,1);
      	      	   transition: ease 0.3s;
      	      	   }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check
      	      	{
      	      	position: relative;
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: center;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	margin-top: 50px;
      	      	text-align: center;
      	      	font-size: 12px;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check {} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check {} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check {} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check {} }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check span#span_io
      	      {
      	      color: rgba(50,150,77,1);
      	      font-size: 12px;
      	      font-style: italic;
      	      text-align: center;
      	      }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check span#span_fehler
      	      {
      	      color: rgba(195,35,45,1);
      	      font-size: 12px;
      	      font-style: italic;
      	      text-align: center;
      	      }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check span#span_fehler img
      	      	{
      	      	width: auto;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check span#span_fehler img {height: 10px;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check span#span_fehler img {height: 10px;} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check span#span_fehler img {height: 12px;} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check span#span_fehler img {height: 12px;} }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check input
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check label
      	      {
      	      -webkit-border-radius: 2px;
      	      -webkit-appearance: none; 
      	      border-radius: 2px;
      	      border-style: solid;
      	      border-width: 2px;
      	      border-color: rgba(0,29,71,1);
      	      box-sizing: border-box;
      	      background-color: rgba(0,29,71,1);
      	      margin: 5px 10px;
      	      text-align: center;
      	      font-weight: bold;
      	      color: rgba(255,255,255,1);
      	      transition: ease 0.3s;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check label {padding: 4px 48px 4px 48px;} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check label {padding: 4px 60px 4px 60px;} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check label {padding: 4px 73px 4px 73px;} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check label {padding: 4px 73px 4px 73px;} }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check label:hover, #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check label:focus, #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check label:active
      	      	{
      	      	color: rgba(255,255,255,1);
      	      	border-color: rgba(221,6,64,1);
      	      	background-color: rgba(221,6,64,1);
      	      	transition: ease 0.3s;
      	      	cursor: pointer;
      	      	}
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check input:checked ~ label
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check #hinweis_kontakt_admin
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check input:checked ~ #hinweis_kontakt_admin
      	      {
      	      display: flex;
      	      }
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check input#file      	      	{
      	      	display: flex;
      	      	text-align: center;
      	      	margin-left: auto;
      	      	margin-right: auto;
      	      	font-family: firasans;
      	      	color: rgba(0,0,0,1);
      	      	}
      	      	      	
      	      #turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check input#button
      	      	{
      	      	display: flex;
      	      	text-align: center;
      	      	font-size: 14px;
      	      	margin-top: 10px;
      	      	margin-left: auto;
      	      	margin-right: auto;
      	      	padding: 5px 10px;
      	      	border-style: solid;
      	      	border-width: 2px;
      	      	border-color: rgba(0,29,71,1);
      	      	-webkit-border-radius: 2px;
      	      	-webkit-appearance: none; 
      	      	border-radius: 2px;
      	      	color: rgba(255,255,255,1);
      	      	background-color: rgba(0,29,71,1);
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	      	#turnier_uebersicht .aktuelles_spiel #ergebnis_veto_check input#button:hover
      	      	   {
      	      	   border-color: rgba(221,6,64,1);
      	      	   color: rgba(255,255,255,1);
      	      	   background-color: rgba(221,6,64,1);
      	      	   transition: ease 0.3s;
      	      	   }
      	      	      	
      	      #hinweis_aktuelles_spiel
      	      	   {
      	      	   font-size: 16px;
      	      	   color: rgba(255,0,0,1);
      	      	   }
      	      	      	
      	      #hinweis_aktuelles_spiel_team
      	      	   {
      	      	   
      	      	   }
      	      	      	
      	/* ------------------------- Box Chat ------------------------- */
      	   #turnier_uebersicht .chat
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: wrap;
      	      -webkit-align-items: stretch;
      	      align-items: stretch;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      font-family: firasans;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .chat {width: 100%;} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .chat {width: 90%;} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .chat {width: 35%;} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .chat {width: 35%;} }
      	      	      	
      	      #turnier_uebersicht .chat  h2
      	      	   {
      	      	   width: 100%;
      	      	   text-align: center;
      	      	   }
      	      	   @media only screen and (max-width: 499px) { #turnier_uebersicht .chat h2 {font-size: 22px;} }
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .chat h2 {font-size: 30px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .chat h2 {font-size: 25px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .chat h2 {font-size: 30px;} }
      	      	      	
      	      #turnier_uebersicht .chat .chatverlauf
      	      	{
/*
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: wrap;
      	      -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
*/
display: block;
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	min-height: 170px;
      	      	max-height: 170px;
      	      	overflow-y: auto;
      	      	margin-top: 5px;
      	      	margin-bottom: 10px;
      	      	padding: 5px;
      	      	text-align: justify;
      	      	font-family: firasans;
      	      	font-size: 12px;
      	      	color: rgba(255,255,255,1);
      	      	background-color: rgba(255,255,255,0.7);
      	      	border-style: solid;
      	      	border-width: 1px;
      	      	border-color: rgba(255,255,255,1);
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .chat .chatverlauf { padding: 5px 5px 5px 15px; } }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .chat .chatverlauf { padding: 5px 5px 5px 25px; } }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .chat .chatverlauf { padding: 5px 5px 5px 20px; } }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .chat .chatverlauf { padding: 5px 5px 5px 25px; } }
      	      	      	
      	      	#turnier_uebersicht .chat .chatverlauf p
      	      	   {
      	      	   margin-top: 0px;
      	      	   margin-bottom: -5px;
      	      	   }
      	      	      	
      	      	#turnier_uebersicht .chat .chatverlauf strong
      	      	   {
      	      	   color: rgba(150,150,150,1);
      	      	   font-weight: bold;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .chat .chatverlauf strong {margin-left: -5px; line-height: 20px;} }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .chat .chatverlauf strong {margin-left: -15px; line-height: 20px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .chat .chatverlauf strong {margin-left: -10px; line-height: 25px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .chat .chatverlauf strong {margin-left: -15px; } }
      	      	      	
      	      	   #turnier_uebersicht .chat .chatverlauf span#chat_spieler_zeit
      	      	      {
      	      	      color: rgba(150,150,150,1);
      	      	      }
      	      	      	
      	      	#turnier_uebersicht .chat .chatverlauf strong#chat_admin
      	      	   {
      	      	   color: rgba(0,154,205,1);
      	      	   }
      	      	      	
      	      	   #turnier_uebersicht .chat .chatverlauf span#chat_admin_zeit
      	      	      {
      	      	      color: rgba(0,154,205,1);
      	      	      }
      	      	      	
      	      	#turnier_uebersicht .chat .chatverlauf i#spezial
      	      	   {
      	      	   color: rgba(255,0,0,1);
      	      	   }
      	      	      	
      	      #turnier_uebersicht form.chatnachricht
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: flex-start;
      	      	-webkit-justify-content: space-around;
      	      	justify-content: space-around;
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	}
      	      	      	
      	      #turnier_uebersicht .chat form.chatnachricht input#nachricht
      	      	{
      	      	box-sizing: border-box;
      	      	padding: 5px 0px;
      	      	color: rgba(0,0,0,1);
      	      	background-color: rgba(255,255,255,0.7);
      	      	border-top-style: none;
      	      	border-left-style: none;
      	      	border-right-style: none;
      	      	border-bottom-style: solid;
      	      	border-bottom-width: 1px;
      	      	border-bottom-color: rgba(255,255,255,1);
      	      	font-family: firasans;
      	      	font-size: 100%;
      	      	font-weight: bold;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .chat form.chatnachricht input#nachricht {width: 100%;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .chat form.chatnachricht input#nachricht {width: 100%;} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .chat form.chatnachricht input#nachricht {width: 100%;} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .chat form.chatnachricht input#nachricht {width: 100%;} }
      	      	      	
      	      	#turnier_uebersicht .chat form.chatnachricht input#nachricht:focus
      	      	   {
      	      	   outline: none;
      	      	   }
      	      	      	
      	      	#turnier_uebersicht .chat form.chatnachricht div
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: column;
      	      	   flex-wrap: wrap;
      	      	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: flex-end;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   text-align: center;
      	      	   width: 100%;
      	      	   padding: 15px 0px;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .chat form.chatnachricht div {} }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .chat form.chatnachricht div {} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .chat form.chatnachricht div {} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .chat form.chatnachricht div {} }
      	      	      	
      	      	   #turnier_uebersicht .chat form.chatnachricht div input#nachricht_senden_button
      	      	      {
      	      	      cursor: pointer;
      	      	      color: rgba(255,255,255,1);
      	      	      background-color: rgba(0,29,71,1);
      	      	      border-style: solid;
      	      	      border-width: 2px;
      	      	      border-color: rgba(0,29,71,1);
      	      	      -webkit-border-radius: 2px;
      	      	      -webkit-appearance: none; 
      	      	      border-radius: 2px;
      	      	      padding: 5px 10px;
      	      	      font-size: 14px;
      	      	      transition: ease 0.3s;
      	      	      }
      	      	      	
      	      	      #turnier_uebersicht .chat form.chatnachricht div input#nachricht_senden_button:hover
      	      	      	{
      	      	      	color: rgba(255,255,255,1);
      	      	      	background-color: rgba(221,6,64,1);
      	      	      	border-color: rgba(221,6,64,1);
      	      	      	transition: ease 0.3s;
      	      	      	}
      	      	      	
/*
      	      	   #turnier_uebersicht .chat form.chatnachricht div label input
      	      	      {
      	      	      display: none;
      	      	      }
      	      	      	
      	      	   #turnier_uebersicht .chat form.chatnachricht div label img
      	      	      {
      	      	      width: auto;
      	      	      max-width: 100%;
      	      	      height: auto;
      	      	      color: rgba(255,255,255,1);
      	      	      background-color: rgba(0,29,71,1);
      	      	      border-style: solid;
      	      	      border-width: 2px;
      	      	      border-color: rgba(0,29,71,1);
      	      	      -webkit-border-radius: 2px;
      	      	      -webkit-appearance: none; 
      	      	      border-radius: 2px;
      	      	      transition: ease 0.3s;
      	      	      }
      	      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .chat form.chatnachricht div label img {max-height: 14px; padding: 4px 8px;} }
      	      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .chat form.chatnachricht div label img {max-height: 17px; padding: 4px 8px;} }
      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .chat form.chatnachricht div label img {max-height: 20px; padding: 2px 6px;} }
      	      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .chat form.chatnachricht div label img {max-height: 20px; padding: 2px 12px;} }
      	      	      	
      	      	      #turnier_uebersicht .chat form.chatnachricht div label img.hover
      	      	      	{
      	      	      	color: rgba(255,255,255,1);
      	      	      	background-color: rgba(221,6,64,1);
      	      	      	border-color: rgba(221,6,64,1);
      	      	      	transition: ease 0.3s;
      	      	      	}
      	      	      	
      	      	      #turnier_uebersicht .chat form.chatnachricht div label img.nicht_hover
      	      	      	{
      	      	      	display: flex;
      	      	      	background-color: rgb(25,25,25);
      	      	      	color: rgb(255,255,255);
      	      	      	text-align: center;
      	      	      	hyphens: auto;
      	      	      	word-break: break-all;
      	      	      	-webkit-border-radius: 5px;
      	      	      	-webkit-appearance: none; 
      	      	      	border-radius: 5px;
      	      	      	box-shadow: 2px 2px 1px rgba(90,90,90,1), -1px -1px 1px rgba(200,200,200,1);
      	      	      	cursor: pointer;
      	      	      	transition: background-color ease 0.5s;
      	      	      	}
      	      	      	
      	   #turnier_uebersicht .chat form.chatnachricht div label:hover > img.nicht_hover
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #turnier_uebersicht .chat form.chatnachricht div label:hover > img.hover
      	      {
      	      display: flex;
      	      }
*/
      	      	      	
      	      #turnier_uebersicht .chat #admin_rufen_rahmen
      	      	{
      	      	position: relative;
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: stretch;
      	      	align-items: stretch;
      	      	align-content: flex-start;
      	      	-webkit-justify-content: flex-start;
      	      	justify-content: flex-start;
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	margin-top: 15px;
      	      	font-size: 14px;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .chat #admin_rufen_rahmen {} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .chat #admin_rufen_rahmen {} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .chat #admin_rufen_rahmen {} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .chat #admin_rufen_rahmen {} }
      	      	      	
      	   #turnier_uebersicht .chat #admin_rufen_rahmen input
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #turnier_uebersicht .chat #admin_rufen_rahmen label
      	      {
      	      -webkit-border-radius: 2px;
      	      -webkit-appearance: none; 
      	      border-radius: 2px;
      	      border-style: solid;
      	      border-width: 2px;
      	      border-color: rgba(255,0,0,1);
      	      box-sizing: border-box;
      	      color: rgba(255,0,0,1);
      	      background-color: rgba(35,35,35,0.7);
      	      margin: 5px 10px;
      	      padding: 5px 10px;
      	      text-align: center;
      	      font-weight: bold;
      	      font-family: firasans;
      	      transition: ease 0.3s;
      	      }
      	      	      	
      	      #turnier_uebersicht .chat #admin_rufen_rahmen label:hover, #turnier_uebersicht .chat #admin_rufen_rahmen label:focus, #turnier_uebersicht .chat #admin_rufen_rahmen labela:active
      	      	{
      	      	border-color: rgba(255,0,0,1);
      	      	color: rgba(255,255,255,1);
      	      	background-color: rgba(255,0,0,1);
      	      	transition: ease 0.3s;
      	      	cursor: pointer;
      	      	}
      	      	      	
      	   #turnier_uebersicht .chat #admin_rufen_rahmen input:checked ~ label
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #turnier_uebersicht .chat #admin_rufen_rahmen #hinweis_kontakt_admin
      	      {
      	      display: none;
      	      font-style: italic;
      	      }
      	      	      	
      	   #turnier_uebersicht .chat #admin_rufen_rahmen input:checked ~ #hinweis_kontakt_admin
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: stretch;
      	      align-items: stretch;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      text-align: left;
      	      }
      	      	      	
      	   #turnier_uebersicht .chat_beendet, #turnier_uebersicht .spiele_beendet
      	      {
      	      position: relative;
      	      top: 0;
      	      left: 0;
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      width: 100%;
      	      height: auto;
      	      
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .chat_beendet, #turnier_uebersicht .spiele_beendet {} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .chat_beendet, #turnier_uebersicht .spiele_beendet {} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .chat_beendet, #turnier_uebersicht .spiele_beendet {} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .chat_beendet, #turnier_uebersicht .spiele_beendet {} }
      	      	      	
      	      #turnier_uebersicht .chat_beendet #chat_beendet_innen, #turnier_uebersicht .spiele_beendet #spiele_beendet_innen
      	      	{
      	      	position: relative;
      	      	top: 0;
      	      	left: 0;
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: column;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: center;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	height: auto;
      	      	}
      	      	      	
      	/* ------------------------- Box Meine Spiele ------------------------- */
      	   #turnier_uebersicht .meine_spiele
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: wrap;
      	      -webkit-align-items: stretch;
      	      align-items: stretch;
      	      align-content: center;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      margin-bottom: 30px;
      	      font-family: firasans;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .meine_spiele {width: 100%;} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .meine_spiele {width: 100%;} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .meine_spiele {width: 95%;} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .meine_spiele {width: 90%;} }
      	      	      	
      	      #turnier_uebersicht .meine_spiele  h2
      	      	   {
      	      	   text-align: center;
      	      	   }
      	      	   @media only screen and (max-width: 499px) { #turnier_uebersicht .meine_spiele h2 {font-size: 22px;} }
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .meine_spiele h2 {font-size: 30px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .meine_spiele h2 {font-size: 25px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .meine_spiele h2 {font-size: 30px;} }
      	      	      	
   input.meine_spiele_anzeigen
      {
      display: none;
      }
      	      	      	
   label#lbl_meine_spiele
      {
      margin-left: auto;
      margin-right: auto;
      padding: 10px 5px;
      text-align: center;
      }
      	      	      	
      label#lbl_meine_spiele:hover, label#lbl_meine_spiele:focus, label#lbl_meine_spiele:active
      	{
      	cursor: pointer;
      	}
      	      	      	
      input.meine_spiele_anzeigen:checked + label#lbl_meine_spiele
      	{
      	cursor: pointer;
      	}
      	      	      	
      label#lbl_meine_spiele nobr
      	{
      	margin-bottom: 15px;
      	}
      	      	      	
      label#lbl_meine_spiele nobr:before
      	{
      	content: "MEINE SPIELE ANZEIGEN";
      	}
      	      	      	
      	input.meine_spiele_anzeigen:checked + label#lbl_meine_spiele nobr:before
      	   {
      	   content: "MEINE SPIELE AUSBLENDEN";
      	   }
      	      	      	
      #meine_spiele_rahmen
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-start;
      	align-items: flex-start;
      	align-content: center;
      	-webkit-justify-content: space-around;
      	justify-content: space-around;
      	margin-top: -5px;
      	margin-bottom: 30px;
      	width: 100%;
      	}
      	      	      	
      	input.meine_spiele_anzeigen:not(:checked) ~ #meine_spiele_rahmen
      	   {
      	   display: none;
      	   }
      	      	      	
      	input.meine_spiele_anzeigen:checked ~ #meine_spiele_rahmen
      	   {
      	   display: flex;
      	   }
      	      	      	
      	      #spiel_meine_spiele
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: center;
      	      	-webkit-justify-content: flex-start;
      	      	justify-content: flex-start;
      	      	box-sizing: border-box;
      	      	margin-bottom: 5px;
      	      	padding: 5px 0px;
      	      	}
      	      	@media only screen and (max-width: 399px) { #spiel_meine_spiele { width: 100%; } }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #spiel_meine_spiele { width: 100%; } }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #spiel_meine_spiele { width: 100%; } }
      	      	@media only screen and (min-width: 1200px) { #spiel_meine_spiele { width: 100%; } }
      	      	      	
      	      	#spiel_meine_spiele .ueberschrift
      	      	   {
      	      	   font-weight: bold;
      	      	   text-decoration: underline;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #spiel_meine_spiele .ueberschrift { font-size: 14px; } }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #spiel_meine_spiele .ueberschrift { font-size: 16px; } }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #spiel_meine_spiele .ueberschrift { font-size: 18px; } }
      	      	   @media only screen and (min-width: 1200px) { #spiel_meine_spiele .ueberschrift { font-size: 18px; } }
      	      	      	
      	      /* ========== Gruppenphase ========== */ 
      	      	.spieltag_g
      	      	   {
      	      	   width: 23%; /* mit Spielnr. 18 */
      	      	   box-sizing: border-box;
      	      	   text-align: center;
      	      	   hyphens: auto;
      	      	   word-wrap: break-word; overflow-wrap: break-word;
      	      	   word-break: break-all;
      	      	   }
      	      	      	
      	      	.spiel_nr_g
      	      	   {
      	      	   width: 12%;
      	      	   box-sizing: border-box;
      	      	   hyphens: auto;
      	      	   text-align: center;
      	      	   word-wrap: break-word; overflow-wrap: break-word;
      	      	   word-break: break-all;
      	      	   }
      	      	      	
      	      	.begegnung_g
      	      	   {
      	      	   width: 54%; /* mit Spielnr. 52 */
      	      	   box-sizing: border-box;
      	      	   hyphens: auto;
      	      	   word-wrap: break-word; overflow-wrap: break-word;
      	      	   word-break: break-all;
      	      	   }
      	      	   #spiel_meine_spiele #begegnung
      	      	      {
      	      	      display: -webkit-flex;
      	      	      display: -webkit-box;
      	      	      display: -ms-flexbox;
      	      	      display: flex;
      	      	      flex-direction: column;
      	      	      flex-wrap: wrap;
      	      	      -webkit-align-items: center;
      	      	      align-items: center;
      	      	      align-content: center;
      	      	      -webkit-justify-content: flex-start;
      	      	      justify-content: flex-start;
      	      	      }
      	      	      	
      	      	.ergebnisse_g
      	      	   {
      	      	   width: 23%; /* mit Spielnr. 18 */
      	      	   box-sizing: border-box;
      	      	   hyphens: auto;
      	      	   word-wrap: break-word; overflow-wrap: break-word;
      	      	   word-break: break-all;
      	      	   }
      	      	      	
      	      /* ========== K.O.-Phase ========== */
      	      	.spiel_nr_k
      	      	   {
      	      	   width: 25%;
      	      	   box-sizing: border-box;
      	      	   hyphens: auto;
      	      	   text-align: center;
      	      	   word-wrap: break-word; overflow-wrap: break-word;
      	      	   word-break: break-all;
      	      	   }
      	      	      	
      	      	.begegnung_k
      	      	   {
      	      	   width: 55%;
      	      	   box-sizing: border-box;
      	      	   hyphens: auto;
      	      	   word-wrap: break-word; overflow-wrap: break-word;
      	      	   word-break: break-all;
      	      	   }
      	      	      	
      	      	.ergebnisse_k
      	      	   {
      	      	   box-sizing: border-box;
      	      	   hyphens: auto;
      	      	   word-wrap: break-word; overflow-wrap: break-word;
      	      	   word-break: break-all;
      	      	   text-align: center;
      	      	   }
      	      	   @media only screen and (max-width: 779px) { .ergebnisse_k { width: 20%; } }
      	      	   @media only screen and (min-width: 780px) { .ergebnisse_k { display: none; width: 20%; } }
      	      	      	
      	      #abschlussergebnis
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: column;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: center;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	margin-top: 10px;
      	      	text-align: center;
      	      	font-family: firasans;
      	      	font-size: 18px;
      	      	}
      	      	@media only screen and (max-width: 399px) { #abschlussergebnis {} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #abschlussergebnis {} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #abschlussergebnis {} }
      	      	@media only screen and (min-width: 1200px) { #abschlussergebnis {} }
      	      	      	
      	      	#abschlussergebnis p#platzierung
      	      	   {
      	      	   font-size: 22px;
      	      	   font-weight: bold;
      	      	   color: rgba(0,29,71,1);
      	      	   }
      	      	      	
      	      	#abschlussergebnis p#glueckwunsch
      	      	   {
      	      	   margin-top: -15px;
      	      	   color: rgba(0,0,0,1);
      	      	   }
      	      	      	
      	      	#abschlussergebnis img
      	      	   {
      	      	   width: auto;
      	      	   height: auto;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #abschlussergebnis img {max-height: 75px; margin-left: 10px; margin-right: 10px;} }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #abschlussergebnis img {max-height: 90px; margin-right: 10px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #abschlussergebnis img {max-height: 100px; margin-right: 10px;} }
      	      	   @media only screen and (min-width: 1200px) { #abschlussergebnis img {max-height: 120px; margin-right: 10px;} }
      	      	      	
      	/* ------------------------- Box Spielauswahl ------------------------- */
      	   #turnier_uebersicht .spielauswahl
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: wrap;
      	      -webkit-align-items: stretch;
      	      align-items: stretch;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      margin-bottom: 30px;
      	      font-family: firasans;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .spielauswahl {width: 100%;} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .spielauswahl {width: 100%;} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .spielauswahl {width: 95%;} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .spielauswahl {width: 90%;} }
      	      	      	
      	      #turnier_uebersicht .spielauswahl  h2
      	      	   {
      	      	   text-align: center;
      	      	   }
      	      	   @media only screen and (max-width: 499px) { #turnier_uebersicht .spielauswahl h2 {font-size: 22px;} }
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .spielauswahl h2 {font-size: 30px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .spielauswahl h2 {font-size: 25px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .spielauswahl h2 {font-size: 30px;} }
      	      	      	
      	      #spielauswahl_liste
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: center;
      	      	-webkit-justify-content: flex-start;
      	      	justify-content: flex-start;
      	      	box-sizing: border-box;
      	      	margin-bottom: 5px;
      	      	padding: 5px 0px;
      	      	}
      	      	@media only screen and (max-width: 399px) { #spielauswahl_liste { width: 100%; } }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #spielauswahl_liste { width: 100%; } }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #spielauswahl_liste { width: 100%; } }
      	      	@media only screen and (min-width: 1200px) { #spielauswahl_liste { width: 100%; } }
      	      	      	
      	      	#spielauswahl_liste .ueberschrift
      	      	   {
      	      	   font-weight: bold;
      	      	   text-decoration: underline;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #spielauswahl_liste .ueberschrift { font-size: 14px; } }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #spielauswahl_liste .ueberschrift { font-size: 16px; } }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #spielauswahl_liste .ueberschrift { font-size: 18px; } }
      	      	   @media only screen and (min-width: 1200px) { #spielauswahl_liste .ueberschrift { font-size: 18px; } }





#spielauswahl_liste
   {
   
   }
      	      	      	
   #spielauswahl_liste input.spielauswahl_anzeigen
      {
      display: none;
      }
      	      	      	
   #spielauswahl_liste label#lbl_spielauswahl
      {
      margin-left: auto;
      margin-right: auto;
      padding: 10px 5px;
      text-align: center;
      }
      	      	      	
      #spielauswahl_liste label#lbl_spielauswahl:hover, #spielauswahl_liste label#lbl_spielauswahl:focus, #spielauswahl_liste label#lbl_spielauswahl:active
      	{
      	cursor: pointer;
      	}
      	      	      	
      #spielauswahl_liste input.spielauswahl_anzeigen:checked + label#lbl_spielauswahl
      	{
      	cursor: pointer;
      	}
      	      	      	
      #spielauswahl_liste label#lbl_spielauswahl nobr
      	{
      	margin-bottom: 15px;
      	}
      	      	      	
      #spielauswahl_liste label#lbl_spielauswahl nobr:before
      	{
      	content: "SPIELAUSWAHL ANZEIGEN";
      	}
      	      	      	
      	#spielauswahl_liste input.spielauswahl_anzeigen:checked + label#lbl_spielauswahl nobr:before
      	   {
      	   content: "SPIELAUSWAHL AUSBLENDEN";
      	   }
      	      	      	
      #spielauswahl_details
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-start;
      	align-items: flex-start;
      	align-content: center;
      	-webkit-justify-content: space-around;
      	justify-content: space-around;
      	margin-top: -5px;
      	margin-bottom: 30px;
      	width: 100%;
      	}
      	      	      	
      	#spielauswahl_liste input.spielauswahl_anzeigen:not(:checked) ~ #spielauswahl_details
      	   {
      	   display: none;
      	   }
      	      	      	
      	#spielauswahl_liste input.spielauswahl_anzeigen:checked ~ #spielauswahl_details
      	   {
      	   display: flex;
      	   }



      	   #spielauswahl_einzeln
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      box-sizing: border-box;
      	      hyphens: auto;
      	      word-wrap: break-word; overflow-wrap: break-word;
      	      width: 100%;
      	      }
      	      	      	
      	      #spielauswahl_einzeln small
      	      	{
      	      	width: 100%;
      	      	margin-bottom: 8px;
      	      	text-align: center;
      	      	}
      	      	      	
      	      #spielauswahl_einzeln #spa_spieler
      	      	{
      	      	width: 100%;
      	      	color: rgba(211,211,211,1);
      	      	text-align: center;
      	      	word-wrap: break-word; overflow-wrap: break-word;
      	      	}
/*
      	      	@media only screen and (max-width: 399px)  {#spielauswahl_einzeln #spa_spieler {width: 47%;}}
      	      	@media only screen and (min-width: 400px) and (max-width: 779px)  {#spielauswahl_einzeln #spa_spieler  {width: 47%;}}
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px)  {#spielauswahl_einzeln #spa_spieler  {width: 47%;}}
      	      	@media only screen and (min-width: 1200px) {#spielauswahl_einzeln #spa_spieler {width: 47%;}}
      	      	      	
      	      	#spielauswahl_einzeln .spa_spieler_links { text-align: right; }
      	      	#spielauswahl_einzeln .spa_spieler_rechts { text-align: left; }
*/
      	      	      	
      	      	#spielauswahl_einzeln #spa_spieler p
      	      	   {
      	      	   margin: 0;
      	      	   }
      	      	      	
      	      #spielauswahl_einzeln #spa_vs
      	      	{
      	      	text-align: center;
      	      	color: rgba(211,211,211,1);
      	      	}
      	      	@media only screen and (max-width: 399px)  {#spielauswahl_einzeln #spa_vs {width: 6%;}}
      	      	@media only screen and (min-width: 400px) and (max-width: 779px)  {#spielauswahl_einzeln #spa_vs {width: 6%;}}
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px)  {#spielauswahl_einzeln #spa_vs {width: 6%;}}
      	      	@media only screen and (min-width: 1200px) {#spielauswahl_einzeln #spa_vs {width: 6%;}}





      	      	      	
      	/* ------------------------- Box Anmeldung ------------------------- */
      	   #turnier_uebersicht .anmelden
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: wrap;
      	      -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: stretch;
      	      justify-content: stretch;
      	      font-family: firasans;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .anmelden {width: 100%;} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .anmelden {width: 100%; } }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .anmelden {width: 45%;} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .anmelden {width: 45%;} }
      	      	      	
      	      #turnier_uebersicht .anmelden h2
      	      	   {
      	      	   color: rgba(0,29,71,1);
      	      	   }
      	      	   @media only screen and (max-width: 499px) { #turnier_uebersicht .anmelden h2 {font-size: 22px;} }
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .anmelden h2 {font-size: 30px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .anmelden h2 {font-size: 25px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .anmelden h2 {font-size: 30px;} }
      	      	      	
      	      	#turnier_uebersicht .anmelden #teammodus
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: row;
      	      	   flex-wrap: wrap;
      	      	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: center;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   width: 100%;
      	      	   margin-bottom: 15px;
      	      	   text-align: center;
      	      	   font-weight: bold;
      	      	   }
      	      	      	
      	      	   #turnier_uebersicht .anmelden #teammodus img
      	      	      {
      	      	      width: auto;
      	      	      max-width: 50px;
      	      	      height: auto;
      	      	      max-height: 35px;
      	      	      }
      	      	      	
      	      	#turnier_uebersicht .anmelden p#spezial, #turnier_uebersicht .spezial
      	      	   {
      	      	   color: rgba(255,0,0,1);
      	      	   }
      	      	   #turnier_uebersicht .spezial { width: 100%; }
      	      	      	
      	      	#turnier_uebersicht .anmelden #login_bezeichnung
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: row;
      	      	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: center;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   width: 100%;
      	      	   margin-bottom: 15px;
      	      	   color: rgba(195,35,45,1);
      	      	   }
      	      	   @media only screen and (max-width: 499px) {#turnier_uebersicht .anmelden #login_bezeichnung {}}
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#turnier_uebersicht .anmelden #login_bezeichnung {}}
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#turnier_uebersicht .anmelden #login_bezeichnung {}}
      	      	   @media only screen and (min-width: 1200px) {#turnier_uebersicht .anmelden #login_bezeichnung {}}
      	      	      	
      	      	   #turnier_uebersicht .anmelden #login_bezeichnung img
      	      	      {
      	      	      width: auto;
      	      	      height: auto;
      	      	      max-width: 30px;
      	      	      max-height: 16px;
      	      	      margin-right: 5px;
      	      	      }
      	      	      	
      	      	#turnier_uebersicht .anmelden strong
      	      	   {
      	      	   font-family: firasans;
      	      	   font-weight: normal;
      	      	   }
      	      	      	
      	      	#turnier_uebersicht #spielerslots
      	      	   {
      	      	   position: relative;
      	      	   width: auto;
      	      	   margin: 5px auto 10px auto;
      	      	   text-align: center;
      	      	   }
      	      	      	
      	      	   #turnier_uebersicht #spielerslots strong
      	      	      {
      	      	      font-weight: bold;
      	      	      margin-bottom: 10px;
      	      	      }
      	      	      	
      	      	   #turnier_uebersicht #spielerslots #leerzeile
      	      	      {
      	      	      height: 15px;
      	      	      }
      	      	      	
      	      	#turnier_uebersicht #spielerslots .select-wrapper2
      	      	   {
      	      	   position: relative;
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: column;
      	      	   flex-wrap: wrap;
      	      	   -webkit-align-items: flex-start;
      	      	   align-items: flex-start;
      	      	   align-content: flex-start;
      	      	   -webkit-justify-content: flex-start;
      	      	   justify-content: flex-start;
      	      	   width: auto;
      	      	   height: auto;
      	      	   margin-left: auto;
      	      	   margin-right: auto;
      	      	   padding: 0;
      	      	   }
      	      	      	
      	      	   #turnier_uebersicht #spielerslots .select-wrapper2::before
      	      	      {
      	      	      display: -webkit-flex;
      	      	      display: -webkit-box;
      	      	      display: -ms-flexbox;
      	      	      display: flex;
      	      	      flex-direction: column;
      	      	      flex-wrap: wrap;
      	      	      -webkit-align-items: center;
      	      	      align-items: center;
      	      	      align-content: center;
      	      	      -webkit-justify-content: center;
      	      	      justify-content: center;
      	      	      position: absolute;
      	      	      height: 100%;
      	      	      font-family: fontello;
      	      	      content: "\e801";
      	      	      color: rgba(0,154,205,1);
      	      	      font-size: 16px;
      	      	      right: 10px;
      	      	      pointer-events: none;
      	      	      }
      	      	      	
      	      	      select#spielerslot_select
      	      	      	{
      	      	      	-moz-appearance: none;
      	      	      	-webkit-appearance: none;
      	      	      	appearance: none;
      	      	      	border: none;
      	      	      	width: auto;
      	      	      	width: 100%;
      	      	      	height: 25px;
      	      	      	margin: 5px auto 5px auto;
      	      	      	padding: 2px 20px 2px 10px;
      	      	      	color: rgba(211,211,211,1);
      	      	      	background-color: rgba(35,35,35,0.7);
      	      	      	border-style: solid;
      	      	      	border-width: 2px;
      	      	      	border-top-color: rgba(0,0,0,0);
      	      	      	border-left-color: rgba(0,0,0,0);
      	      	      	border-bottom-color: rgba(0,154,205,1);
      	      	      	border-right-color: rgba(0,0,0,0);
      	      	      	border-radius: 3px;
      	      	      	font-size: 16px;
      	      	      	font-weight: normal;
      	      	      	outline: none;
      	      	      	cursor: pointer;
      	      	      	}
      	      	      	select#spielerslot_select::-ms-expand { display: none; }
      	      	      	select#spielerslot_select:focus::-ms-value { background-color: transparent; }
      	      	      	
      	      	      	select#spielerslot_select option
      	      	      	   {
      	      	      	   padding-right: 10px;
      	      	      	   color: rgba(211,211,211,1);
      	      	      	   background-color: rgba(35,35,35,0.7);
      	      	      	   font-weight: bold;
      	      	      	   }
      	      	      	
      	      	      	   select#spielerslot_select option:hover
      	      	      	      {
      	      	      	      color: rgba(211,211,211,1);
      	      	      	      background-color: rgba(35,35,35,0.7);
      	      	      	      }
      	      	      	
      	   #turnier_uebersicht .anmelden a
      	      {
      	      color: rgba(221,6,64,1);
      	      text-decoration: none;
      	      transition: ease 0.3s;
      	      }
      	      	      	
      	      #turnier_uebersicht .anmelden a:hover, #turnier_uebersicht .anmelden a:focus, #turnier_uebersicht .anmelden a:active
      	      	{
      	      	color: rgba(221,6,64,1);
      	      	text-decoration: underline;
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	      #turnier_uebersicht .anmelden #rahmen_details
      	      	{
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	font-family: firasans;
      	      	padding: 0px 10px 20px 10px;
      	      	}
      	      	@media only screen and (max-width: 449px) { #turnier_uebersicht .anmelden #rahmen_details {} }
      	      	@media only screen and (min-width: 450px) and (max-width: 779px) { #turnier_uebersicht .anmelden #rahmen_details {} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .anmelden #rahmen_details {} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .anmelden #rahmen_details {} }
      	      	      	
      	      	#turnier_uebersicht .anmelden #rahmen_bild_gross
      	      	   {
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: row;
      	      	   flex-wrap: wrap;
      	      	   -webkit-align-items: flex-start;
      	      	   align-items: flex-start;
      	      	   align-content: center;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   width: 100%;
      	      	   margin-bottom: 10px;
      	      	   }
      	      	      	
      	      	   #turnier_uebersicht .anmelden #rahmen_bild_gross img#gross
      	      	      {
      	      	      width: auto;
      	      	      height: auto;
      	      	      margin-left: auto;
      	      	      margin-right: auto;
      	      	      }
      	      	      @media only screen and (max-width: 349px) { #turnier_uebersicht .anmelden img#gross {max-width: 190px; max-height: 190px; margin-top: -5px; padding-top: 0px; padding-left: 0px;} }
      	      	      @media only screen and (min-width: 350px) and (max-width: 449px) { #turnier_uebersicht .anmelden img#gross {max-width: 190px; max-height: 190px; padding-top: 0px; padding-left: 25px;} }
      	      	      @media only screen and (min-width: 450px) and (max-width: 549px) { #turnier_uebersicht .anmelden img#gross {max-width: 270px; max-height: 270px; padding-top: 10px; padding-left: 35px;} }
      	      	      @media only screen and (min-width: 550px) and (max-width: 779px) { #turnier_uebersicht .anmelden img#gross {max-width: 330px; max-height: 330px; padding-top: 2px; padding-left: 45px;} }
      	      	      @media only screen and (min-width: 780px) and (max-width: 919px) { #turnier_uebersicht .anmelden img#gross {max-width: 230px; max-height: 230px; padding-top: 15px; padding-left: 25px;} }
      	      	      @media only screen and (min-width: 920px) and (max-width: 1199px) { #turnier_uebersicht .anmelden img#gross {max-width: 260px; max-height: 260px; padding-top: 5px; padding-left: 35px;} }
      	      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .anmelden img#gross {max-width: 335px; max-height: 335px; padding-top: 5px; padding-left: 15px;} }
      	      	      	
      	      	   #turnier_uebersicht .anmelden img#gross2
      	      	      {
      	      	      width: auto;
      	      	      height: auto;
      	      	      margin-left: auto;
      	      	      margin-right: auto;
      	      	      }
      	      	      @media only screen and (max-width: 349px) { #turnier_uebersicht .anmelden img#gross2 {max-width: 180px; max-height: 180px; padding-top: 0px; padding-right: 20px;} }
      	      	      @media only screen and (min-width: 350px) and (max-width: 449px) { #turnier_uebersicht .anmelden img#gross2 {max-width: 190px; max-height: 190px; padding-top: 0px; padding-right: 80px;} }
      	      	      @media only screen and (min-width: 450px) and (max-width: 549px) { #turnier_uebersicht .anmelden img#gross2 {max-width: 270px; max-height: 270px; padding-top: 10px; padding-right: 80px;} }
      	      	      @media only screen and (min-width: 550px) and (max-width: 779px) { #turnier_uebersicht .anmelden img#gross2 {max-width: 330px; max-height: 330px; padding-right: 100px;} }
      	      	      @media only screen and (min-width: 780px) and (max-width: 919px) { #turnier_uebersicht .anmelden img#gross2 {max-width: 230px; max-height: 230px; padding-top: 10px; padding-right: 80px;} }
      	      	      @media only screen and (min-width: 920px) and (max-width: 1199px) { #turnier_uebersicht .anmelden img#gross2 {max-width: 250px; max-height: 250px; padding-right: 80px;} }
      	      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .anmelden img#gross2 {max-width: 330px; max-height: 330px;} }
      	      	      	
      	   #turnier_uebersicht .anmelden #dabei_gross
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      color: rgba(0,255,0,1);
      	      width: 100%;
      	      margin: 0px 0px 10px 0px;
      	      text-align: center;
      	      font-weight: bold;
      	      font-size: 24px;
      	      }
      	      	      	
      	      #turnier_uebersicht .anmelden #dabei_gross img
      	      	{
      	      	width: auto;
      	      	max-width: 50px;
      	      	height: auto;
      	      	max-height: 24px;
      	      	}
      	      	      	
      	   #turnier_uebersicht .anmelden #abmelden
      	      {
      	      width: 100%;
      	      margin-top: 10px;
      	      text-align: center;
      	      }
      	      	      	
      	      #turnier_uebersicht .anmelden #abmelden a
      	      	{
      	      	color: rgba(221,6,64,1);
      	      	text-decoration: none;
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	      	#turnier_uebersicht .anmelden #abmelden a:hover, #turnier_uebersicht .anmelden #abmelden a:focus, #turnier_uebersicht .anmelden #abmelden a:active
      	      	   {
      	      	   cursor: pointer;
      	      	   color: rgba(221,6,64,1);
      	      	   text-decoration: underline;
      	      	   transition: ease 0.3s;
      	      	   }
      	      	      	
      	      #turnier_uebersicht .anmelden #rahmen_details_links
      	      	{
      	      	margin-top: 10px;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .anmelden #rahmen_details {} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .anmelden #rahmen_details {} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .anmelden #rahmen_details {} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .anmelden #rahmen_details {} }
      	      	      	
      	      #turnier_uebersicht .anmelden #rahmen_details #details_angaben
      	      	{
      	      	position: relative;
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: nowrap;
            	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: center;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	text-align: center;
      	      	}
      	      	@media only screen and (max-width: 399px) { #turnier_uebersicht .anmelden #rahmen_details #details_angaben {} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .anmelden #rahmen_details #details_angaben {} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .anmelden #rahmen_details #details_angaben {} }
      	      	@media only screen and (min-width: 1200px) { #turnier_uebersicht .anmelden #rahmen_details #details_angaben {} }
      	      	      	
      	      	#turnier_uebersicht .anmelden #details_angaben #bild
      	      	   {
      	      	   position: relative;
      	      	   display: -webkit-flex;
      	      	   display: -webkit-box;
      	      	   display: -ms-flexbox;
      	      	   display: flex;
      	      	   flex-direction: row;
      	      	   flex-wrap: nowrap;
            	   -webkit-align-items: center;
      	      	   align-items: center;
      	      	   align-content: center;
      	      	   -webkit-justify-content: center;
      	      	   justify-content: center;
      	      	   box-sizing: border-box;
      	      	   width: 30px;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #turnier_uebersicht .anmelden #details_angaben #bild {height: 12px; margin-right: 5px;} }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .anmelden #details_angaben #bild {height: 14px; margin-right: 5px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .anmelden #details_angaben #bild {height: 16px; margin-right: 5px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .anmelden #details_angaben #bild {height: 16px; margin-right: 5px;} }
      	      	      	
      	      	   #turnier_uebersicht .anmelden #details_angaben img
      	      	      {
      	      	      width: auto;
      	      	      height: auto;
      	      	      max-width: 100%;
      	      	      max-height: 100%;
      	      	      }
      	      	      	
      	      	#turnier_uebersicht .anmelden #details_angaben p
      	      	   {
      	      	   text-align: left;
      	      	   margin-top: 0px;
      	      	   margin-bottom: 0px;
      	      	   }
      	      	      	
      	#turnier_uebersicht .anmelden form
      	   {
      	   position: relative;
      	   width: auto;
      	   margin-left: auto;
      	   margin-right: auto;
      	   text-align: left;
      	   }
      	      	      	
      	   #turnier_uebersicht .anmelden form p
      	      {
      	      box-sizing: border-box;
      	      width: 100%;
      	      margin-top: 3px;
      	      margin-bottom: 3px;
      	      }
      	      	      	
      	   #turnier_uebersicht form #hinweis, #turnier_uebersicht #hinweis
      	      {
      	      box-sizing: border-box;
      	      width: 100%;
      	      margin-top: 15px;
      	      }
      	      #turnier_uebersicht p.abstand_oben_null { margin-top: 0px; }
      	      	      	
      	      #turnier_uebersicht form #hinweis i
      	      	{
      	      	box-sizing: border-box;
      	      	}
      	      	      	
      	   #turnier_uebersicht .anmelden form label
      	      {
      	      display: block;
      	      text-align: left;
      	      }
      	      	      	
      	      #turnier_uebersicht .anmelden form label input
      	      	{
      	      	box-sizing: border-box;
      	      	background-color: rgba(255,255,255,1);
      	      	-webkit-border-radius: 2px;
      	      	-webkit-appearance: none; 
      	      	border-radius: 2px;
      	      	border-style: solid;
      	      	border-width: 2px;
      	      	border-color: rgba(255,255,255,1);
      	      	color: rgba(0,0,0,1);
      	      	margin-top: 3px;
      	      	margin-bottom: 3px;
      	      	padding: 10px 10px;
      	      	text-align: left;
      	      	width: 100%;
      	      	font-size: 16px;
      	      	font-weight: bold;
      	      	}
      	      	      	
      	      	#turnier_uebersicht .anmelden form label input:focus 
      	      	   {
      	      	   
      	      	   }
      	      	      	
      	#turnier_uebersicht form #login, #turnier_uebersicht .anmelden form #login
      	   {
      	   position: relative;
      	   text-align: left;
      	   margin-top: 15px;
      	   }
      	      	      	
      	   #turnier_uebersicht form #login input, #turnier_uebersicht .anmelden form #login input
      	      {
      	      box-sizing: border-box;
      	      border-style: solid;
      	      border-width: 2px;
      	      border-color: rgba(0,154,205,1);
      	      -webkit-border-radius: 2px;
      	      -webkit-appearance: none; 
      	      border-radius: 2px;
      	      color: rgba(0,154,205,1);
      	      background-color: rgba(35,35,35,0.7);
       	      width: 100%;
      	      padding: 10px 10px;
      	      text-align: center;
      	      font-size: 24px;
      	      font-weight: bold;
      	      font-family: firasans;
      	      transition: ease 0.3s;
      	      }
      	      	      	
      	      #turnier_uebersicht .anmelden form #login input:hover, #turnier_uebersicht .anmelden form #login input:focus, #turnier_uebersicht .anmelden form #login input:active, #turnier_uebersicht form #login input:hover, #turnier_uebersicht form #login input:focus, #turnier_uebersicht form #login input:active
      	      	{
      	      	cursor: pointer;
      	      	border-color: rgba(0,154,205,1);
      	      	color: rgba(255,255,255,1);
      	      	background-color: rgba(0,154,205,1);
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	#turnier_uebersicht .anmelden p#pw_vergessen
      	   {
      	   width: 100%;
      	   margin-top: 20px;
      	   text-align: center;
      	   }
      	      	      	
      	#turnier_uebersicht .anmelden p#login_registrieren
      	   {
      	   width: 100%;
      	   margin-top: 10px;
      	   text-align: center;
      	   }
      	      	      	
      	   #turnier_uebersicht .anmelden p#login_registrieren a
      	      {
      	      color: rgba(221,6,64,1);
      	      text-decoration: none;
      	      transition: ease 0.3s;
      	      }
      	      	      	
      	      #turnier_uebersicht .anmelden p#login_registrieren a:hover, #turnier_uebersicht .anmelden p#login_registrieren a:focus, #turnier_uebersicht .anmelden p#login_registrieren a:active
      	      	{
      	      	cursor: pointer;
      	      	color: rgba(221,6,64,1);
      	      	text-decoration: underline;
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	   #turnier_uebersicht .anmelden #paypal
      	      {
      	      box-sizing: border-box;
      	      width: 100%;
      	      margin-top: 10px;
      	      padding: 0px 10px 0px 10px;
      	      text-align: center;
      	      }
      	      	      	
      	      #turnier_uebersicht .anmelden #paypal form
      	      	{
      	      	box-sizing: border-box;
      	      	text-align: center;
      	      	width: 100%;
      	      	}
      	      	      	
      	/* ------------------------- Box Spielplan ------------------------- */
      	   #turnier_uebersicht .spielplan
      	      {
      	      position: relative;
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: nowrap;
            -webkit-align-items: center;
      	      align-items: center;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      text-align: left;
      	      font-family: firasans;
      	      top: -10px;
      	      }
      	      @media only screen and (max-width: 499px) { #turnier_uebersicht .spielplan {width: 100%; height: auto;} }
      	      @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .spielplan {width: 100%; height: auto;} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .spielplan {width: 100%; height: auto;} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .spielplan { width: 95%; max-width: 1800px; height: auto;} }
      	      	      	
      	      #turnier_uebersicht .spielplan #text_anfang
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: column;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: stretch;
      	      	align-items: stretch;
      	      	align-content: flex-start;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	}
      	      	      	
      	      	#turnier_uebersicht .spielplan #text_anfang h2
      	      	   {
      	      	   width: 100%;
      	      	   text-align: center;
      	      	   color: rgba(0,29,71,1);
      	      	   }
      	      	   @media only screen and (max-width: 499px) { #turnier_uebersicht .spielplan #text_anfang h2 {font-size: 22px;} }
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .spielplan #text_anfang h2 {font-size: 30px;} }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .spielplan #text_anfang h2 {font-size: 25px;} }
      	      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .spielplan #text_anfang h2 {font-size: 30px;} }
      	      	      	
      	      #turnier_uebersicht .spielplan #text_mitte
      	      	{
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	font-family: firasans;
      	      	hyphens: auto;
      	      	word-wrap: break-word; overflow-wrap: break-word;
      	      	/* word-break: break-all; */
      	      	}
      	      	      	
      	/* ------------------------- Box Informationen ------------------------- */
      	   #turnier_uebersicht .informationen
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: wrap;
      	      -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      text-align: justify;
      	      }
      	      @media only screen and (max-width: 399px) { #turnier_uebersicht .informationen {width: 100%;} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #turnier_uebersicht .informationen {width: 90%;} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .informationen {width: 95%;} }
      	      @media only screen and (min-width: 1200px) { #turnier_uebersicht .informationen {width: 95%;} }
      	      	      	
      	/* ------------------------- Box Sieger ------------------------- */
      	   #sieger_rahmen
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      width: 100%;
      	      padding: 40px 0px;
      	      text-align: center;
      	      }
      	      @media only screen and (max-width: 399px) { #sieger_rahmen {} }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #sieger_rahmen {} }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #sieger_rahmen {} }
      	      @media only screen and (min-width: 1200px) { #sieger_rahmen {} }
      	      	      	
      	      #sieger
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: column;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: center;
      	      	-webkit-justify-content: flex-start;
      	      	justify-content: flex-start;
      	      	box-sizing: border-box;
      	      	text-align: center;
      	      	margin-bottom: 10px;
      	      	margin-left: 2%;
      	      	margin-right: 2%;
      	      	hyphens: auto;
      	      	word-break: break-all;
      	      	}
      	      	@media only screen and (max-width: 549px) { #sieger {} }
      	      	@media only screen and (min-width: 550px) and (max-width: 779px) { #sieger {width: 29%;} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #sieger {width: 29%;} }
      	      	@media only screen and (min-width: 1200px) { #sieger{width: 29%;} }
      	      	@media only screen and (max-width: 549px)
      	      	   {
      	      	   .sieger_rahmen :nth-child(1) { order: 2; }
      	      	   .sieger_rahmen :nth-child(2) { order: 1; }
      	      	   .sieger_rahmen :nth-child(3) { order: 3; }
      	      	   .sieger_eins {width: 100%;}
      	      	   .sieger_zwei {width: 40%;}
      	      	   .sieger_drei {width: 40%;}
      	      	   }
      	      	      	
      	      	.sieger_eins
      	      	   {
      	      	   font-size: 20px;
      	      	   }
      	      	      	
      	      	   #sieger_bild
      	      	      {
      	      	      display: -webkit-flex;
      	      	      display: -webkit-box;
      	      	      display: -ms-flexbox;
      	      	      display: flex;
      	      	      flex-direction: column;
      	      	      flex-wrap: wrap;
      	      	      -webkit-align-items: center;
      	      	      align-items: center;
      	      	      align-content: center;
      	      	      -webkit-justify-content: center;
      	      	      justify-content: center;
      	      	      box-sizing: border-box;
      	      	      background-color: rgba(0,0,0,1);
      	      	      -webkit-border-radius: 100%;
      	      	      -webkit-appearance: none; 
      	      	      border-radius: 100%;
      	      	      overflow: hidden;
      	      	      }
      	      	      	
      	      	      	.sieger_bild_eins, .sieger_bild_zwei, .sieger_bild_drei
      	      	      	   {
      	      	      	   
      	      	      	   }
      	      	      	   @media only screen and (max-width: 399px) { .sieger_bild_eins {width: 50px; height: 50px;} }
      	      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { .sieger_bild_eins {width: 90px; height: 90px;} }
      	      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { .sieger_bild_eins {width: 120px; height: 120px;} }
      	      	      	   @media only screen and (min-width: 1200px) { .sieger_bild_eins {width: 150px; height: 150px;} }
      	      	      	      @media only screen and (max-width: 399px) { .sieger_bild_zwei {width: 50px; height: 50px;} }
      	      	      	      @media only screen and (min-width: 400px) and (max-width: 779px) { .sieger_bild_zwei {width: 70px; height: 70px;} }
      	      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { .sieger_bild_zwei {width: 90px; height: 90px;} }
      	      	      	      @media only screen and (min-width: 1200px) { .sieger_bild_zwei {width: 110px; height: 110px;} }
      	      	      	      	   @media only screen and (max-width: 399px) { .sieger_bild_drei {width: 50px; height: 50px;} }
      	      	      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { .sieger_bild_drei {width: 70px; height: 70px;} }
      	      	      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { .sieger_bild_drei {width: 90px; height: 90px;} }
      	      	      	      	   @media only screen and (min-width: 1200px) { .sieger_bild_drei {width: 110px; height: 110px;} }
      	      	      	
      	      	      	#sieger img
      	      	      	   {
      	      	      	   width: auto;
      	      	      	   max-width: 100%;
      	      	      	   }
      	      	      	   @media only screen and (max-width: 399px) { .sieger_eins img {height: 50px;} }
      	      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { .sieger_eins img {height: 90px;} }
      	      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { .sieger_eins img {height: 120px;} }
      	      	      	   @media only screen and (min-width: 1200px) { .sieger_eins img {height: 150px;} }
      	      	      	      @media only screen and (max-width: 399px) { .sieger_zwei img {height: 50px;} }
      	      	      	      @media only screen and (min-width: 400px) and (max-width: 779px) { .sieger_zwei img {height: 70px;} }
      	      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { .sieger_zwei img {height: 90px;} }
      	      	      	      @media only screen and (min-width: 1200px) { .sieger_zwei img {height: 110px;} }
      	      	      	      	   @media only screen and (max-width: 399px) { .sieger_drei img {height: 50px;} }
      	      	      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { .sieger_drei img {height: 70px;} }
      	      	      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { .sieger_drei img {height: 90px;} }
      	      	      	      	   @media only screen and (min-width: 1200px) { .sieger_drei img {height: 110px;} }
      	      	      	
      	      	#sieger #sieger_platz
      	      	{
      	      	color: rgba(0,99,122,1);
      	      	margin: 10px 0px;
      	      	}
      	      	      	
      	      #float_pin_left
      	      	{
      	      	position: absolute;
      	      	top: 5px;
      	      	left: 15px;
      	      	height: auto;
      	      	}
      	      	      	
      	      #float_pin_right
      	      	{
      	      	position: absolute;
      	      	top: 5px;
      	      	right: -5px;
      	      	height: auto;
      	      	}
      	      	      	
      	      .float_pin_klein
      	      	{
      	      	
      	      	}
      	      	@media only screen and (max-width: 399px) { .float_pin_klein {width: 30px;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { .float_pin_klein {width: 40px; } }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { .float_pin_klein {width: 55px;} }
      	      	@media only screen and (min-width: 1200px) { .float_pin_klein {width: 70px;} }
      	      	      	
      	      .float_pin_gross
      	      	{
      	      	
      	      	}
      	      	@media only screen and (max-width: 399px) { .float_pin_gross {width: 40px; margin-top: 10px;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { .float_pin_gross {width: 55px; margin-top: 8px;} }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) { .float_pin_gross {width: 70px; margin-top: 10px;} }
      	      	@media only screen and (min-width: 1200px) { .float_pin_gross {width: 100px; margin-top: 10px;} }
      	      	      	
      	      	#float_pin_left img, #float_pin_right img
      	      	   {
      	      	   width: auto;
      	      	   height: auto;
      	      	   max-width: 100%;
      	      	   max-height: 100%;
      	      	  }
      	      	      	
/* //////////////////// Darstellung Gesamtspielplan \\\\\\\\\\\\\\\\\\\\ */
#runde
   {
   
   }
      	      	      	
   #runde input.runde_anzeigen
      {
      display: none;
      }
      	      	      	
   #runde label#runde
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center;
      align-content: center;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      box-sizing: border-box;
      color: rgba(0,29,71,1);
      text-align: left;
      font-weight: bold;
      hyphens: auto;
      word-break: break-all;
      white-space: nowrap;
      cursor: pointer;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      border-bottom-style: solid;
      border-bottom-width: 5px;
      border-bottom-color: rgba(0,29,71,0.7);
      padding: 10px 5px;
      }
      @media only screen and (max-width: 599px) { #runde label#runde {font-size: 16px;} }
      @media only screen and (min-width: 600px) and (max-width: 779px) { #runde label#runde {font-size: 18px;} }
      @media only screen and (min-width: 780px) { #runde label#runde {font-size: 20px;} }
      	      	      	
      #runde label#runde:hover, #runde label#runde:focus, #runde label#runde:active
      	{
      	cursor: pointer;
      	}
      	      	      	
      #runde input.runde_anzeigen:checked + label#runde
      	{
      	cursor: pointer;
      	}
      	      	      	
      #runde label#runde i
      	{
      	
      	}
      	      	      	
      #runde label#runde nobr#klappzeichen_runde
      	{
      	font-size: 30px;
      	}
      	@media only screen and (max-width: 599px) { #runde label#runde nobr#klappzeichen_runde {font-size: 26px;} }
      	@media only screen and (min-width: 600px) and (max-width: 779px) { #runde label#runde nobr#klappzeichen_runde {font-size: 28px;} }
      	@media only screen and (min-width: 780px) { #runde label#runde nobr#klappzeichen_runde {font-size: 30px;} }
      	      	      	
      #runde label#runde nobr#klappzeichen_runde:before
      	{
      	content: "+";
      	}
      	      	      	
      	#runde input.runde_anzeigen:checked + label#runde nobr#klappzeichen_runde:before
      	   {
      	   content: "-";
      	   }
      	      	      	
      #runde_details
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-start;
      	align-items: flex-start;
      	align-content: center;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	margin-top: -5px;
      	margin-bottom: 30px;
      	width: 100%;
      	}
      	@media only screen and (max-width: 599px) { #runde_details {font-size: 12px;} }
      	@media only screen and (min-width: 600px) and (max-width: 779px) { #runde_details {font-size: 14px;} }
      	@media only screen and (min-width: 780px) { #runde_details {font-size: 16px;} }
      	      	      	
      	#runde input.runde_anzeigen:not(:checked) ~ #runde_details
      	   {
      	   display: none;
      	   }
      	      	      	
      	#runde input.runde_anzeigen:checked ~ #runde_details
      	   {
      	   display: flex;
      	   }
      	      	      	
      	   #spiel_runde_gruppe
      	      {
      	      width: 100%;
      	      margin-top: 20px;
      	      text-align: center;
      	      }
      	      	      	
      	      #spiel_runde_gruppe h3
      	      	{
      	      	margin: 0;
      	      	font-weight: bold;
      	      	font-size: 150%;
      	      	}
      	      	      	
      	      #spiel_runde_gruppe small
      	      	{
      	      	margin-top: -10px;
      	      	font-size: 80%;
      	      	}
      	      	      	
      	      #runde_weiter_links
      	      	{
      	      	position: absolute;
      	      	left: 25px;
      	      	-webkit-border-radius: 100%;
      	      	-webkit-appearance: none; 
      	      	border-radius: 100%;
      	      	}
      	      	@media only screen and (max-width: 349px) { #runde_weiter_links {top: 105px; width: 45px; height: 30px;} }
      	      	@media only screen and (min-width: 350px) and (max-width: 449px) { #runde_weiter_links {top: 105px; width: 45px; height: 30px;} }
      	      	@media only screen and (min-width: 450px) and (max-width: 549px) { #runde_weiter_links {margin-left: 10px; top: 120px; width: 52px; height: 35px;} }
      	      	@media only screen and (min-width: 550px) and (max-width: 679px) { #runde_weiter_links {margin-left: 15px; top: 130px; width: 60px; height: 40px;} }
      	      	@media only screen and (min-width: 680px) and (max-width: 779px) { #runde_weiter_links {margin-left: 20px; top: 150px; width: 70px; height: 47px;} }
      	      	@media only screen and (min-width: 780px) and (max-width: 919px) { #runde_weiter_links {top: 110px; width: 45px; height: 30px;} }
      	      	@media only screen and (min-width: 920px) and (max-width: 1049px) { #runde_weiter_links {top: 120px; width: 52px; height: 35px;} }
      	      	@media only screen and (min-width: 1050px) and (max-width: 1199px) { #runde_weiter_links {top: 130px; width: 55px; height: 37px;} }
      	      	@media only screen and (min-width: 1200px) and (max-width: 1399px) { #runde_weiter_links {top: 120px; width: 60px; height: 40px;} }
      	      	@media only screen and (min-width: 1400px) { #runde_weiter_links {top: 120px; width: 60px; height: 40px;} }
      	      	      	
      	      	#runde_weiter_links a
      	      	   {
      	      	   position: relative;
      	      	   width: 100%;
      	      	   height: 100%;
      	      	   }
      	      	      	
      	      	   #runde_weiter_links a #a_runde_weiter_links
      	      	      {
      	      	      position: relative;
      	      	      width: 100%;
      	      	      height: 100%;
      	      	      background-image: url("../images/global/pfeil_links_hell.png");
      	      	      background-position: center;
      	      	      background-repeat: no-repeat;
      	      	      background-size: contain;
      	      	      }
      	      	      	
      	      	      #runde_weiter_links a:hover #a_runde_weiter_links      	      	      	{
      	      	      	background-image: url("../images/global/pfeil_links_dunkel.png");
      	      	      	}
      	      	      	
      	      #runde_weiter_rechts
      	      	{
      	      	position: absolute;
      	      	right: 25px;
      	      	-webkit-border-radius: 100%;
      	      	-webkit-appearance: none; 
      	      	border-radius: 100%;
      	      	}
      	      	@media only screen and (max-width: 349px) { #runde_weiter_rechts {top: 105px; width: 45px; height: 30px;} }
      	      	@media only screen and (min-width: 350px) and (max-width: 449px) { #runde_weiter_rechts {top: 105px; width: 45px; height: 30px;} }
      	      	@media only screen and (min-width: 450px) and (max-width: 549px) { #runde_weiter_rechts {margin-left: 10px; top: 120px; width: 52px; height: 35px;} }
      	      	@media only screen and (min-width: 550px) and (max-width: 679px) { #runde_weiter_rechts {margin-left: 15px; top: 130px; width: 60px; height: 40px;} }
      	      	@media only screen and (min-width: 680px) and (max-width: 779px) { #runde_weiter_rechts {margin-left: 20px; top: 150px; width: 70px; height: 47px;} }
      	      	@media only screen and (min-width: 780px) and (max-width: 919px) { #runde_weiter_rechts {top: 110px; width: 45px; height: 30px;} }
      	      	@media only screen and (min-width: 920px) and (max-width: 1049px) { #runde_weiter_rechts {top: 120px; width: 52px; height: 35px;} }
      	      	@media only screen and (min-width: 1050px) and (max-width: 1199px) { #runde_weiter_rechts {top: 130px; width: 55px; height: 37px;} }
      	      	@media only screen and (min-width: 1200px) and (max-width: 1399px) { #runde_weiter_rechts {top: 120px; width: 60px; height: 40px;} }
      	      	@media only screen and (min-width: 1400px) { #runde_weiter_rechts {top: 120px; width: 60px; height: 40px;} }
      	      	      	
      	      	#runde_weiter_rechts a
      	      	   {
      	      	   position: relative;
      	      	   width: 100%;
      	      	   height: 100%;
      	      	   }
      	      	      	
      	      	   #runde_weiter_rechts a #a_runde_weiter_rechts
      	      	      {
      	      	      position: relative;
      	      	      width: 100%;
      	      	      height: 100%;
      	      	      background-image: url("../images/global/pfeil_rechts_hell.png");
      	      	      background-position: center;
      	      	      background-repeat: no-repeat;
      	      	      background-size: contain;
      	      	      }
      	      	      	
      	      	      #runde_weiter_rechts a:hover #a_runde_weiter_rechts
      	      	      	{
      	      	      	background-image: url("../images/global/pfeil_rechts_dunkel.png");
      	      	      	}
      	      	      	
#spiel
   {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   -webkit-align-items: stretch;
   align-items: stretch;
   align-content: center;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   box-sizing: border-box;
   margin-bottom: 5px;
   padding: 10px 0px;
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: rgba(0,29,71,0.7);
   }
   @media only screen and (max-width: 399px) { #spiel { width: 100%; }}
   @media only screen and (min-width: 400px) and (max-width: 779px) { #spiel { width: 100%; }}
   @media only screen and (min-width: 780px) and (max-width: 1199px) { #spiel { width: 100%; }}
   @media only screen and (min-width: 1200px) { #spiel { width: 100%; }}
      	      	      	
      input.einzelspiele_anzeigen
      	{
      	display: none;
      	}
  	      	      	
      label#einzelspiele
      	{
      	margin-left: auto;
      	margin-right: auto;
      	text-align: center;
      	}
      	      	      	
      label#einzelspiele:hover, label#einzelspiele:focus, label#einzelspiele:active
      	{
      	cursor: pointer;
      	}
      	      	      	
      input.einzelspiele_anzeigen_anzeigen:checked + label#einzelspiele
      	{
      	cursor: pointer;
      	}
      	      	      	
      nobr#einzelspiele
      	{
      	color: rgba(0,29,71,1);
      	}
      	      	      	
      nobr#einzelspiele:before
      	{
      	content: "\25BC Einzelspiele einblenden \25BC";
      	}
      	      	      	
      	input.einzelspiele_anzeigen:checked + label#einzelspiele nobr#einzelspiele:before
      	   {
      	   content: "\25B2 Einzelspiele ausblenden \25B2";
      	   }
      	      	      	    	
      #einzelspiele_uebersicht
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: flex-start;
      	align-items: flex-start;
      	align-content: center;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	box-sizing: border-box;
      	width: 100%;
      	}
      	      	      	
      	input.einzelspiele_anzeigen:not(:checked) ~ #einzelspiele_uebersicht
      	   {
      	   display: none;
      	   }
      	      	      	
      	input.einzelspiele_anzeigen:checked ~ #einzelspiele_uebersicht
      	   {
      	   display: flex;
      	   }
      	      	      	
      	#einzelspiel
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   flex-wrap: wrap;
      	   -webkit-align-items: stretch;
      	   align-items: stretch;
      	   align-content: center;
      	   -webkit-justify-content: flex-start;
      	   justify-content: flex-start;
      	   box-sizing: border-box;
      	   margin-bottom: 5px;
      	   padding: 10px 0px;
      	   background-color: rgba(255,255,255,0.5);
      	   color: rgba(0,0,0,1);
      	   }
      	   @media only screen and (max-width: 399px) { #einzelspiel { width: 100%; }}
      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #einzelspiel { width: 100%; }}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #einzelspiel { width: 100%; }}
      	   @media only screen and (min-width: 1200px) { #einzelspiel { width: 100%; }}
      	      	     	
   .spiel_ueberschrift
      {
      border-bottom-style: solid;
      border-bottom-width: 4px;
      border-bottom-color: rgb(0,0,0);
      }
      	      	      	
   #spiel_nr_ko, #spiel_nr_liga
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center;
      align-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      box-sizing: border-box;
      padding: 2px 5px;
      text-align: center;
      }
      @media only screen and (max-width: 449px) { #spiel_nr_ko {width: 15%;}}
      @media only screen and (min-width: 450px) and (max-width: 779px) { #spiel_nr_ko {width: 15%;}}
      @media only screen and (min-width: 780px) and (max-width: 1049px) { #spiel_nr_ko {width: 15%;}}
      @media only screen and (min-width: 1050px) { #spiel_nr_ko {width: 12%;}}

      	@media only screen and (max-width: 449px) { #spiel_nr_liga {width: 15%;} }
      	@media only screen and (min-width: 450px) and (max-width: 779px) { #spiel_nr_liga {width: 15%;} }
      	@media only screen and (min-width: 780px) and (max-width: 1049px) { #spiel_nr_liga {width: 15%;} }
      	@media only screen and (min-width: 1050px) { #spiel_nr_liga {width: 12%;} }
      	      	      	
   #begegnung
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center;
      align-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      box-sizing: border-box;
      padding: 2px 5px;
      }
      @media only screen and (max-width: 449px) {.turnierspielplan_m_s #runde #begegnung, .turnierspielplan_o_s #runde #begegnung { flex-direction: column; width: 70%; }}
      @media only screen and (min-width: 450px) and (max-width: 779px) {.turnierspielplan_m_s #runde #begegnung, .turnierspielplan_o_s #runde #begegnung { flex-direction: column; width: 75%; }}
      @media only screen and (min-width: 780px) and (max-width: 1049px) {.turnierspielplan_m_s #runde #begegnung, .turnierspielplan_o_s #runde #begegnung { flex-direction: row; width: 84%; }}
      @media only screen and (min-width: 1050px) {.turnierspielplan_m_s #runde #begegnung, .turnierspielplan_o_s #runde #begegnung { flex-direction: row; width: 87%; }}
      	   @media only screen and (max-width: 449px)  {.spielplan #runde #runde_details #begegnung {flex-direction: column; width: 70%;}}
      	   @media only screen and (min-width: 450px) and (max-width: 779px)  {.spielplan #runde #runde_details #begegnung {flex-direction: column; width: 75%;}}
      	   @media only screen and (min-width: 780px) and (max-width: 1049px)  {.spielplan #runde #runde_details #begegnung {flex-direction: row; width: 84%;}}
      	   @media only screen and (min-width: 1050px) {.spielplan #runde #runde_details #begegnung {flex-direction: row; width: 87%;}}
      	      	      	
      #mannschaft
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: center;
      	align-items: center;
      	align-content: center;
      	box-sizing: border-box;
      	hyphens: auto;
      	word-wrap: break-word; overflow-wrap: break-word;
      	}
      @media only screen and (max-width: 399px)  {.turnierspielplan_m_s #runde #begegnung #mannschaft {width: 100%;}}
      @media only screen and (min-width: 400px) and (max-width: 779px)  {.turnierspielplan_m_s #runde #begegnung #mannschaft {width: 100%;}}
      @media only screen and (min-width: 780px) and (max-width: 1199px)  {.turnierspielplan_m_s #runde #begegnung #mannschaft {width: 42%;}}
      @media only screen and (min-width: 1200px) {.turnierspielplan_m_s #runde #begegnung #mannschaft {width: 42%;}}
      	   @media only screen and (max-width: 399px)  {.spielplan #runde #runde_details #begegnung #mannschaft {width: 100%;}}
      	   @media only screen and (min-width: 400px) and (max-width: 779px)  {.spielplan #runde #runde_details #begegnung #mannschaft {width: 100%;}}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px)  {.spielplan #runde #runde_details #begegnung #mannschaft {width: 42%;}}
      	   @media only screen and (min-width: 1200px) {.spielplan #runde #runde_details #begegnung #mannschaft {width: 42%;}}
      	      	      	
      	   #mannschaft img#fehler
      	      {
      	      height: 16px;
      	      width: auto;
      	      }
      	      	      	
      	   #mannschaft p
      	      {
      	      margin: 0;
      	      }
      	      	      	
      #begegnung .heim
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: stretch;
      	align-items: stretch;
      	align-content: center;
      	padding: 2px 5px;
      	word-wrap: break-all; overflow-wrap: anywhere;
      	}
      	@media only screen and (max-width: 399px)  {.turnierspielplan_m_s #runde #begegnung .heim {-webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: 2px;}}
      	@media only screen and (min-width: 400px) and (max-width: 779px)  {.turnierspielplan_m_s #runde #begegnung .heim {-webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: 2px;}}
      	@media only screen and (min-width: 780px) and (max-width: 1199px)  {.turnierspielplan_m_s #runde #begegnung .heim {-webkit-justify-content: flex-end; justify-content: flex-end;}}
      	@media only screen and (min-width: 1200px) {.turnierspielplan_m_s #runde #begegnung .heim {-webkit-justify-content: flex-end; justify-content: flex-end;}}
      	   @media only screen and (max-width: 399px)  {.spielplan #runde #runde_details #begegnung .heim {-webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: 2px;}}
      	   @media only screen and (min-width: 400px) and (max-width: 779px)  {.spielplan #runde #runde_details #begegnung .heim {-webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: 2px;}}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px)  {.spielplan #runde #runde_details #begegnung .heim {-webkit-justify-content: flex-end; justify-content: flex-end;}}
      	   @media only screen and (min-width: 1200px) {.spielplan #runde #runde_details #begegnung .heim {-webkit-justify-content: flex-end; justify-content: flex-end;}}
      	@media only screen and (min-width: 780px)
      	   {
      	   #begegnung .heim :nth-child(1) { order: 2; }
      	   #begegnung .heim :nth-child(2) { order: 1; }
      	   }
      	      	      	
      	      #spielplan_spieler_bild
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: stretch;
      	      	align-items: stretch;
      	      	align-content: stretch;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	text-align: center;
      	      	border-radius: 100%;
      	      	}
      	      	@media only screen and (max-width: 399px) { #spielplan_spieler_bild { width: 18px; height: 15px; margin: 1px 4px 1px 0px; } }
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) { #spielplan_spieler_bild { width: 20px; height: 16px; margin: 2px 6px 2px 0px; } }
     	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { .heim #spielplan_spieler_bild { width: 24px; height: 20px; margin: 0px 0px 0px 10px; } }
      	      	   @media only screen and (min-width: 1200px) { .heim #spielplan_spieler_bild { width: 28px; height: 24px; margin: 0px 0px 0px 10px; } }
     	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { .gast #spielplan_spieler_bild { width: 24px; height: 20px; margin: 0px 10px 0px 0px; } }
      	      	      @media only screen and (min-width: 1200px) { .gast #spielplan_spieler_bild { width: 28px; height: 24px; margin: 0px 10px 0px 0px; } }
      	      	      	
      	      	#spielplan_spieler_bild img#spieler_bild
      	      	   {
      	      	   width: auto;
      	      	   max-width: 100%;
      	      	   border-radius: 100%;
      	      	   overflow: hidden;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { #spielplan_spieler_bild img#spieler_bild { height: 15px; } }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { #spielplan_spieler_bild img#spieler_bild { height: 20px; } }
     	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #spielplan_spieler_bild img#spieler_bild { height: 20px; } }
      	      	   @media only screen and (min-width: 1200px) { #spielplan_spieler_bild img#spieler_bild { height: 24px; } }
      	      	      	
      #begegnung .heim
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: center;
      	align-items: center;
      	align-content: center;
      	box-sizing: border-box;
      	word-wrap: break-all; overflow-wrap: anywhere;
      	}
      	@media only screen and (max-width: 399px)  {#begegnung .heim #mannschaftsname { -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; } }
      	@media only screen and (min-width: 400px) and (max-width: 779px)  {#begegnung .heim #mannschaftsname { -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; } }
      	@media only screen and (min-width: 780px) and (max-width: 1199px)  {#begegnung .heim #mannschaftsname { -webkit-justify-content: flex-end; justify-content: flex-end; text-align: right; } }
      	@media only screen and (min-width: 1200px) {#begegnung .heim #mannschaftsname { -webkit-justify-content: flex-end; justify-content: flex-end; text-align: right; } }
      	      	      	
      	   .mannschaftsname_ohne_twitch
      	      {
      	      
      	      }
      	      @media only screen and (max-width: 399px) { .mannschaftsname_ohne_twitch { width: calc(100% - 22px); } }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { .mannschaftsname_ohne_twitch { width: calc(100% - 26px); } }
     	      @media only screen and (min-width: 780px) and (max-width: 1199px) { .mannschaftsname_ohne_twitch { width: calc(100% - 34px); } }
      	      @media only screen and (min-width: 1200px) { .mannschaftsname_ohne_twitch { width: calc(100% - 38px); } }
      	   .mannschaftsname_mit_twitch
      	      {
      	      
      	      }
      	      @media only screen and (max-width: 399px) { .mannschaftsname_mit_twitch { width: calc(100% - 40px); } }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { .mannschaftsname_mit_twitch { width: calc(100% - 52px); } }
     	      @media only screen and (min-width: 780px) and (max-width: 1199px) { .mannschaftsname_mit_twitch { width: calc(100% - 61px); } }
      	      @media only screen and (min-width: 1200px) { .mannschaftsname_mit_twitch { width: calc(100% - 70px); } }
      	      	      	
      #begegnung #vs
      	{
      	text-align: center;
      	}
      	@media only screen and (max-width: 399px)  {.turnierspielplan_m_s #runde #begegnung #vs {display: none;}}
      	@media only screen and (min-width: 400px) and (max-width: 779px)  {.turnierspielplan_m_s #runde #begegnung #vs {display: none;}}
      	@media only screen and (min-width: 780px) and (max-width: 1199px)  {.turnierspielplan_m_s #runde #begegnung #vs {width: 16%;}}
      	@media only screen and (min-width: 1200px) {.turnierspielplan_m_s #runde #begegnung #vs {width: 16%;}}
      	   @media only screen and (max-width: 399px)  {.spielplan #runde #runde_details #begegnung #vs {display: none;}}
      	   @media only screen and (min-width: 400px) and (max-width: 779px)  {.spielplan #runde #runde_details #begegnung #vs {display: none;}}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px)  {.spielplan #runde #runde_details #begegnung #vs {width: 16%;}}
      	   @media only screen and (min-width: 1200px) {.spielplan #runde #runde_details #begegnung #vs {width: 16%;}}
      	      	      	
      #begegnung .gast
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: center;
      	align-items: center;
      	align-content: center;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	box-sizing: border-box;
      	padding: 2px 5px;
      	text-align: left;
      	word-wrap: break-all; overflow-wrap: anywhere;
      	}
      	      	      	
      #begegnung .ohne_ergebnis { color: rgba(0,0,0,1); }
      #begegnung .ergebnis_sieger { color: rgba(0,99,122,1); }
      #begegnung .ergebnis_verlierer, #begegnung i.ergebnis_verlierer { color: rgba(180,180,180,1); }
      #begegnung .ergebnis_remis { color: rgba(0,0,0,1); }
      	      	      	
      	   #twitch
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      text-align: center;
      	      box-sizing: border-box;
      	      }
      	      @media only screen and (max-width: 399px)  { #twitch { width: 14px; height: 10px; margin: 0px 0px 0px 4px; } }
      	      @media only screen and (min-width: 400px) and (max-width: 779px)  { #twitch { width: 20px; height: 16px; margin: 0px 0px 0px 6px; } }
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px)  { .heim #twitch { width: 22px; height: 14px; margin: 0px 0px 0px 5px; } }
      	      	@media only screen and (min-width: 1200px) { .heim #twitch { width: 22px; height: 18px; margin: 0px 0px 0px 10px; } }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px)  { .gast #twitch { width: 22px; height: 14px; margin: 0px 5px 0px 0px; } }
      	      	   @media only screen and (min-width: 1200px) { .gast #twitch { width: 22px; height: 18px; margin: 0px 10px 0px 0px; } }
      	      	      	
      	      #begegnung #mannschaft a#a_spieler_twitch
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: center;
      	      	align-items: center;
      	      	align-content: center;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	margin-left: auto;
      	      	margin-right: auto;
      	      	text-align: center;
      	      	}
      	      	      	
      	      	img#spieler_twitch
      	      	   {
      	      	   width: auto;
      	      	   max-width: 100%;
      	      	   height: auto;
      	      	   margin-left: auto;
      	      	   margin-right: auto;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { img#spieler_twitch { max-height: 10px; } }
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) { img#spieler_twitch { max-height: 16px; } }
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { img#spieler_twitch { max-height: 14px; } }
      	      	   @media only screen and (min-width: 1200px) { img#spieler_twitch { max-height: 20px; } }
      	      	      	
   #ergebnisse
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center;
      align-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      box-sizing: border-box;
      padding: 2px 2px;
      text-align: center;
      }
      	@media only screen and (max-width: 449px) { #spielplan #ergebnisse, .spielplan #ergebnisse {width: 15%;}}
      	@media only screen and (min-width: 450px) and (max-width: 779px) { #spielplan #ergebnisse, .spielplan #ergebnisse {width: 10%;}}
      	@media only screen and (min-width: 780px) and (max-width: 1049px) { #spielplan #ergebnisse, .spielplan #ergebnisse {display: none; }}
      	@media only screen and (min-width: 1050px) { #spielplan #ergebnisse, .spielplan #ergebnisse {display: none; }}
      	      	      	
      #ergebnis, #ergebnis_ohne_bearbeiten
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-wrap: wrap;
      	-webkit-align-items: center;
      	align-items: center;
      	align-content: center;
      	-webkit-justify-content: center;
      	justify-content: center;
      	box-sizing: border-box;
      	padding: 2px 5px;
      	}
      #ergebnis {}
      	@media only screen and (max-width: 399px) { #ergebnis { width: 50%;}}
      	@media only screen and (min-width: 400px) and (max-width: 779px) { #ergebnis { width: 50%;}}
      	@media only screen and (min-width: 780px) and (max-width: 1199px) { #ergebnis { width: 65%; }}
      	@media only screen and (min-width: 1200px) { #ergebnis { width: 65%; }}
      	      	      	
      #ergebnis_ohne_bearbeiten {  }
      	   @media only screen and (max-width: 399px)  {#ergebnis #vs, .turnierspielplan_m_s #runde #ergebnis_ohne_bearbeiten {flex-direction: column;}}
      	   @media only screen and (min-width: 400px) and (max-width: 779px)  {#ergebnis #vs, .turnierspielplan_m_s #runde #ergebnis_ohne_bearbeiten {flex-direction: column;}}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px)  {#ergebnis #vs, .turnierspielplan_m_s #runde #ergebnis_ohne_bearbeiten {display: none;}}
      	   @media only screen and (min-width: 1200px) {#ergebnis #vs, .turnierspielplan_m_s #runde #ergebnis_ohne_bearbeiten {display: none;}}
      	      @media only screen and (max-width: 399px)  {.spielplan #runde #runde_details #ergebnis_ohne_bearbeiten {flex-direction: column;}}
      	      @media only screen and (min-width: 400px) and (max-width: 779px)  {.spielplan #runde #runde_details #ergebnis_ohne_bearbeiten {flex-direction: column;}}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px)  {.spielplan #runde #runde_details #ergebnis_ohne_bearbeiten {flex-direction: row;}}
      	      @media only screen and (min-width: 1200px) {.spielplan #runde #runde_details #ergebnis_ohne_bearbeiten {flex-direction: row;}}
      	      	      	
      	#wert
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   flex-wrap: wrap;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: center;
      	   -webkit-justify-content: center;
      	   justify-content: center;
      	   box-sizing: border-box;
      	   padding: 2px 5px;
      	   }
      	      	      	
      	   #wert input#wert
      	      {
      	      width: 30px;
      	      text-align: center;
      	      }
      	      	      	
      	#ergebnis #vs, #ergebnis_ohne_bearbeiten #vs
      	   {
      	   
      	   }
      	   @media only screen and (max-width: 399px)  {#ergebnis #vs, .turnierspielplan_m_s #runde #ergebnis_ohne_bearbeiten #vs {display: none;}}
      	   @media only screen and (min-width: 400px) and (max-width: 779px)  {#ergebnis #vs, .turnierspielplan_m_s #runde #ergebnis_ohne_bearbeiten #vs {display: none;}}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px)  {#ergebnis #vs, .turnierspielplan_m_s #runde #ergebnis_ohne_bearbeiten #vs {}}
      	   @media only screen and (min-width: 1200px) {#ergebnis #vs, .turnierspielplan_m_s #runde #ergebnis_ohne_bearbeiten #vs {}}
      	      @media only screen and (max-width: 399px)  {.spielplan #runde #runde_details #ergebnis_ohne_bearbeiten #vs {display: none;}}
      	      @media only screen and (min-width: 400px) and (max-width: 779px)  {.spielplan #runde #runde_details #ergebnis_ohne_bearbeiten #vs {display: none;}}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px)  {.spielplan #runde #runde_details #ergebnis_ohne_bearbeiten #vs {}}
      	      @media only screen and (min-width: 1200px) {.spielplan #runde #runde_details #begegnung #vs {}}
      	      	      	
      #ergebnis_bearbeiten
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: center;
      	align-items: center;
      	align-content: center;
      	-webkit-justify-content: center;
      	justify-content: center;
      	box-sizing: border-box;
      	padding: 1px 1px;
      	}
      	@media only screen and (min-width: 1200px) {#ergebnis_bearbeiten {width: 35%;}}
      	@media only screen and (max-width: 1199px)  {#ergebnis_bearbeiten {width: 35%;}}
      	@media only screen and (max-width: 720px)  {#ergebnis_bearbeiten {width: 50%;}}
      	@media only screen and (max-width: 400px)  {#ergebnis_bearbeiten {width: 50%;}}
      	      	      	
      	#ergebnis_bearbeiten a
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: column;
      	   flex-wrap: wrap;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: center;
      	   -webkit-justify-content: center;
      	   justify-content: center;
      	   box-sizing: border-box;
      	   margin: 1px 1px;
      	   background-color: rgb(25,25,25);
      	   color: rgb(255,255,255);
      	   text-align: center;
      	   hyphens: auto;
      	   word-break: break-all;
      	   -webkit-border-radius: 5px;
      	   -webkit-appearance: none; 
      	   border-radius: 5px;
      	   box-shadow: 2px 2px 1px rgba(90,90,90,1), -1px -1px 1px rgba(200,200,200,1);
      	   padding: 2px 2px;
      	   cursor: pointer;
      	   transition: background-color ease 0.5s;
      	   }
      	      	      	
      	   #ergebnis_bearbeiten a:hover
      	      {
      	      background-color: rgb(0,0,0);
      	      color: rgb(255,255,255);
      	      box-shadow: 1px 1px 1px rgba(200,200,200,1), -1px -1px 1px rgba(90,90,90,1);
      	      transition: background-color ease 0.5s;
      	      }
      	      	      	
      	   #ergebnis_bearbeiten a img
      	      {
      	      width: auto;
      	      max-width: 100%;
      	      height: auto;
      	      max-height: 25px;
      	      }
      	      	      	
      	   #ergebnis_bearbeiten a img.hover
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #ergebnis_bearbeiten a img.nicht_hover
      	      {
      	      display: flex;
      	      }
      	      	      	
      	   #ergebnis_bearbeiten a:hover > img.nicht_hover
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #ergebnis_bearbeiten a:hover > img.hover
      	      {
      	      display: flex;
      	      }
      	      	      	
      	      #fehler
      	      	{
      	      	padding: 2px 2px;
      	      	text-align: center;
      	      	box-sizing: border-box;
      	      	}
      	      	#rahmen #fehler {width: 82%; margin: -10px auto 5px auto;}
      	      	#rahmen_details #fehler {width: 82%; margin: 0px auto 5px auto;}
      	      	#kontakt #fehler {width: 100%; margin: 0px auto 5px auto;}
      	      	      	
      	      	#fehler h3
      	      	   {
      	      	   margin-top: 0px;
      	      	   margin-bottom: 0px;
      	      	   font-weight: bold;
      	      	   font-size: 100%;
      	      	   text-align: center;
      	      	   color: rgba(195,35,45,1);
      	      	   }
      	      	      	
      	      	#fehler p
      	      	   {
      	      	   margin: 0;
      	      	   font-weight: normal;
      	      	   font-size: 80%;
      	      	   }
      	      	      	
      	      #erfolgreich
      	      	{
      	      	margin: 0px auto 5px auto;
      	      	text-align: center;
      	      	box-sizing: border-box;
      	      	}
      	      	#rahmen_details #erfolgreich {width: 82%;}
      	      	      	
      	      	   .erfolgreich_rahmen
      	      	      {
      	      	      border-style: solid;
      	      	      border-width: 2px;
      	      	      border-color: rgba(50,150,77,1);
      	      	      padding: 8px 15px;
      	      	      }
      	      	      	
      	      	#kontakt #erfolgreich, #registrieren #erfolgreich
      	      	   {
      	      	   text-align: justify;
      	      	   color: rgba(0,0,0,1);
      	      	   background-color: rgba(255,255,255,0.7);
      	      	   padding: 25px;
      	      	   }
      	      	   @media only screen and (max-width: 499px) {#kontakt #erfolgreich, #registrieren #erfolgreich { width: 95%; }}
      	      	   @media only screen and (min-width: 500px) and (max-width: 779px) {#kontakt #erfolgreich, #registrieren #erfolgreich { width: 90%; }}
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt #erfolgreich, #registrieren #erfolgreich { width: 90%; }}
      	      	   @media only screen and (min-width: 1200px) {#kontakt #erfolgreich, #registrieren #erfolgreich { width: 90%; max-width: 1400px;}}
      	      	      	
      	      	#kontakt #erfolgreich h4
      	      	   {
      	      	   color: rgba(0,29,71,1);
      	      	   font-size: 18px;
      	      	   margin-bottom: 20px;
      	      	   }
      	      	      	
      	      	#kontakt #erfolgreich a#button
      	      	   {
      	      	   -webkit-border-radius: 2px;
      	      	   -webkit-appearance: none; 
      	      	   border-radius: 2px;
      	      	   border-style: solid;
      	      	   border-width: 2px;
      	      	   border-color: rgba(0,29,71,1);
      	      	   box-sizing: border-box;
      	      	   background-color: rgba(0,29,71,1);
      	      	   width: auto;
      	      	   margin: 10px auto 20px auto;
      	      	   padding: 10px 20px;
      	      	   text-align: center;
      	      	   font-weight: bold;
      	      	   color: rgba(255,255,255,1);
      	      	   transition: ease 0.3s;
      	      	   }
      	      	   @media only screen and (max-width: 399px) {#kontakt #erfolgreich a#button {}}
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) {#kontakt #erfolgreich a#button {}}
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt #erfolgreich a#button {}}
      	      	   @media only screen and (min-width: 1200px) {#kontakt #erfolgreich a#button {}}
      	      	      	
      	      	   #kontakt #erfolgreich a#button:hover, #kontakt #erfolgreich a#button:focus, #kontakt #erfolgreich a#button:active
      	      	      {
      	      	      color: rgba(255,255,255,1);
      	      	      border-color: rgba(221,6,64,1);
      	      	      background-color: rgba(221,6,64,1);
      	      	      transition: ease 0.3s;
      	      	      cursor: pointer;
      	      	      }
      	      	      	
      	      	   #kontakt #erfolgreich #row_space_around
      	      	      {
      	      	      display: -webkit-flex;
      	      	      display: -webkit-box;
      	      	      display: -ms-flexbox;
      	      	      display: flex;
      	      	      flex-direction: row;
      	      	      flex-wrap: wrap;
      	      	      -webkit-align-items: stretch;
      	      	      align-items: stretch;
      	      	      align-content: center;
      	      	      -webkit-justify-content: space-around;
      	      	      justify-content: space-around;
      	      	      box-sizing: border-box;
      	      	      width: 100%;
      	      	      }
      	      	      	
      	      	#erfolgreich h3
      	      	   {
      	      	   margin-top: 0px;
      	      	   margin-bottom: 0px;
      	      	   font-weight: bold;
      	      	   text-align: center;
      	      	   color: rgba(50,150,77,1);
      	      	   }
      	      	      	
      	      	#erfolgreich p
      	      	   {
      	      	   font-weight: normal;
      	      	   font-size: 12px;
      	      	   }
      	      	      	
      	      	   #erfolgreich p img
      	      	      {
      	      	      width: auto;
      	      	      height: 16px;
      	      	      }
      	      	      @media only screen and (max-width: 499px) {#erfolgreich p img {height: 11px;}}
      	      	      @media only screen and (min-width: 500px) and (max-width: 779px) {#erfolgreich p img {height: 14px;}}
      	      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#erfolgreich p img {height: 16px;}}
      	      	      @media only screen and (min-width: 1200px) {#erfolgreich p img {height: 16px;}}
      	      	      	
      	      #erfolgreich_paypal
      	      	{
      	      	position: relative;
      	      	margin-bottom: 10px;
      	      	padding: 2px 2px;
      	      	text-align: center;
      	      	box-sizing: border-box;
      	      	}
      	      	      	
      	      	#erfolgreich_paypal h3
      	      	   {
      	      	   margin-top: 0px;
      	      	   margin-bottom: 0px;
      	      	   font-weight: bold;
      	      	   font-size: 20px;
      	      	   text-align: center;
      	      	   color: rgba(50,150,77,1);
      	      	   }
      	      	      	
      	      	#erfolgreich_paypal p
      	      	   {
      	      	   font-weight: normal;
      	      	   }
      	      	      	
/* //////////////////// Tabelle \\\\\\\\\\\\\\\\\\\\ */
.tabellenblatt
   {
   position: relative;
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   -webkit-align-items: center;
   align-items: center;
   align-content: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   box-sizing: border-box;
   text-align: justify;
   font-family: firasans;
   top: -10px;
   }
   @media only screen and (max-width: 499px) { .tabellenblatt {width: 100%;} }
   @media only screen and (min-width: 500px) and (max-width: 779px) { .tabellenblatt {width: 100%;} }
   @media only screen and (min-width: 780px) and (max-width: 1199px) { .tabellenblatt {width: 100%;} }
   @media only screen and (min-width: 1200px) { .tabellenblatt { width: 95%; max-width: 1800px; } }
      	      	      	
      #turnier_uebersicht .tabellenblatt #text_anfang
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: stretch;
      	align-items: stretch;
      	align-content: flex-start;
      	-webkit-justify-content: center;
      	justify-content: center;
      	box-sizing: border-box;
      	background-color: rgba(255,255,255,0.7);
      	width: 100%;
      	}
      	      	      	
      	#turnier_uebersicht .tabellenblatt #text_anfang h2
      	   {
      	   width: 100%;
      	   text-align: center;
      	   color: rgba(0,29,71,1);
      	   }
      	   @media only screen and (max-width: 499px) { #turnier_uebersicht .tabellenblatt #text_anfang h2 {font-size: 22px;} }
      	   @media only screen and (min-width: 500px) and (max-width: 779px) { #turnier_uebersicht .tabellenblatt #text_anfang h2 {font-size: 30px;} }
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) { #turnier_uebersicht .tabellenblatt #text_anfang h2 {font-size: 25px;} }
      	   @media only screen and (min-width: 1200px) { #turnier_uebersicht .tabellenblatt #text_anfang h2 {font-size: 30px;} }
      	      	      	
      	   #turnier_uebersicht .tabellenblatt #text_mitte
      	      {
      	      background-color: rgba(255,255,255,0.7);
      	      box-sizing: border-box;
      	      width: 100%;
      	      font-family: firasans;
      	      hyphens: auto;
      	      word-wrap: break-word; overflow-wrap: break-word;
      	      }
      	      	      	
      #tabelle
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: stretch;
      	align-items: stretch;
      	align-content: flex-start;
      	-webkit-justify-content: center;
      	justify-content: center;
      	box-sizing: border-box;
      	width: 100%;
      	padding: 0px 10px 20px 10px;
      	}
      	      	      	
      	#tabelle_zeile
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   flex-wrap: wrap;
      	   -webkit-align-items: stretch;
      	   align-items: stretch;
      	   align-content: flex-start;
      	   -webkit-justify-content: space-between;
      	   justify-content: space-between;
      	   box-sizing: border-box;
      	   width: 100%;
      	   border-bottom-style: solid;
      	   border-bottom-width: 1px;
      	   border-bottom-color: rgba(0,29,71,0.7);  
      	   }
      	   @media only screen and (max-width: 599px) { #tabelle_zeile {font-size: 12px;} }
      	   @media only screen and (min-width: 600px) and (max-width: 779px) { #tabelle_zeile {font-size: 14px;} }
      	   @media only screen and (min-width: 780px) { #tabelle_zeile {font-size: 16px;} }
      	      	      	
      	#tabelle_zeile_platzhalter
      	   {
      	   padding: 1px 0px;
      	   }
      	      	      	
      	   .tabelle_zeile_aufstieg, #tabelle_zeile_aufstieg
      	      {
      	      background-color: rgba(0,150,0,0.3);  
      	      }
      	      	      	
      	   .tabelle_zeile_aufstieg_relegation, #tabelle_zeile_aufstieg_relegation
      	      {
      	      background-color: rgba(60,200,60,0.3);  
      	      }
      	      	      	
      	   .tabelle_zeile_abstieg_relegation, #tabelle_zeile_abstieg_relegation
      	      {
      	      background-color: rgba(200,40,40,0.3);  
      	      }
      	      	      	
      	   .tabelle_zeile_abstieg, #tabelle_zeile_abstieg
      	      {
      	      background-color: rgba(150,0,0,0.3);  
      	      }
      	      	      	
      	.tab_zeile_kopf
      	   {
      	   
   	   }
      	      	      	
      	   .ich {color: rgba(0,29,71,1);  }
      	      	      	
      	   #tabelle_platz
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      padding: 10px 2px;
      	      box-sizing: border-box;
      	      text-align: center;
      	      }
      	      @media only screen and (max-width: 349px) { #tabelle_platz {width: 12%;} }
      	      @media only screen and (min-width: 350px) and (max-width: 449px) { #tabelle_platz {width: 12%;} }
      	      @media only screen and (min-width: 450px) and (max-width: 549px) { #tabelle_platz {width: 8%;} }
      	      @media only screen and (min-width: 550px) and (max-width: 679px) { #tabelle_platz {width: 7%;} }
      	      @media only screen and (min-width: 680px) and (max-width: 779px) { #tabelle_platz {width: 8%;} }
     	      @media only screen and (min-width: 780px) and (max-width: 919px) { #tabelle_platz {width: 9%;} }
      	      @media only screen and (min-width: 920px) and (max-width: 1049px) { #tabelle_platz {width: 10%;} }
      	      @media only screen and (min-width: 1050px) and (max-width: 1199px) { #tabelle_platz {width: 9%;} }
      	      @media only screen and (min-width: 1200px) and (max-width: 1399px) { #tabelle_platz {width: 8%;} }
      	      @media only screen and (min-width: 1400px) { #tabelle_platz {width: 8%;} }
      	      	      	
      	   #tabelle_spieler
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      padding: 3px 2px;
      	      box-sizing: border-box;
      	      text-align: left;
      	      }
      	      @media only screen and (max-width: 349px) { #tabelle_spieler {width: 43%;} }
      	      @media only screen and (min-width: 350px) and (max-width: 449px) { #tabelle_spieler {width: 43%;} }
      	      @media only screen and (min-width: 450px) and (max-width: 549px) { #tabelle_spieler {width: 42%;} }
      	      @media only screen and (min-width: 550px) and (max-width: 679px) { #tabelle_spieler {width: 43%;} }
      	      @media only screen and (min-width: 680px) and (max-width: 779px) { #tabelle_spieler {width: 46%;} }
     	      @media only screen and (min-width: 780px) and (max-width: 919px) { #tabelle_spieler {width: 36%;} }
      	      @media only screen and (min-width: 920px) and (max-width: 1049px) { #tabelle_spieler {width: 38%;} }
      	      @media only screen and (min-width: 1050px) and (max-width: 1199px) { #tabelle_spieler {width: 41%;} }
      	      @media only screen and (min-width: 1200px) and (max-width: 1399px) { #tabelle_spieler {width: 43%;} }
      	      @media only screen and (min-width: 1400px) { #tabelle_spieler {width: 46%;} }
      	      	      	
      	      #tabelle_spielerbild_rahmen
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: stretch;
      	      	align-items: stretch;
      	      	align-content: stretch;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	text-align: center;
      	      	}
      	      	@media only screen and (max-width: 349px) { #tabelle_spielerbild_rahmen { width: 18px; height: 15px; margin: 0px 4px 0px 0px; } }
      	      	@media only screen and (min-width: 350px) and (max-width: 449px) { #tabelle_spielerbild_rahmen { width: 20px; height: 16px; margin: 0px 4px 0px 0px; } }
      	      	@media only screen and (min-width: 450px) and (max-width: 549px) { #tabelle_spielerbild_rahmen { width: 20px; height: 16px; margin: 0px 6px 0px 0px; } }
      	      	@media only screen and (min-width: 550px) and (max-width: 679px) { #tabelle_spielerbild_rahmen { width: 24px; height: 20px; margin: 0px 8px 0px 0px; } }
      	      	@media only screen and (min-width: 680px) and (max-width: 779px) { #tabelle_spielerbild_rahmen { width: 24px; height: 20px; margin: 0px 10px 0px 0px; } }
     	      	@media only screen and (min-width: 780px) and (max-width: 919px) { #tabelle_spielerbild_rahmen { width: 24px; height: 20px; margin: 0px 5px 0px 0px; } }
      	      	@media only screen and (min-width: 920px) and (max-width: 1049px) { #tabelle_spielerbild_rahmen { width: 24px; height: 20px; margin: 0px 6px 0px 0px; } }
      	      	@media only screen and (min-width: 1050px) and (max-width: 1199px) { #tabelle_spielerbild_rahmen { width: 24px; height: 20px; margin: 0px 10px 0px 0px; } }
      	      	@media only screen and (min-width: 1200px) and (max-width: 1399px) { #tabelle_spielerbild_rahmen { width: 28px; height: 24px; margin: 0px 10px 0px 0px; } }
      	      	@media only screen and (min-width: 1400px) { #tabelle_spielerbild_rahmen { width: 28px; height: 24px; margin: 0px 10px 0px 0px; } }
      	      	      	
      	      	img#tabelle_spielerbild
      	      	   {
      	      	   width: auto;
      	      	   max-width: 100%;
      	      	   border-radius: 100%;
      	      	   }
      	      	   @media only screen and (max-width: 349px) { img#tabelle_spielerbild { height: 15px; } }
      	      	   @media only screen and (min-width: 350px) and (max-width: 449px) { img#tabelle_spielerbild { height: 16px; } }
      	      	   @media only screen and (min-width: 450px) and (max-width: 549px) { img#tabelle_spielerbild { height: 16px; } }
      	      	   @media only screen and (min-width: 550px) and (max-width: 679px) { img#tabelle_spielerbild { height: 20px; } }
      	      	   @media only screen and (min-width: 680px) and (max-width: 779px) { img#tabelle_spielerbild { height: 20px; } }
     	      	   @media only screen and (min-width: 780px) and (max-width: 919px) { img#tabelle_spielerbild { height: 20px; } }
      	      	   @media only screen and (min-width: 920px) and (max-width: 1049px) { img#tabelle_spielerbild { height: 20px; } }
      	      	   @media only screen and (min-width: 1050px) and (max-width: 1199px) { img#tabelle_spielerbild { height: 20px; } }
      	      	   @media only screen and (min-width: 1200px) and (max-width: 1399px) { img#tabelle_spielerbild { height: 24px; } }
      	      	   @media only screen and (min-width: 1400px) { img#tabelle_spielerbild { height: 24px; } }
      	      	      	
      	      #tabelle_spielername_rahmen
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: stretch;
      	      	align-items: stretch;
      	      	align-content: center;
      	      	-webkit-justify-content: flex-start;
      	      	justify-content: flex-start;
      	      	box-sizing: border-box;
      	      	word-wrap: break-all; overflow-wrap: anywhere;
      	      	}
      	      	@media only screen and (max-width: 349px) { #tabelle_spielername_rahmen { width: calc(100% - 22px); } }
      	      	@media only screen and (min-width: 350px) and (max-width: 449px) { #tabelle_spielername_rahmen { width: calc(100% - 24px); } }
      	      	@media only screen and (min-width: 450px) and (max-width: 549px) { #tabelle_spielername_rahmen { width: calc(100% - 52px); } }
      	      	@media only screen and (min-width: 550px) and (max-width: 679px) { #tabelle_spielername_rahmen { width: calc(100% - 62px); } }
      	      	@media only screen and (min-width: 680px) and (max-width: 779px) { #tabelle_spielername_rahmen { width: calc(100% - 68px); } }
     	      	@media only screen and (min-width: 780px) and (max-width: 919px) { #tabelle_spielername_rahmen { width: calc(100% - 56px); } }
      	      	@media only screen and (min-width: 920px) and (max-width: 1049px) { #tabelle_spielername_rahmen { width: calc(100% - 56px); } }
      	      	@media only screen and (min-width: 1050px) and (max-width: 1199px) { #tabelle_spielername_rahmen { width: calc(100% - 64px); } }
      	      	@media only screen and (min-width: 1200px) and (max-width: 1399px) { #tabelle_spielername_rahmen { width: calc(100% - 70px); } }
      	      	@media only screen and (min-width: 1400px) { #tabelle_spielername_rahmen { width: calc(100% - 72px); } }
      	      	      	
      	      #tabelle_spielertwitch_rahmen
      	      	{
      	      	display: -webkit-flex;
      	      	display: -webkit-box;
      	      	display: -ms-flexbox;
      	      	display: flex;
      	      	flex-direction: row;
      	      	flex-wrap: wrap;
      	      	-webkit-align-items: stretch;
      	      	align-items: stretch;
      	      	align-content: center;
      	      	-webkit-justify-content: center;
      	      	justify-content: center;
      	      	box-sizing: border-box;
      	      	}
      	      	@media only screen and (max-width: 349px) { #tabelle_spielertwitch_rahmen { display: none; } }
      	      	@media only screen and (min-width: 350px) and (max-width: 449px) { #tabelle_spielertwitch_rahmen { display: none; } }
      	      	@media only screen and (min-width: 450px) and (max-width: 549px) { #tabelle_spielertwitch_rahmen { width: 20px; height: 16px; margin: 4px 0px 0px 6px;} }
      	      	@media only screen and (min-width: 550px) and (max-width: 679px) { #tabelle_spielertwitch_rahmen { width: 22px; height: 18px; margin: 5px 0px 0px 8px;} }
      	      	@media only screen and (min-width: 680px) and (max-width: 779px) { #tabelle_spielertwitch_rahmen { width: 24px; height: 20px; margin: 5px 0px 0px 10px;} }
     	      	@media only screen and (min-width: 780px) and (max-width: 919px) { #tabelle_spielertwitch_rahmen { width: 22px; height: 14px; margin: 4px 0px 0px 5px;} }
      	      	@media only screen and (min-width: 920px) and (max-width: 1049px) { #tabelle_spielertwitch_rahmen { width: 20px; height: 16px; margin: 4px 0px 0px 6px;} }
      	      	@media only screen and (min-width: 1050px) and (max-width: 1199px) { #tabelle_spielertwitch_rahmen { width: 20px; height: 16px; margin: 4px 0px 0px 10px;} }
      	      	@media only screen and (min-width: 1200px) and (max-width: 1399px) { #tabelle_spielertwitch_rahmen { width: 22px; height: 18px; margin: 5px 0px 0px 10px;} }
      	      	@media only screen and (min-width: 1400px) { #tabelle_spielertwitch_rahmen { width: 24px; height: 20px; margin: 5px 0px 0px 10px;} }
      	      	      	
      	      	a#a_tabelle_twitch
      	      	   {
      	      	   margin-left: auto;
      	      	   margin-right: auto;
      	      	   text-align: center;
      	      	   }
      	      	      	
      	      	   img#tabelle_twitch
      	      	      {
      	      	      width: auto;
      	      	      max-width: 100%;
      	      	      height: auto;
      	      	      margin-left: auto;
      	      	      margin-right: auto;
      	      	      }
      	      	   @media only screen and (max-width: 349px) { img#tabelle_twitch { max-height: 10px; } }
      	      	   @media only screen and (min-width: 350px) and (max-width: 449px) { img#tabelle_twitch { max-height: 14px; } }
      	      	   @media only screen and (min-width: 450px) and (max-width: 549px) { img#tabelle_twitch { max-height: 16px; } }
      	      	   @media only screen and (min-width: 550px) and (max-width: 679px) { img#tabelle_twitch { max-height: 18px; } }
      	      	   @media only screen and (min-width: 680px) and (max-width: 779px) { img#tabelle_twitch { max-height: 20px; } }
     	      	   @media only screen and (min-width: 780px) and (max-width: 919px) { img#tabelle_twitch { max-height: 14px; } }
      	      	   @media only screen and (min-width: 920px) and (max-width: 1049px) { img#tabelle_twitch { max-height: 16px; } }
      	      	   @media only screen and (min-width: 1050px) and (max-width: 1199px) { img#tabelle_twitch { max-height: 16px; } }
      	      	   @media only screen and (min-width: 1200px) and (max-width: 1399px) { img#tabelle_twitch { max-height: 18px; } }
      	      	   @media only screen and (min-width: 1400px) { img#tabelle_twitch { max-height: 20px; } }
      	      	      	
      	   #tabelle_spiele
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      width: 10%;
      	      padding: 3px 2px;
      	      box-sizing: border-box;
      	      }
      	      @media only screen and (max-width: 349px) { #tabelle_spiele {width: 12%;} }
      	      @media only screen and (min-width: 350px) and (max-width: 449px) { #tabelle_spiele {width: 12%;} }
      	      @media only screen and (min-width: 450px) and (max-width: 549px) { #tabelle_spiele {width: 10%;} }
      	      @media only screen and (min-width: 550px) and (max-width: 679px) { #tabelle_spiele {width: 9%;} }
      	      @media only screen and (min-width: 680px) and (max-width: 779px) { #tabelle_spiele {width: 9%;} }
     	      @media only screen and (min-width: 780px) and (max-width: 919px) { #tabelle_spiele {width: 10%;} }
      	      @media only screen and (min-width: 920px) and (max-width: 1049px) { #tabelle_spiele {width: 9%;} }
      	      @media only screen and (min-width: 1050px) and (max-width: 1199px) { #tabelle_spiele {width: 9%;} }
      	      @media only screen and (min-width: 1200px) and (max-width: 1399px) { #tabelle_spiele {width: 10%;} }
      	      @media only screen and (min-width: 1400px) { #tabelle_spiele {width: 9%;} }
      	      	      	
      	   #tabelle_tore
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      padding: 3px 2px;
      	      box-sizing: border-box;
      	      text-align: center;
      	      }
      	      @media only screen and (max-width: 349px) { #tabelle_tore {width: 20%;} }
      	      @media only screen and (min-width: 350px) and (max-width: 449px) { #tabelle_tore {width: 20%;} }
      	      @media only screen and (min-width: 450px) and (max-width: 549px) { #tabelle_tore {width: 18%;} }
      	      @media only screen and (min-width: 550px) and (max-width: 679px) { #tabelle_tore {width: 18%;} }
      	      @media only screen and (min-width: 680px) and (max-width: 779px) { #tabelle_tore {width: 15%;} }
     	      @media only screen and (min-width: 780px) and (max-width: 919px) { #tabelle_tore {width: 20%;} }
      	      @media only screen and (min-width: 920px) and (max-width: 1049px) { #tabelle_tore {width: 18%;} }
      	      @media only screen and (min-width: 1050px) and (max-width: 1199px) { #tabelle_tore {width: 18%;} }
      	      @media only screen and (min-width: 1200px) and (max-width: 1399px) { #tabelle_tore {width: 16%;} }
      	      @media only screen and (min-width: 1400px) { #tabelle_tore {width: 15%;} }
      	      	      	
      	   #tabelle_differenz
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      padding: 3px 2px;
      	      box-sizing: border-box;
      	      text-align: center;
      	      }
      	      @media only screen and (max-width: 349px) { #tabelle_differenz {display: none; width: 0%;} }
      	      @media only screen and (min-width: 350px) and (max-width: 449px) { #tabelle_differenz {display: none; width: 0%;} }
      	      @media only screen and (min-width: 450px) and (max-width: 549px) { #tabelle_differenz {width: 12%;} }
      	      @media only screen and (min-width: 550px) and (max-width: 679px) { #tabelle_differenz {width: 13%;} }
      	      @media only screen and (min-width: 680px) and (max-width: 779px) { #tabelle_differenz {width: 12%;} }
     	      @media only screen and (min-width: 780px) and (max-width: 919px) { #tabelle_differenz {width: 14%;} }
      	      @media only screen and (min-width: 920px) and (max-width: 1049px) { #tabelle_differenz {width: 15%;} }
      	      @media only screen and (min-width: 1050px) and (max-width: 1199px) { #tabelle_differenz {width: 13%;} }
      	      @media only screen and (min-width: 1200px) and (max-width: 1399px) { #tabelle_differenz {width: 13%;} }
      	      @media only screen and (min-width: 1400px) { #tabelle_differenz {width: 12%;} }
      	      	      	
      	   #tabelle_punkte
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: row;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      padding: 3px 2px;
      	      box-sizing: border-box;
      	      text-align: center;
      	      }
      	      @media only screen and (max-width: 349px) { #tabelle_punkte {width: 13%;} }
      	      @media only screen and (min-width: 350px) and (max-width: 449px) { #tabelle_punkte {width: 13%;} }
      	      @media only screen and (min-width: 450px) and (max-width: 549px) { #tabelle_punkte {width: 10%;} }
      	      @media only screen and (min-width: 550px) and (max-width: 679px) { #tabelle_punkte {width: 10%;} }
      	      @media only screen and (min-width: 680px) and (max-width: 779px) { #tabelle_punkte {width: 10%;} }
     	      @media only screen and (min-width: 780px) and (max-width: 919px) { #tabelle_punkte {width: 11%;} }
      	      @media only screen and (min-width: 920px) and (max-width: 1049px) { #tabelle_punkte {width: 10%;} }
      	      @media only screen and (min-width: 1050px) and (max-width: 1199px) { #tabelle_punkte {width: 10%;} }
      	      @media only screen and (min-width: 1200px) and (max-width: 1399px) { #tabelle_punkte {width: 10%;} }
      	      @media only screen and (min-width: 1400px) { #tabelle_punkte {width: 10%;} }
      	      	      	
/* ---------- SPEZIALTURNIER ---------- */
.tabelle2_breite_100
   {
   width: 100%;
   margin: auto;
   box-sizing: border-box;
   }
   @media only screen and (max-width: 399px) { .tabelle2_breite_100 { padding: 2px 6px; } }
   @media only screen and (min-width: 400px) and (max-width: 499px) { .tabelle2_breite_100 { padding: 2px 10px; } }
   @media only screen and (min-width: 500px) and (max-width: 769px) { .tabelle2_breite_100 { padding: 2px 14px; } }
   @media only screen and (min-width: 770px) and (max-width: 1199px) { .tabelle2_breite_100 { padding: 2px 18px; } }
   @media only screen and (min-width: 1200px) { .tabelle2_breite_100 { padding: 2px 20px; } }
      	      	      	
   .rahmen1_tabelle2
      {
      box-sizing: border-box;
      }
      @media only screen and (max-width: 399px) { .rahmen1_tabelle2 { padding-left: 160px; padding-right: 80px; } }
      @media only screen and (min-width: 400px) and (max-width: 499px) { .rahmen1_tabelle2 { padding-left: 200px; padding-right: 90px; } }
      @media only screen and (min-width: 500px) and (max-width: 769px) { .rahmen1_tabelle2 { padding-left: 250px; padding-right: 100px; } }
      @media only screen and (min-width: 770px) and (max-width: 1199px) { .rahmen1_tabelle2 { padding-left: 300px; padding-right: 100px; } }
      @media only screen and (min-width: 1200px) { .rahmen1_tabelle2 { padding-left: 400px; padding-right: 100px; } }
      	      	      	
   .rahmen2_tabelle2
      {
      position: relative;
      width: 100%;
      padding: 0;
      box-sizing: border-box;
      }
      	      	      	
   .rahmen3_tabelle2
      {
      overflow-x: auto;
      padding:0px;
      box-sizing: border-box;
      }
      	      	      	
      .tabelle2
      	{
      	min-width: 100%;
      	padding: 0;
      	border-style: none;
      	border-collapse: collapse;
      	box-sizing: border-box;
      	-moz-hyphens: none;
      	-o-hyphens: none;
      	-webkit-hyphens: none;
      	-ms-hyphens: none;
      	hyphens: none;
      	word-wrap: normal; overflow-wrap: normal;
      	}
      	@media only screen and (max-width: 399px) { .tabelle2 { font-size: 12px; } }
      	@media only screen and (min-width: 400px) and (max-width: 769px) { .tabelle2 { font-size: 12px; } }
      	@media only screen and (min-width: 770px) and (max-width: 1199px) { .tabelle2 { font-size: 14px; } }
      	@media only screen and (min-width: 1200px) { .tabelle2 { font-size: 16px; } }
      	      	      	
   .tabelle2 tr
      {
      box-sizing: border-box;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-bottom-color: rgba(0,29,71,0.7);  
      }
      	      	      	
      .tabelle2 th, .tabelle2 td
      	{
      	box-sizing: border-box;
      	border-collapse: collapse;
      	padding: 2px;
      	vertical-align: center;
      	}
      	@media only screen and (max-width: 399px) { .tabelle2 th { height: 44px; } }
      	@media only screen and (min-width: 400px) and (max-width: 769px) { .tabelle2 th { height: 46px; } }
      	@media only screen and (min-width: 770px) and (max-width: 1199px) { .tabelle2 th { height: 46px; } }
      	@media only screen and (min-width: 1200px) { .tabelle2 th { height: 50px; } }
      	   @media only screen and (max-width: 399px) { .tabelle2 td { height: 30px; } }
      	   @media only screen and (min-width: 400px) and (max-width: 769px) { .tabelle2 td { height: 30px; } }
      	   @media only screen and (min-width: 770px) and (max-width: 1199px) { .tabelle2 td { height: 34px; } }
      	   @media only screen and (min-width: 1200px) { .tabelle2 td { height: 38px; } }
      	      	      	
      	.tabelle2 td p
      	   {
      	   margin: auto;
      	   }
      	      	      	
      .tabelle2_spalte_spieler
      	{
      	position: absolute;
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: stretch;
      	align-items: stretch;
      	align-content: center;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	box-sizing: border-box;
      	border-bottom-style: solid;
      	border-bottom-width: 1px;
      	border-bottom-color: rgba(0,29,71,0.7);
      	font-weight: bold;
      	text-align: left;
      	}
      	@media only screen and (max-width: 399px) { .tabelle2_spalte_spieler { width: 160px; left: -160px; } }
      	@media only screen and (min-width: 400px) and (max-width: 499px) { .tabelle2_spalte_spieler { width: 200px; left: -200px; } }
      	@media only screen and (min-width: 500px) and (max-width: 769px) { .tabelle2_spalte_spieler { width: 250px; left: -250px; } }
      	@media only screen and (min-width: 770px) and (max-width: 1199px) { .tabelle2_spalte_spieler { width: 300px; left: -300px; } }
      	@media only screen and (min-width: 1200px) { .tabelle2_spalte_spieler { width: 400px; left: -400px; } }
      	      	      	
      th.tabelle2_spalte_spieler { top: 0.5px; }
      	      	      	
      	.tabelle2_spalte_spieler #tabelle2_spalte_spieler_platz
      	   {
      	   position: relative;
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   flex-wrap: wrap;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: center;
      	   -webkit-justify-content: center;
      	   justify-content: center;
      	   box-sizing: border-box;
      	   box-sizing: border-box;
      	   text-align: center;
      	   }
      	   @media only screen and (max-width: 399px) { .tabelle2_spalte_spieler #tabelle2_spalte_spieler_platz { width: 34px; } }
      	   @media only screen and (min-width: 400px) and (max-width: 769px) { .tabelle2_spalte_spieler #tabelle2_spalte_spieler_platz { width: 34px; } }
      	   @media only screen and (min-width: 770px) and (max-width: 1199px) { .tabelle2_spalte_spieler #tabelle2_spalte_spieler_platz { width: 42px; } }
      	   @media only screen and (min-width: 1200px) { .tabelle2_spalte_spieler #tabelle2_spalte_spieler_platz { width: 50px; } }
      	      	      	
      	.tabelle2_spalte_spieler #tabelle2_spalte_spieler_spieler
      	   {
      	   position: relative;
      	   box-sizing: border-box;
      	   padding-left: 3px;
      	   text-align: left;
      	   -moz-hyphens: auto;
      	   -o-hyphens: auto;
      	   -webkit-hyphens: auto;
      	   -ms-hyphens: auto;
      	   hyphens: auto;
      	   word-wrap: break-all; overflow-wrap: anywhere;
      	   }
      	   @media only screen and (max-width: 399px) { .tabelle2_spalte_spieler #tabelle2_spalte_spieler_spieler { width: calc(100% - 114px); font-size: clamp (1vw, 12px, 12px); } }
      	   @media only screen and (min-width: 400px) and (max-width: 499px) { .tabelle2_spalte_spieler #tabelle2_spalte_spieler_spieler { width: calc(100% - 124px); font-size: clamp (1vw, 12px, 12px); } }
      	   @media only screen and (min-width: 500px) and (max-width: 769px) { .tabelle2_spalte_spieler #tabelle2_spalte_spieler_spieler { width: calc(100% - 134px); font-size: clamp (1vw, 12px, 12px); } }
      	   @media only screen and (min-width: 770px) and (max-width: 1199px) { .tabelle2_spalte_spieler #tabelle2_spalte_spieler_spieler { width: calc(100% - 142px); font-size: clamp (1vw, 14px, 14px); } }
      	   @media only screen and (min-width: 1200px) { .tabelle2_spalte_spieler #tabelle2_spalte_spieler_spieler { width: calc(100% - 150px); font-size: clamp (1vw, 16px, 16px); } }
      	      	      	
      .tabelle2_spalte_punkte
      	{
      	box-sizing: border-box;
      	text-align: center;
      	}
      	@media only screen and (max-width: 399px) { .tabelle2_spalte_punkte { width: 80px; } }
      	@media only screen and (min-width: 400px) and (max-width: 499px) { .tabelle2_spalte_punkte { width: 80px; } }
      	@media only screen and (min-width: 500px) and (max-width: 769px) { .tabelle2_spalte_punkte { width: 80px; } }
      	@media only screen and (min-width: 770px) and (max-width: 1199px) { .tabelle2_spalte_punkte { width: 80px; } }
      	@media only screen and (min-width: 1200px) { .tabelle2_spalte_punkte { width: 80px; } }
      	      	      	
      	.tabelle2_spalte_punkte nobr { padding-left: 3px; padding-right: 3px; }
      	      	      	
      	#tabelle2_punkte_pause
      	   {
      	   /* background-image: linear-gradient(30deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(150,150,150,1) 49%, rgba(150,150,150,1) 51%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%), linear-gradient(-30deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(150,150,150,1) 49%, rgba(150,150,150,1) 51%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%);;  */

      	   }
      	      	      	
      .tabelle2_spalte_gesamtpunkte
      	{
      	position: absolute;
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: stretch;
      	align-items: stretch;
      	align-content: center;
      	-webkit-justify-content: center;
      	justify-content: center;
      	box-sizing: border-box;
      	border-bottom-style: solid;
      	border-bottom-width: 1px;
      	border-bottom-color: rgba(0,29,71,0.7);
      	font-weight: bold;
      	text-align: center;
      	}
      	@media only screen and (max-width: 399px) { .tabelle2_spalte_gesamtpunkte { right: -80px; width: 80px; } }
      	@media only screen and (min-width: 400px) and (max-width: 499px) { .tabelle2_spalte_gesamtpunkte { right: -90px; width: 90px; } }
      	@media only screen and (min-width: 500px) and (max-width: 769px) { .tabelle2_spalte_gesamtpunkte { right: -100px; width: 100px; } }
      	@media only screen and (min-width: 770px) and (max-width: 1199px) { .tabelle2_spalte_gesamtpunkte { right: -100px; width: 100px; } }
      	@media only screen and (min-width: 1200px) { .tabelle2_spalte_gesamtpunkte { right: -100px; width: 100px; } }
      	      	      	
      	   #tabelle2_infotext
      	      {
      	      position: relative;
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-direction: column;
      	      flex-wrap: nowrap;
            -webkit-align-items: flex-start;
      	      align-items: flex-start;
      	      align-content: flex-start;
      	      -webkit-justify-content: flex-start;
      	      justify-content: flex-start;
      	      box-sizing: border-box;
      	      font-family: firasans;
      	      }
      	      @media only screen and (max-width: 399px) { #tabelle2_infotext {width: 100%; padding: 10px; } }
      	      @media only screen and (min-width: 400px) and (max-width: 779px) { #tabelle2_infotext {width: 100%; padding: 10px; } }
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) { #tabelle2_infotext {width: 45%; padding: 10px; } }
      	      @media only screen and (min-width: 1200px) { #tabelle2_infotext {width: 45%; padding: 10px 20px; } }
      	      	      	
/* ++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++ Kontaktformular ++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   @media only screen and (max-width: 499px) {#kontakt {width: 100%;}}
   @media only screen and (min-width: 500px) and (max-width: 779px) {#kontakt {width: 90%;}}
   @media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt {width: 80%;}}
   @media only screen and (min-width: 1200px) {#kontakt {width: 80%;}}
      	      	      	
   @media only screen and (max-width: 499px) {#registrieren {width: 100%;}}
   @media only screen and (min-width: 500px) and (max-width: 779px) {#registrieren {width: 90%;}}
   @media only screen and (min-width: 780px) and (max-width: 1199px) {#registrieren {width: 80%; max-width: 750px;}}
   @media only screen and (min-width: 1200px) {#registrieren {width: 80%; max-width: 1000px;}}
      	      	      	
#kontakt span, #registrieren span
   {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   }
   #kontakt span#erfolgreich, #registrieren span#erfolgreich { color: rgba(50,150,77,1); }
   #kontakt span#nicht_erfolgreich, #registrieren span#nicht_erfolgreich { color: rgba(195,35,45,1); }
      	      	      	
#kontakt #fehler, #registrieren #fehler
   {
   background-color: rgba(255,255,255,0.7);
   padding: 20px;
   font-size: 12px;
   }
      	      	      	
#kontakt #fehler h3, #registrieren #fehler h3
   {
   font-size: 20px;
   }
      	      	      	
#kontakt form, #registrieren form
   {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   -webkit-align-items: center;
   align-items: center;
   align-content: center;
   -webkit-justify-content: center;
   justify-content: center;
   box-sizing: border-box;
   margin-top: -16px;
   }
   @media only screen and (max-width: 499px) {#kontakt form, #registrieren form {width: 100%;}}
   /* @media only screen and (min-width: 400px) and (max-width: 499px) {#kontakt form, #registrieren form {width: 100%;}} */
   @media only screen and (min-width: 500px) and (max-width: 779px) {#kontakt form, #registrieren form {width: 100%;}}
   @media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt form, #registrieren form {width: 100%;}}
   @media only screen and (min-width: 1200px) {#kontakt form, #registrieren form {width: 100%; max-width: 1400px;}}
      	      	      	
   #kontakt form #row_space_between
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: center;
      box-sizing: border-box;
      }
      @media only screen and (max-width: 499px) {#kontakt form #row_space_between {width: 100%; -webkit-justify-content: center; justify-content: center;}}
      /* @media only screen and (min-width: 400px) and (max-width: 499px) {#kontakt form #row_space_between {width: 95%; -webkit-justify-content: space-between; justify-content: space-between;}} */
      @media only screen and (min-width: 500px) and (max-width: 779px) {#kontakt form #row_space_between {width: 100%; -webkit-justify-content: space-between; justify-content: space-between;}}
      @media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt form #row_space_between {width: 100%; -webkit-justify-content: space-between; justify-content: space-between;}}
      @media only screen and (min-width: 1200px) {#kontakt form #row_space_between {width: 100%; -webkit-justify-content: space-between; justify-content: space-between;}}
      	      	      	
/*
      #kontakt form #row_space_between fieldset, #kontakt form #row_space_around fieldset
      	{
      	text-align: left;
      	margin-top: 10px;
      	margin-bottom: 10px;
      	border-style: none;
      	-webkit-border-radius: 10px;
      	-webkit-appearance: none; 
      	border-radius: 10px;
      	background-image: linear-gradient(-45deg, rgb(50,50,50) 0%, rgb(20,20,20) 50%);
      	box-shadow: 1px 1px 3px rgb(255,255,255);
      	}
      	@media only screen and (max-width: 399px) {#kontakt form #row_space_between fieldset, #kontakt form #row_space_around fieldset {}}
      	@media only screen and (min-width: 400px) and (max-width: 499px) {#kontakt form #row_space_between fieldset, #kontakt form #row_space_around fieldset {}}
      	@media only screen and (min-width: 500px) and (max-width: 779px) {#kontakt form #row_space_between fieldset, #kontakt form #row_space_around fieldset {margin-left: -8px; margin-right: -8px;}}
      	@media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt form #row_space_between fieldset, #kontakt form #row_space_around fieldset {margin-left: -8px; margin-right: -8px;}}
      	@media only screen and (min-width: 1200px) {#kontakt form #row_space_between fieldset, #kontakt form #row_space_around fieldset {margin-left: -8px; margin-right: -8px;}}
      	      	      	
      	#kontakt form #row_space_between fieldset legend, #kontakt form #row_space_around fieldset legend
      	   {
      	   font-weight: bold;
      	   text-align: center;
      	   margin-left: auto;
      	   margin-right: auto;
      	   }
*/
      	      	      	
   #kontakt form #row_space_around, #registrieren form #row_space_around
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: center;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      box-sizing: border-box;
      }
      @media only screen and (max-width: 499px) {#kontakt form #row_space_around, #registrieren form #row_space_around {width: 95%;}}
      @media only screen and (min-width: 500px) and (max-width: 779px) {#kontakt form #row_space_around, #registrieren form #row_space_around {width: 95%;}}
      @media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt form #row_space_around, #registrieren form #row_space_around {width: 100%;}}
      @media only screen and (min-width: 1200px) {#kontakt form #row_space_around, #registrieren form #row_space_around {width: 100%;}}
      	      	      	
   #kontakt form #column, #registrieren form #column
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      align-content: center;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      box-sizing: border-box;
      }
      @media only screen and (max-width: 499px) {#kontakt form #column, #registrieren form #column {width: 100%;}}
      @media only screen and (min-width: 500px) and (max-width: 779px) {#kontakt form #column, #registrieren form #column {width: 100%;}}
      @media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt form #column, #registrieren form #column {width: 100%;}}
      @media only screen and (min-width: 1200px) {#kontakt form #column, #registrieren form #column {width: 100%;}}
      	      	      	
   #kontakt form #column_button, #registrieren form #column_button
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      align-content: flex-end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      box-sizing: border-box;
      }
      @media only screen and (max-width: 499px) {#kontakt form #column_button, #registrieren form #column_button {width: 50%;}}
      @media only screen and (min-width: 500px) and (max-width: 779px) {#kontakt form #column_button, #registrieren form #column_button {width: 50%;}}
      @media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt form #column_button, #registrieren form #column_button {width: 60%;}}
      @media only screen and (min-width: 1200px) {#kontakt form #column_button, #registrieren form #column_button {width: 60%;}}
      	      	      	
      #kontakt form #column_button p, #registrieren form #column_button p
      	{
      	box-sizing: border-box;
      	width: 100%;
      	text-align: right;
      	}
      	@media only screen and (max-width: 399px) {#kontakt form #column_button p, #registrieren form #column_button p {margin-left: auto; margin-right: auto; margin-bottom: 2px;}}
      	@media only screen and (min-width: 400px) and (max-width: 779px) {#kontakt form #column_button p, #registrieren form #column_button p {margin-left: 2px; margin-right: 2px;}}
      	@media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt form #column_button p, #registrieren form #column_button p {margin-left: 5px; margin-right: 5px;}}
      	@media only screen and (min-width: 1200px) {#kontakt form #column_button p, #registrieren form #column_button p {margin-left: 5px; margin-right: 5px;}}
      	      	      	
   #kontakt form .eingabefeld
      {
      position: relative;
      margin-top: 15px;
      margin-bottom: 15px;
      }
      @media only screen and (max-width: 399px) {#kontakt form .eingabefeld {margin-left: auto; margin-right: auto; margin-bottom: 2px;}}
      @media only screen and (min-width: 400px) and (max-width: 779px) {#kontakt form .eingabefeld {margin-left: 2px; margin-right: 2px;}}
      @media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt form .eingabefeld {margin-left: 5px; margin-right: 5px;}}
      @media only screen and (min-width: 1200px) {#kontakt form .eingabefeld {margin-left: 5px; margin-right: 5px;}}
      	      	      	
      #kontakt form #eingabefeld_100
      	{
      	width: 100%;
      	box-sizing: border-box;
      	}
      	      	      	
      #kontakt form #eingabefeld_50
      	{
      	box-sizing: border-box;
      	}
      	@media only screen and (max-width: 499px) {#kontakt form #eingabefeld_50 {width: 100%;}}
      	@media only screen and (min-width: 500px) and (max-width: 779px) {#kontakt form #eingabefeld_50 {width: 48%;}}
      	@media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt form #eingabefeld_50 {width: 48%;}}
      	@media only screen and (min-width: 1200px) {#kontakt form #eingabefeld_50 {width: 48%;}}
      	      	      	
      #kontakt form #eingabefeld_30
      	{
      	box-sizing: border-box;
      	}
      	@media only screen and (max-width: 499px) {#kontakt form #eingabefeld_30 {width: 48%;}}
      	@media only screen and (min-width: 500px) and (max-width: 779px) {#kontakt form #eingabefeld_30 {width: 40%;}}
      	@media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt form #eingabefeld_30 {width: 30%;}}
      	@media only screen and (min-width: 1200px) {#kontakt form #eingabefeld_30 {width: 30%;}}
      	      	      	
      #kontakt form .eingabefeld input
      	{
      	outline: none;
      	border-style: solid;
      	border-width: 2px;
      	border-color: rgba(255,255,255,1);
      	-webkit-border-radius: 2px;
      	-webkit-appearance: none; 
      	border-radius: 2px;
      	color: rgba(0,0,0,1);
      	background-color: rgba(255,255,255,1);
      	box-sizing: border-box;
      	box-shadow: none;
      	padding: 15px 15px;
      	text-align: left;
      	font-size: 18px;
      	font-weight: bold;
      	}
      	      	      	
      #kontakt form .eingabefeld input.fehler, #registrieren form input.fehler
      	{
      	border-color: rgba(195,35,45,1);
      	}
      	      	      	
      #kontakt form .eingabefeld textarea
      	{
      	outline: none;
      	border-style: solid;
      	border-width: 2px;
      	border-color: rgba(255,255,255,1);
      	-webkit-border-radius: 2px;
      	-webkit-appearance: none; 
      	border-radius: 2px;
      	color: rgba(0,0,0,1);
      	background-color: rgba(255,255,255,1);
      	box-sizing: border-box;
      	padding: 15px;
      	font-size: 18px;
      	font-weight: bold;
      	font-family: firasans;
      	}
      	      	      	
      #kontakt form .eingabefeld textarea.fehler
      	{
      	border-color: rgba(195,35,45,1);
      	}
      	      	      	
      #kontakt form .eingabefeld input#input_100
      	{
      	width: 100%;
      	}
      	      	      	
      #kontakt form .eingabefeld input#input_45
      	{
      	width: 45%;
      	}
      	      	      	
      #kontakt form .eingabefeld input#sehr_gross
      	{
      	width: 320px;
      	}
      #kontakt form .eingabefeld input#gross
      	{
      	width: 220px;
      	}
      #kontakt form .eingabefeld input#klein
      	{
      	width: 150px;
      	}
      @media only screen and (max-width: 399px)
      	{
      	#kontakt form .eingabefeld input#sehr_gross {width: 100%;}
      	#kontakt form .eingabefeld input#gross {width: 100%;}
      	#kontakt form .eingabefeld input#klein {width: 70%;}
      	#kontakt form .eingabefeld textarea {width: 100%; height: 150px; margin-top: 12px;}
      	}
      @media only screen and (min-width: 400px) and (max-width: 499px)
      	{
      	#kontakt form .eingabefeld input#sehr_gross {width: 280px;}
      	#kontakt form .eingabefeld input#gross {width: 170px;}
      	#kontakt form .eingabefeld input#klein {width: 170px;}
      	#kontakt form .eingabefeld textarea { width: 100%; height: 190px; }
      	}
      @media only screen and (min-width: 500px) and (max-width: 779px)
      	{
      	#kontakt form .eingabefeld input#sehr_gross {width: 320px;}
      	#kontakt form .eingabefeld input#gross {width: 220px;}
      	#kontakt form .eingabefeld input#klein {width: 150px;}
      	#kontakt form .eingabefeld textarea { width: 100%; height: 210px; }
      	}
      @media only screen and (min-width: 780px) and (max-width: 1199px)
      	{
      	#kontakt form .eingabefeld input#sehr_gross {width: 320px;}
      	#kontakt form .eingabefeld input#gross {width: 220px;}
      	#kontakt form .eingabefeld input#klein {width: 150px;}
      	#kontakt form .eingabefeld textarea { width: 100%; height: 250px; }
      	}
      @media only screen and (min-width: 1200px)
      	{
      	#kontakt form .eingabefeld input#sehr_gross {width: 320px;}
      	#kontakt form .eingabefeld input#gross {width: 220px;}
      	#kontakt form .eingabefeld input#klein {width: 150px;}
      	#kontakt form .eingabefeld textarea { width: 100%; height: 300px; }
      	}
      	      	      	
   #registrieren form #row_space_between
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: center;
      box-sizing: border-box;
      }
      @media only screen and (max-width: 499px) {#registrieren form #row_space_between {width: 100%; -webkit-justify-content: center; justify-content: center;}}
      /* @media only screen and (min-width: 400px) and (max-width: 499px) {#registrieren form #row_space_between {width: 95%; -webkit-justify-content: space-between; justify-content: space-between;}} */
      @media only screen and (min-width: 500px) and (max-width: 779px) {#registrieren form #row_space_between {width: 100%; -webkit-justify-content: space-between; justify-content: space-between;}}
      @media only screen and (min-width: 780px) and (max-width: 1199px) {#registrieren form #row_space_between {width: 90%; max-width: 600px; -webkit-justify-content: space-between; justify-content: space-between;}}
      @media only screen and (min-width: 1200px) {#registrieren form #row_space_between {width: 80%; max-width: 600px; -webkit-justify-content: space-between; justify-content: space-between;}}
      	      	      	
      #registrieren form .linie_unten
      	{
      	width: 100%;
      	padding-bottom: 10px;
      	margin-bottom: 20px;
      	border-bottom-style: solid;
      	border-bottom-width: 3px;
      	border-bottom-color: rgba(0,154,205,0.7);
      	}
      	      	      	
      #registrieren form label.feldbezeichnung
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: center;
      	align-items: center;
      	align-content: center;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	box-sizing: border-box;
      	pointer-events: none;
      	color: rgba(211,211,211,1);
      	text-align: left;
      	margin: 5px 0px 10px 0px;
      	}
      	@media only screen and (max-width: 599px) {#registrieren form label.feldbezeichnung {width: 38%; font-size: 14px;}}
      	@media only screen and (min-width: 600px) {#registrieren form label.feldbezeichnung {width: 48%; font-size: 18px;}}
      	      	      	
      #registrieren form input
      	{
      	outline: none;
      	border-top-style: none;
      	border-left-style: none;
      	border-right-style: none;
      	border-bottom-style: solid;
      	border-bottom-width: 2px;
      	border-bottom-color: rgba(0,154,205,1);
      	-webkit-border-radius: 2px;
      	-webkit-appearance: none; 
      	border-radius: 2px;
      	color: rgba(211,211,211,1);
      	background-color: rgba(35,35,35,0.7);
      	box-sizing: border-box;
      	box-shadow: none;
      	padding: 5px 5px;
      	margin: 5px 0px 10px 0px;
      	text-align: left;
      	font-weight: bold;
      	}
      	@media only screen and (max-width: 599px) {#registrieren form input {width: 58%; font-size: 14px;}}
      	@media only screen and (min-width: 600px) {#registrieren form input {width: 48%; font-size: 18px;}}
      	      	      	
      	#registrieren form input#file
      	   {
      	   outline: none;
      	   border-style: none;
      	   -webkit-border-radius: 0px;
      	   -webkit-appearance: none; 
      	   border-width: 0px;
      	   border-color: transparent;
      	   border-radius: 0px;
      	   color: rgba(211,211,211,1);
      	   background-color: rgba(0,0,0,0);
      	   box-sizing: border-box;
      	   box-shadow: none;
      	   padding: 5px 0px;
      	   margin: 0;
      	   text-align: left;
      	   font-weight: normal;
      	   }
      	   @media only screen and (max-width: 599px) {#registrieren form input#file {width: 58%; font-size: 10px;}}
      	   @media only screen and (min-width: 600px) {#registrieren form input#file {width: 48%; font-size: 12px;}}
      	      	      	
      	#registrieren form input:disabled
      	   {
      	   background-color: rgba(0,0,0,0);
      	   border-bottom-color: rgba(200,200,200,1);
      	   }
      	      	      	
      	#registrieren form input::placeholder
      	   {
      	   color: rgba(211,211,211,1);
      	   }
      	      	      	
      #registrieren form label.checkbox
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: center;
      	align-items: center;
      	align-content: center;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	box-sizing: border-box;
      	margin-bottom: 5px;
      	width: auto;
      	}
      	      	      	
      	#registrieren form label.checkbox input
      	   {
      	   position: relative;
      	   margin-bottom: 5px;
      	   margin-right: 5px;
      	   background-color: rgba(35,35,35,0.7);
      	   border: solid 1px rgba(0,154,205,1);
      	   }
      	   @media only screen and (max-width: 599px) {#registrieren form label.checkbox input { width: 11px; height: 11px; }}
      	   @media only screen and (min-width: 600px) {#registrieren form label.checkbox input { width: 14px; height: 14px; }}
      	      	      	
      	   #registrieren form label.checkbox input:checked
      	      {
      	      color: rgba(0,154,205,1);
      	      }
      	      	      	
      	   #registrieren form label.checkbox input:checked:after
      	      {
      	      position: absolute;
      	      top: -5px;
      	      left: 2px;
      	      font-weight: normal;
      	      content: "x";
      	      }
      	      @media only screen and (max-width: 599px) {#registrieren form label.checkbox input:checked:after { font-size: 13px; }}
      	      @media only screen and (min-width: 600px) {#registrieren form label.checkbox input:checked:after { font-size: 15px; }}
      	      	      	
      	#registrieren form label.checkbox a
      	   {
      	   margin-right: 5px;
      	   }
      	      	      	
/*
      @media only screen and (max-width: 399px)
      	{
      	#kontakt form .eingabefeld label.sehr_gross {width: 100%;}
      	#kontakt form .eingabefeld label.gross {width: 100%;}
      	#kontakt form .eingabefeld label.klein {width: 70%;}
      	#kontakt form .eingabefeld label {font-size: 110%;}
      	}
      @media only screen and (min-width: 400px) and (max-width: 499px)
      	{
      	#kontakt form .eingabefeld label.sehr_gross {width: 280px;}
      	#kontakt form .eingabefeld label.gross {width: 170px;}
      	#kontakt form .eingabefeld label.klein {width: 170px;}
      	#kontakt form .eingabefeld label {font-size: 100%;}
      	}
      @media only screen and (min-width: 500px) and (max-width: 779px)
      	{
      	#kontakt form .eingabefeld label.sehr_gross {width: 320px;}
      	#kontakt form .eingabefeld label.gross {width: 220px;}
      	#kontakt form .eingabefeld label.klein {width: 150px;}
      	#kontakt form .eingabefeld label {font-size: 100%;}
      	}
      @media only screen and (min-width: 780px) and (max-width: 1199px)
      	{
      	#kontakt form .eingabefeld label.sehr_gross {width: 320px;}
      	#kontakt form .eingabefeld label.gross {width: 220px;}
      	#kontakt form .eingabefeld label.klein {width: 150px;}
      	#kontakt form .eingabefeld label {font-size: 80%;}
      	}
      @media only screen and (min-width: 1200px)
      	{
      	#kontakt form .eingabefeld label.sehr_gross {width: 320px;}
      	#kontakt form .eingabefeld label.gross {width: 220px;}
      	#kontakt form .eingabefeld label.klein {width: 150px;}
      	#kontakt form .eingabefeld label {font-size: 80%;}
      	}
      	      	      	
      	#kontakt form .eingabefeld input + label
      	   {
      	   box-sizing: border-box;
      	   top: -10px;
      	   padding-bottom: 2px;
      	   }
*/
      	      	      	
      	#kontakt form .eingabefeld label#pflicht
      	   {
      	   
      	   }
      	      	      	
      	#kontakt form #login
      	   {
      	   
      	   }
      	      	      	
      	   #kontakt form .eingabefeld input.disabled
      	      {
      	      color: rgba(50,50,50,1);
      	      background-color: rgba(200,200,200,1);
      	      }
      	      	      	
      	   #kontakt form input#button, #registrieren form input#button
      	      {
      	      -webkit-border-radius: 2px;
      	      -webkit-appearance: none; 
      	      border-radius: 2px;
      	      border-style: solid;
      	      border-width: 2px;
      	      border-color: rgba(0,29,71,1);
      	      box-sizing: border-box;
      	      color: rgba(255,255,255,1);
      	      background-color: rgba(0,29,71,1);
      	      width: auto;
      	      margin-top: 15px;
      	      margin-left: 4px;
      	      padding: 15px 45px;
      	      text-align: center;
      	      font-weight: bold;
      	      transition: ease 0.3s;
      	      }
      	      @media only screen and (max-width: 399px) {#kontakt form input#button, #registrieren form input#button { margin-left: 2px; margin-right: 2px; }}
      	      @media only screen and (min-width: 400px) and (max-width: 779px) {#kontakt form input#button, #registrieren form input#button { margin-left: 2px; margin-right: 2px; }}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#kontakt form input#button, #registrieren form input#button { margin-left: 5px; margin-right: 5px; }}
      	      @media only screen and (min-width: 1200px) {#kontakt form input#button, #registrieren form input#button { margin-left: 5px; margin-right: 5px; }}
      	      	      	
      	      #kontakt form input#button:hover, #kontakt form input#button:focus, #kontakt form input#button:active, #registrieren form input#button:hover, #registrieren form input#button:focus, #registrieren form input#button:active
      	      	{
      	      	color: rgba(255,255,255,1);
      	      	border-color: rgba(221,6,64,1);
      	      	background-color: rgba(221,6,64,1);
      	      	transition: ease 0.3s;
      	      	cursor: pointer;
      	      	}
      	      	      	
/* ########################################################### */
/* ################# Switch-BUTTONS fuer Auswahl ################# */
/* ########################################################## */
#switch
   {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   -webkit-align-items: stretch;
   align-items: stretch;
   align-content: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   box-sizing: border-box;
   width: auto;
   margin-top: 3px;
   margin-bottom: 3px;
   line-height: 25px;
   }
      	      	      	
#switch_text
   {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   -webkit-align-items: stretch;
   align-items: stretch;
   align-content: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-end;
   box-sizing: border-box;
   width: auto;
   margin-top: 3px;
   margin-bottom: 3px;
   line-height: 25px;
   }
      	      	      	
   #switch label
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      -webkit-align-items: center;
      align-items: center;
      align-content: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      box-sizing: border-box;
      width: auto;
      }
      	      	      	
      #switch label strong
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: nowrap;
      	-webkit-align-items: center;
      	align-items: center;
      	align-content: flex-start;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	box-sizing: border-box;
      	margin-top: 0px;
      	}
      	      	      	
#switch input[type="checkbox"]
   { 
   display: none;
   }
      	      	      	
   /* Normal Track */
   #switch input[type="checkbox"].ios-switch + div
      {
      vertical-align: middle;
      width: 40px;
      height: 20px;
      border: 1px solid rgba(255,255,255,1);
      -webkit-border-radius: 999px;
      -webkit-appearance: none; 
      border-radius: 999px;
      background-color: rgba(150,150,150,1);
      -webkit-transition-duration: 0.4s;
      -webkit-transition-property: background-color, box-shadow;
      transition-duration: 0.4s;
      transition-property: background-color, box-shadow;
      box-shadow: inset 0 0 0 0px rgba(150,150,150,0.1);
      margin: 0px 5px 0px 10px;
      }
      	      	      	
      /* Checked Track (Red) */
      #switch input[type="checkbox"].ios-switch:checked + div
      	{
      	width: 40px;
      	background-position: 0 0;
      	background-color: rgb(255,0,50);
      	border: 1px solid rgb(0,0,0);
      	box-shadow: inset 0 0 0 10px rgba(255,0,50,1);
      	}
      	      	      	
      /* Green Track */
      #switch input[type="checkbox"].green.ios-switch:checked + div
      	{
      	background-color: rgb(0,227,89);
      	border: 1px solid rgba(0,0,0,1);
      	box-shadow: inset 0 0 0 10px rgba(0,227,89,1);
      	}
      	      	      	
      /* Grey Track */
      #switch input[type="checkbox"].lightgrey.ios-switch:checked + div
      	{
      	background-color: rgb(150,150,150,1);
      	border: 1px solid rgba(255,255,255,1);
      	box-shadow: inset 0 0 0 10px rgba(150,150,150,0.1);
      	}
      	      	      	
   /* Normal Knob */
   #switch input[type="checkbox"].ios-switch + div > div
      {
      width: 18px;
      height: 18px;
      -webkit-border-radius: inherit;
      -webkit-appearance: none; 
      border-radius: inherit;
      background: rgb(255,255,255);
      -webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
      -webkit-transition-duration: 0.4s;
      -webkit-transition-property: transform, background-color, box-shadow;
      -moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
      -moz-transition-duration: 0.4s;
      transition-timing-function: cubic-bezier(.54,1.85,.5,1);
      transition-duration: 0.4s;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4);
      pointer-events: none;
      margin-top: 1px;
      margin-left: 1px;
      }
      	      	      	
      /* Checked Knob (Red Style) */
      #switch input[type="checkbox"].ios-switch:checked + div > div
      	{
      	-webkit-transform: translate3d(20px, 0, 0);
      	-moz-transform: translate3d(20px, 0, 0);
      	transform: translate3d(20px, 0, 0);
      	background-color: rgb(255,255,255);
      	box-shadow: 0px 2px 5px rgba(255,255,255,0.3), 0px 0px 0 1px rgba(8,80,172,1);
      	}
      	      	      	
      /* Green Knob */
      #switch input[type="checkbox"].green.ios-switch:checked + div > div
      	{
      	box-shadow: 0px 2px 5px rgba(255,255,255,0.3), 0 0 0 1px rgba(0,162,63,1);
      	}
      	      	      	
      /* Grey Knob */
      #switch input[type="checkbox"].lightgrey.ios-switch:checked + div > div
      	{
      	box-shadow: 0px 2px 5px rgba(255,255,255,0.3), 0 0 0 1px rgba(0,162,63,1);
      	}
      	      	      	
   /* Text */
   #switch_nein
      {
      display: flex;
      width: 35px;
      }
   #switch_ja
      {
      display: none;
      width: 35px;
      }
   #switch input[type="checkbox"].ios-switch:checked ~ #switch_nein
      {
      display: none;
      }
   #switch input[type="checkbox"].ios-switch:checked ~ #switch_ja
      {
      display: flex;
      }
      	      	      	
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++ Footer-Bereich ++++++++++++++++++++++++++ */
/* +++++++++++ Copyright sowie weiterfuehrende Links (Impressum und Co.) ++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer
   {
   z-index: 900;
   bottom: 0;
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   -webkit-align-items: center;
   align-items: center;
   align-content: center;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   box-sizing: border-box;
   width: 100%;
   margin-top: 0px;
   background-repeat: no-repeat;
   background-position: top;
   background-color: rgba(0,29,71,1);
   }
   @media only screen and (max-width: 399px) {#footer {position: relative;}}
   @media only screen and (min-width: 400px) and (max-width: 779px) {#footer {position: relative;}}
/*
   @media only screen and (min-width: 780px) and (max-width: 1199px) {#footer {position: relative;}}
   @media only screen and (min-width: 1200px) {#footer {position: relative;}}
*/
   @media only screen and (min-width: 780px) and (max-width: 1599px) {#footer {position: relative;}}
/*
   @media only screen and (min-width: 1600px) {#footer {position: relative;}}
*/
   @media only screen and (min-width: 1600px) {#footer {position: relative;}}
      	      	      	
      	#footer_oben
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-wrap: wrap;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: center;
      	   -webkit-justify-content: center;
      	   justify-content: center;
      	   box-sizing: border-box;
      	   margin: 10px 8px;
      	   }
      	   @media only screen and (max-width: 399px) {#footer_oben {flex-direction: column;}}
      	   @media only screen and (min-width: 400px) and (max-width: 779px) {#footer_oben {flex-direction: column;}}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#footer_oben {flex-direction: row;}}
      	   @media only screen and (min-width: 1200px) {#footer_oben {flex-direction: row;}}
      	      	      	
      	   #footer_oben #link
      	      {
      	      
      	      }
      	      	      	
      	      #footer_oben #link a
      	      	{
      	      	color: rgba(255,255,255,1);
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	      	#footer_oben #link a:active, #footer_oben #link a:focus, #footer_oben #link a:hover
      	      	   {
      	      	   color: rgba(221,6,64,1);
      	      	   transition: ease 0.3s;
      	      	   }
      	      	      	
      	      #footer_oben #link a#link_ausgewaehlt
      	      	{
      	      	color: rgba(221,6,64,1);
      	      	transition: ease 0.3s;
      	      	}
      	      	      	
      	      	#footer_oben #link a#link_ausgewaehlt:active, #footer_oben #link a#link_ausgewaehlt:focus, #footer_oben #link a#link_ausgewaehlt:hover
      	      	   {
      	      	   
      	      	   }
      	      	      	
      	   #footer_oben #link_bild
      	      {
      	      display: -webkit-flex;
      	      display: -webkit-box;
      	      display: -ms-flexbox;
      	      display: flex;
      	      flex-wrap: wrap;
      	      -webkit-align-items: center;
      	      align-items: center;
      	      align-content: center;
      	      -webkit-justify-content: center;
      	      justify-content: center;
      	      box-sizing: border-box;
      	      width: 100%;
      	      height: auto;
      	      margin-top: 20px;
      	      padding-top: 20px;
      	      padding-bottom: 20px;
      	      text-align: center;
      	      }
      	      @media only screen and (max-width: 399px) {#footer_oben #link_bild {max-height: 100px; max-width: 100%; }}
      	      @media only screen and (min-width: 400px) and (max-width: 779px) {#footer_oben #link_bild { max-height: 120px; max-width: 100%; }}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#footer_oben #link_bild { max-height: 170px; max-width: 100%; }}
      	      @media only screen and (min-width: 1200px) {#footer_oben #link_bild { max-height: 200px; max-width: 100%; }} 
      	      	      	
      	      #footer_oben #link_bild img
      	      	{
      	      	width: auto;
      	      	height: auto;
      	      	margin-left: auto;
      	      	margin-right: auto;
      	      	}
      	      	@media only screen and (max-width: 399px) {#footer_oben #link_bild img {max-height: 100px; max-width: 100%; }}
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) {#footer_oben #link_bild img { max-height: 120px; max-width: 100%; }}
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) {#footer_oben #link_bild img { max-height: 170px; max-width: 100%; }}
      	      	@media only screen and (min-width: 1200px) {#footer_oben #link_bild img { max-height: 200px; max-width: 100%; }} 
      	      	      	
      	   #footer_oben #trennstrich
      	      {
      	      box-sizing: border-box;
      	      margin-left: 3px;
      	      margin-right: 3px;
      	      }
      	      @media only screen and (max-width: 399px) {#footer_oben #trennstrich {display: none;}}
      	      @media only screen and (min-width: 400px) and (max-width: 779px) {#footer_oben #trennstrich {display: none;}}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#footer_oben #trennstrich {display: flex;}}
      	      @media only screen and (min-width: 1200px) {#footer_oben #trennstrich {display: flex;}}
      	      	      	
      	#footer_links, #footer_rechts
      	   {
      	   position: absolute;
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: column;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: center;
      	   -webkit-justify-content: center;
      	   justify-content: center;
      	   box-sizing: border-box;
      	   }
      	   @media only screen and (max-width: 399px) {#footer_links {top: 35px; left: 40px;}}
      	   @media only screen and (min-width: 400px) and (max-width: 779px) {#footer_links {top: 50px; left: 40px;}}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#footer_links {top: 10px; left: 40px;}}
      	   @media only screen and (min-width: 1200px) {#footer_links {top: 10px; left: 100px;}}
      	      	@media only screen and (max-width: 399px) {#footer_rechts {top: 35px; right: 40px;}}
      	      	@media only screen and (min-width: 400px) and (max-width: 779px) {#footer_rechts {top: 50px; right: 40px;}}
      	      	@media only screen and (min-width: 780px) and (max-width: 1199px) {#footer_rechts {top: 10px; right: 40px;}}
      	      	@media only screen and (min-width: 1200px) {#footer_rechts {top: 10px; right: 100px;}}
      	      	      	
      	   #footer_links img, #footer_rechts img
      	      {
      	      width: auto;
      	      height: auto;
      	      }
      	      @media only screen and (max-width: 399px) {#footer_links img, #footer_rechts img {max-width: 80px; max-height: 80px;}}
      	      @media only screen and (min-width: 400px) and (max-width: 779px) {#footer_links img, #footer_rechts img {max-width: 80px; max-height: 80px;}}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#footer_links img, #footer_rechts img {max-width: 60px; max-height: 60px;}}
      	      @media only screen and (min-width: 1200px) {#footer_links img, #footer_rechts img {max-width: 60px; max-height: 60px;}}
      	      	      	
      	#footer_unten
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: center;
      	   -webkit-justify-content: space-between;
      	   justify-content: space-between;
      	   box-sizing: border-box;
      	   margin: 10px 8px;
      	   }
      	   @media only screen and (max-width: 399px) {#footer_unten {}}
      	   @media only screen and (min-width: 400px) and (max-width: 779px) {#footer_unten {}}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#footer_unten {}}
      	   @media only screen and (min-width: 1200px) {#footer_unten {}}
      	      	      	
/* =============== Sponsorendarstellung =============== */
   #spezial_sponsoren
      {
      position: relative;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: center;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      box-sizing: border-box;
      width: 100%;
      margin: 10px 8px;
      }
      #footer_oben #spezial_sponsoren { padding-top: 20px; }
      	      	      	
      #spezial_sponsoren #sponsor, #spezial_sponsoren #sponsor_mittel, #spezial_sponsoren #sponsor_gross
      	{
      	position: relative;
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: center;
      	align-items: center;
      	align-content: center;
      	-webkit-justify-content: center;
      	justify-content: center;
      	box-sizing: border-box;
      	margin: 10px 2px 10px 2px;
      	padding: 15px;
      	}
      	@media only screen and (max-width: 399px) {#spezial_sponsoren #sponsor {max-height: 50px; max-width: 31%; }}
      	@media only screen and (min-width: 400px) and (max-width: 779px) {#spezial_sponsoren #sponsor { max-height: 60px; max-width: 23%; }}
      	@media only screen and (min-width: 780px) and (max-width: 1199px) {#spezial_sponsoren #sponsor { max-height: 70px; max-width: 18%; }}
      	@media only screen and (min-width: 1200px) {#spezial_sponsoren #sponsor { max-height: 80px; max-width: 15%; }}
      	   @media only screen and (max-width: 399px) {#spezial_sponsoren #sponsor_mittel {max-height: 70px; max-width: 45%; }}
      	   @media only screen and (min-width: 400px) and (max-width: 779px) {#spezial_sponsoren #sponsor_mittel { max-height: 90px; max-width: 45%; }}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#spezial_sponsoren #sponsor_mittel { max-height: 100px; max-width: 28%; }}
      	   @media only screen and (min-width: 1200px) {#spezial_sponsoren #sponsor_mittel { max-height: 115px; max-width: 28%; }}
      	      @media only screen and (max-width: 399px) {#spezial_sponsoren #sponsor_gross {max-height: 90px; max-width: 90%; }}
      	      @media only screen and (min-width: 400px) and (max-width: 779px) {#spezial_sponsoren #sponsor_gross { max-height: 110px; max-width: 80%; }}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#spezial_sponsoren #sponsor_gross { max-height: 130px; max-width: 70%; }}
      	      @media only screen and (min-width: 1200px) {#spezial_sponsoren #sponsor_gross { max-height: 150px; max-width: 50%; }}
      	      	      	
      	#spezial_sponsoren #sponsor img, #spezial_sponsoren #sponsor_mittel img, #spezial_sponsoren #sponsor_gross img
      	   {
      	   position: relative;
      	   box-sizing: border-box;
      	   width: auto;
      	   height: auto;
      	   max-width: 100%;
      	   max-height: 100%;
      	   }
      	   @media only screen and (max-width: 399px) {#spezial_sponsoren #sponsor img {max-height: 40px; }}
      	   @media only screen and (min-width: 400px) and (max-width: 779px) {#spezial_sponsoren #sponsor img { max-height: 60px; }}
      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#spezial_sponsoren #sponsor img { max-height: 70px; }}
      	   @media only screen and (min-width: 1200px) {#spezial_sponsoren #sponsor img { max-height: 80px; }} 
      	      @media only screen and (max-width: 399px) {#spezial_sponsoren #sponsor_mittel img {max-height: 65px; }}
      	      @media only screen and (min-width: 400px) and (max-width: 779px) {#spezial_sponsoren #sponsor_mittel img { max-height: 85px; }}
      	      @media only screen and (min-width: 780px) and (max-width: 1199px) {#spezial_sponsoren #sponsor_mittel img { max-height: 100px; }}
      	      @media only screen and (min-width: 1200px) {#spezial_sponsoren #sponsor_mittel img { max-height: 115px; }} 
      	      	   @media only screen and (max-width: 399px) {#spezial_sponsoren #sponsor_gross img {max-height: 90px; }}
      	      	   @media only screen and (min-width: 400px) and (max-width: 779px) {#spezial_sponsoren #sponsor_gross img { max-height: 110px; }}
      	      	   @media only screen and (min-width: 780px) and (max-width: 1199px) {#spezial_sponsoren #sponsor_gross img { max-height: 130px; }}
      	      	   @media only screen and (min-width: 1200px) {#spezial_sponsoren #sponsor_gross img { max-height: 150px; }}