@font-face
   {
   font-family: 'refurbished';
   src: url('refurbished.otf') format('opentype');
   font-style: normal;
   }
      	      	      	
@font-face
   {
   font-family: 'permanentmarker';
   src: url('PermanentMarker.ttf') format('truetype');
   font-style: normal;
   }
      	      	      	
@font-face
   {
   font-family: 'good_times';
   src: url('good_times.ttf') format('truetype');
   font-style: normal;
   }
      	      	      	
html,body
   {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   background-color: rgb(0,0,0);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom right;
   background-attachment: fixed;
   color: rgb(255,255,255);
   font-family: Verdana;
   font-size: 90%;
   text-align: center;
   }
      	      	      	
   h2
      {
      text-align: center;
      color: rgb(0,155,205);
      margin-top: 0px;
      margin-bottom: 10px;
      font-family: good_times;
      font-weight: normal;
      }
      @media only screen and (min-width: 1201px) {h2 {font-size: 400%;}}
      @media only screen and (max-width: 1200px) {h2 {font-size: 400%;}}
      @media only screen and (max-width: 720px) {h2 {font-size: 300%;}}
      @media only screen and (max-width: 400px) {h2 {font-size: 200%;}}
      	      	      	
      h2 img
      	{
      	height: auto;
      	}
      	@media only screen and (min-width: 1201px) {h2 img {width: 35%;}}
      	@media only screen and (max-width: 1200px) {h2 img {width: 50%;}}
      	@media only screen and (max-width: 720px) {h2 img {width: 60%;}}
      	@media only screen and (max-width: 400px) {h2 img {width: 80%;}}
      	      	      	
   hr
      {
      width: 95%;
      }
      	      	      	
   a
      {
      color: rgb(0,155,205);
      // text-shadow: 1px 1px 1px rgb(0,0,0);
      text-decoration: underline;
      font-weight: bold;
      transition: color 0.5s ease;
      }
      	      	      	
      a:hover
      	{
      	color: rgb(0,125,190);
      	// text-shadow: 0px 0px 1px rgb(0,0,0);
      	transition: color 0.5s ease;
      	}
      	      	      	
   input.readonly
      {
      background-color: rgb(200,200,200);
      }
      	      	      	
      #center_100
      	{
      	width: 100%;
      	text-align: center;
      	}
      	      	      	
      	      a#button
      	      	{
      	      	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: 5px auto;
      	      	background-color: rgb(25,25,25);
      	      	color: rgb(255,255,255);
      	      	text-align: center;
      	      	-moz-hyphens: auto;
      	      	-o-hyphens: auto;
      	      	-webkit-hyphens: auto;
      	      	-ms-hyphens: auto;
      	      	hyphens: auto;
      	      	word-wrap: break-word;
      	      	text-decoration: none;
      	      	border-radius: 5px;
      	      	box-shadow: 2px 2px 1px rgba(90,90,90,1), -1px -1px 1px rgba(200,200,200,1);
      	      	padding: 5px 2px;
      	      	cursor: pointer;
      	      	transition: background-color ease 0.5s;
      	      	}
      	      	@media only screen and (min-width: 1201px) {a#button {width: 17%; font-size: 100%;}}
      	      	@media only screen and (max-width: 1200px)  {a#button {width: 22%; font-size: 100%;}}      	      	@media only screen and (max-width: 720px)  {a#button {width: 30%; font-size: 90%;}}
      	      	@media only screen and (max-width: 400px)  {a#button {width: 45%; font-size: 80%;}}
      	      	      	
      	      a#button:hover, a#button:focus, a#button:active
      	      	{
      	      	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;
      	      	}
      	      	      	
      	      a#button_100
      	      	{
      	      	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: 5px auto;
      	      	background-color: rgb(25,25,25);
      	      	color: rgb(255,255,255);
      	      	text-align: center;
      	      	-moz-hyphens: auto;
      	      	-o-hyphens: auto;
      	      	-webkit-hyphens: auto;
      	      	-ms-hyphens: auto;
      	      	hyphens: auto;
      	      	word-wrap: break-word;
      	      	text-decoration: none;
      	      	border-radius: 5px;
      	      	box-shadow: 2px 2px 1px rgba(90,90,90,1), -1px -1px 1px rgba(200,200,200,1);
      	      	padding: 5px 2px;
      	      	cursor: pointer;
      	      	transition: background-color ease 0.5s;
      	      	}
      	      	@media only screen and (min-width: 1201px) {a#button_100 {width: 100%; max-width: 300px; font-size: 100%;}}
      	      	@media only screen and (max-width: 1200px)  {a#button_100 {width: 100%; max-width: 300px; font-size: 100%;}}      	      	@media only screen and (max-width: 720px)  {a#button_100 {width: 50%; max-width: 300px; font-size: 90%;}}
      	      	@media only screen and (max-width: 400px)  {a#button_100 {width: 100%; max-width: 300px; font-size: 80%;}}
      	      	      	
      	      a#button_100:hover, a#button_100:focus, a#button_100:active
      	      	{
      	      	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;
      	      	}
      	      	      	
   ul
      {
      list-style-type: none;
      }
      	      	      	
#container
   {
   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;
   position: relative;
   background-color: rgba(255,255,255,0.2);
   margin-left: auto;
   margin-right: auto;
   padding-left: 0.2em;
   padding-right: 0.2em;
   text-align: center;
   border-style: solid;
   border-radius: 1.5em;
   border-color: rgb(0,155,205);
   }
   @media only screen and (min-width: 1201px) {#container {width: 90%; max-width: 1400px;}}
   @media only screen and (max-width: 1200px) {#container {width: 90%; max-width: 1000px;}}
   @media only screen and (max-width: 720px) {#container {width: 95%;}}
   @media only screen and (max-width: 400px) {#container {width: 98%;}}
      	      	      	
   #container h3
      {
      width: 100%;
      }
      	      	      	
   #top_info
      {
      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;
      text-align: center;
      width: 100%;
      margin-top: 5px;
      }
      	      	      	
   #top_info hr
      {
      width: 98%;
      }
      	      	      	
   #aktueller_user
      {
      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;
      padding-left: 10px;
      }
      @media only screen and (min-width: 1201px) {#aktueller_user {width: 45%;}}
      @media only screen and (max-width: 1200px) {#aktueller_user {width: 45%;}}
      @media only screen and (max-width: 720px) {#aktueller_user {width: 45%;}}
      @media only screen and (max-width: 400px) {#aktueller_user {width: 45%;}}
      	      	      	
      #aktueller_user div
      	{
      	text-align: left;
      	}
      	      	      	
   #menue
      {
      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: flex-start;
      justify-content: flex-start;
      box-sizing: border-box;
      padding-right: 10px;
      }
      @media only screen and (min-width: 1201px) {#menue {width: 45%;}}
      @media only screen and (max-width: 1200px) {#menue {width: 45%;}}
      @media only screen and (max-width: 720px) {#menue {width: 45%;}}
      @media only screen and (max-width: 400px) {#menue {width: 45%;}}
      	      	      	
      #menue form input
      	{
      	margin-bottom: 5px;
      	font-weight: bold;
      	}
      	@media only screen and (min-width: 1201px) {#menue form input {width: auto;}}
      	@media only screen and (max-width: 1200px) {#menue form input {width: auto;}}
      	@media only screen and (max-width: 720px) {#menue form input {padding: 3px; 10px; font-size: 100%;}}
      	@media only screen and (max-width: 400px) {#menue form input {padding: 3px; 10px; font-size: 100%;}}
      	      	      	
    #menue_mobil
      	{
      	z-index: 900;
      	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;
      	position: relative;
      	height: 10%;
      	margin-top: 20px;
      	margin-bottom: 0;
      	padding-top: 2px;
      	padding-bottom: 0px;
      	font-weight: bold;
      	}
      	      	      	
      	#menue_mobil input#strg_menue_mobil
      	   {
      	   display: none;
      	   }
      	      	      	
      	#menue_mobil label#label_menue_mobil 
      	   {
      	   position: relative;
      	   margin-top: -10px;
      	   border-radius: 5px;
      	   cursor: pointer;
      	   font-size: 80%;
      	   color: rgb(255,255,255);
      	   }
      	      	      	
      	   #menue_mobil label#label_menue_mobil:hover
      	      {
      	      
      	      }
      	      	      	
      	   label#label_menue_mobil::after
      	      {
      	      position: relative;
      	      content: url("menue.png");
      	      }
      	      	      	
      	   #menue_mobil input#strg_menue_mobil:not(:checked) ~ .steuerung
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #menue_mobil input#strg_menue_mobil:checked ~ label#label_menue_mobil:after, label#label_menue_mobil2
      	      {
      	      content: url("menue_leer.png");
      	      cursor: default;
      	      }
      	      	      	
      	   label#label_menue_mobil2
      	      {
      	      content: url("menue_zu.png");
      	      cursor: pointer;
      	      position: absolute;
      	      margin-top: -5px;
      	      margin-right: 5px;
      	      right: 0;
      	      -webkit-user-select: none;
      	      -moz-user-select: -moz-none;
      	      -ms-user-select: none;
      	      user-select: none;
      	      }
      	      	      	
      	   #menue_mobil input#strg_menue_mobil:checked ~ .steuerung
      	      {
      	      display: flex;
      	      margin-bottom: 0px;
      	      }
      	      	      	
      	#strg
      	   {
      	   float: right;
      	   position: fixed;
      	   right: 0;
      	   top: 0;
      	   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: stretch;
     	   -webkit-justify-content: stretch;
      	   justify-content: stretch;
      	   box-sizing: border-box;
      	   background-color: rgb(0,0,0);
      	   width: auto;
      	   padding: 10px;
      	   }
      	   @media only screen and (min-width: 1201px) {#strg {width: auto; height: auto; box-shadow: -1px 1px 2px rgb(255,255,255);}}
      	   @media only screen and (max-width: 1200px) {#strg {width: auto; height: auto; box-shadow: -1px 1px 2px rgb(255,255,255);}}
      	   @media only screen and (max-width: 720px) {#strg {width: 100%; height: 100%; box-shadow: none;}}
      	   @media only screen and (max-width: 400px) {#strg {width: 100%; height: 100%; box-shadow: none;}}
      	      	      	
      	   #strg #menue_mobil_rahmen_ol
      	      {
      	      margin-top: 10px;
      	      margin-right: 0px;
      	      text-align: left;
      	      box-sizing: border-box;
      	      width: 100%;
      	      }
      	      @media only screen and (min-width: 1201px) {#strg #menue_mobil_rahmen_ol {text-align: left;}}
      	      @media only screen and (max-width: 1200px) {#strg #menue_mobil_rahmen_ol {text-align: left;}}
      	      @media only screen and (max-width: 720px) {#strg #menue_mobil_rahmen_ol {text-align: center;}}
      	      @media only screen and (max-width: 400px) {#strg #menue_mobil_rahmen_ol {text-align: center;}}
      	      	      	
      	   #strg #menue_mobil_rahmen_mlm
      	      {
      	      margin-top: 5px;
      	      margin-right: 0px;
      	      padding: 10px;
      	      box-sizing: border-box;
      	      width: 100%;
      	      color: rgb(255,255,255);
      	      background-color: rgb(25,25,25);
      	      box-shadow: 1px 1px 1px rgb(200,200,200), -1px -1px 1px rgb(75,75,75);
      	      }
      	      @media only screen and (min-width: 1201px) {#strg #menue_mobil_rahmen_mlm {text-align: left;}}
      	      @media only screen and (max-width: 1200px) {#strg #menue_mobil_rahmen_mlm {text-align: left;}}
      	      @media only screen and (max-width: 720px) {#strg #menue_mobil_rahmen_mlm {text-align: center;}}
      	      @media only screen and (max-width: 400px) {#strg #menue_mobil_rahmen_mlm {text-align: center;}}
      	      	      	
      	   #strg #menue_mobil_rahmen_ml
      	      {
      	      margin-top: 5px;
      	      margin-right: 0px;
      	      text-align: left;
      	      box-sizing: border-box;
      	      width: 100%;
      	      color: rgb(0,155,205);
      	      text-shadow: 1px 1px 1px rgb(0,0,0);
      	      background-color: rgb(25,25,25);
      	      box-shadow: -1px -1px 1px rgb(200,200,200), 1px 1px 1px rgb(90,90,90);
      	      }
      	      @media only screen and (min-width: 1201px) {#strg #menue_mobil_rahmen_ml {text-align: left;}}
      	      @media only screen and (max-width: 1200px) {#strg #menue_mobil_rahmen_ml {text-align: left;}}
      	      @media only screen and (max-width: 720px) {#strg #menue_mobil_rahmen_ml {text-align: center;}}
      	      @media only screen and (max-width: 400px) {#strg #menue_mobil_rahmen_ml {text-align: center;}}
      	      	      	
      	      #strg #menue_mobil_rahmen_ml:hover
      	      	{
      	      	background-color: rgb(0,0,0);
      	      	box-shadow: 1px 1px 1px rgb(200,200,200), -1px -1px 1px rgb(90,90,90);
      	      	}
      	      	      	
      	      	#strg #menue_mobil_rahmen_ml a, #strg #menue_mobil_rahmen_ml a:hover
      	      	   {
      	      	   color: rgb(0,125,190);
      	      	   text-decoration: none;
      	      	   }
      	      	      	
      	      	#strg #menue_mobil_rahmen_ml:hover > a
      	      	   {
      	      	   color: rgb(0,125,190);
      	      	   text-shadow: 1px 1px 1px rgb(25,25,25);
      	      	   font-weight: bold;
      	      	   }
      	      	      	
      	      #strg #menue_mobil_rahmen_ml a #menue_mobil_innen
      	      	{
      	      	padding: 10px;
      	      	}
      	      	      	
   #menue_logo
      {
      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: 10px;
      width: 100%;
      font-weight: normal;
      }
      	      	      	
      #menue_logo img
      	{
      	width: 70px;
      	height: auto;
      	margin-left: 5px;
      	}
      	      	      	
   #links
      {
      
      }
      @media only screen and (min-width: 1201px) {#links {width: 20%;}}
      @media only screen and (max-width: 1200px) {#links {width: 20%;}}
      @media only screen and (max-width: 720px) {#links {width: 20%;}}
      @media only screen and (max-width: 400px) {#links {width: 0%;}}
      	      	      	
   #mitte
      {
      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;
      }
      @media only screen and (min-width: 1201px) {#mitte {width: 50%;}}
      @media only screen and (max-width: 1200px) {#mitte {width: 50%;}}
      @media only screen and (max-width: 720px) {#mitte {width: 50%;}}
      @media only screen and (max-width: 400px) {#mitte {width: 100%;}}
      	      	      	
   #rechts
      {
      padding-right: 10px;
      }
      @media only screen and (min-width: 1201px) {#rechts {width: 20%;}}
      @media only screen and (max-width: 1200px) {#rechts {width: 20%;}}
      @media only screen and (max-width: 720px) {#rechts {width: 20%;}}
      @media only screen and (max-width: 400px) {#rechts {width: 100%; padding-bottom: 10px;}}
      	      	      	
   #container form
      {
      margin-left: auto;
      margin-right: auto;
      }
      	      	      	
#content
   {
   position: relative;
   width: 95%;
   margin-left: auto;
   margin-right: auto;
   padding-right: 5px;
   padding-bottom: 10px;
   box-sizing: border-box;
   text-align: justify;
   vertical-align: top;
   }
      	      	      	
   #content h3
      {
      margin-top: 0%;
      text-align: center;
      }
      	      	      	
   #fehlermeldung
      {
      color: rgb(190,0,0);
      // font-weight: bold;
      // font-style: italic;
      width: 100%;
      text-align: left;
      border-style: solid;
      border-width: 2px;
      border-color: rgb(190,0,0);
      padding-left: 3px;
      padding-right: 3px;
      }
      	      	      	
   #fehlermeldung2
      {
      color: rgb(190,0,0);
      width: 100%;
      text-align: left;
      }
      	      	      	
   #fehlermeldung3
      {
      color: rgb(190,0,0);
      width: 100%;
      margin-bottom: 10px;
      text-align: center;
      }
      	      	      	
      #fehlermeldung h4,#fehlermeldung2 h4
      	{
      	text-align: center;
      	border-color: rgb(190,0,0);
      	}
      	      	      	
      #fehlermeldung p,#fehlermeldung2 p
      	{
      	color: rgb(255,255,255);
      	}
      	      	      	
      #fehlermeldung ul,#fehlermeldung2 ul
      	{
      	list-style: none;
      	font-style: normal;
      	font-weight: normal;
      	width: auto;
      	max-width: 90%;
      	margin-left: 20px;
      	margin-right: 20px;
      	text-align: justify;
      	}
      	      	      	
      	#fehlermeldung ul li,#fehlermeldung2 ul li
      	   {
      	   color: rgb(255,255,255);
      	   width: auto;
      	   height: auto;
      	   text-align: justify;
      	   vertical-align: middle;
      	   }
      	      	      	
      	   #fehlermeldung ul li img#klein,#fehlermeldung2 ul li img#klein
      	      {
      	      width: auto;
      	      max-width: 100px;
      	      height: auto;
      	      max-height: 80px;
      	      margin-bottom: 5px;
      	      margin-right: 10px;
      	      vertical-align: middle;
      	      }
      	      	      	
      #fehlermeldung_input
      	{
      	color: rgb(190,0,0);
      	font-style: italic;
      	width: 100%;
      	text-align: left;
      	}
      	      	      	
	#fehlermeldung_input i#Euro
      	   {
      	   color: rgb(255,255,255);
      	   font-style: normal;
      	   }
      	      	      	
   #bestaetigungsmeldung
      {
      color: rgb(50,150,77);
      font-weight: bold;
      font-style: italic;
      width: auto;
      text-align: center;
      }
      	      	      	
      #bestaetigungsmeldung span
      	{
      	text-align: justify;
      	}
      	      	      	
      #bestaetigungsmeldung a
      	{
      	text-align: left;
      	}
      	      	      	
      #bestaetigungsmeldung span ul
      	{
      	list-style: none;
      	font-style: normal;
      	font-weight: normal;
      	width: auto;
      	max-width: 90%;
      	margin-left: 20px;
      	margin-right: 20px;
      	text-align: left;
      	}
      	      	      	
      	#bestaetigungsmeldung span ul li
      	   {
      	   color: rgb(255,255,255);
      	   width: auto;
      	   height: auto;
      	   text-align: left;
      	   vertical-align: middle;
      	   }
      	      	      	
      	   #bestaetigungsmeldung span ul li img#klein
      	      {
      	      width: auto;
      	      max-width: 100px;
      	      height: auto;
      	      max-height: 80px;
      	      margin-bottom: 5px;
      	      margin-right: 10px;
      	      vertical-align: middle;
      	      }
      	      	      	
   #hinweis
      {
      font-size: 10px;
      font-style: italic;
      width: 100%;
      text-align: justify;
      }
      	      	      	
   #content img
      {
      max-width: 100%;
      }
      	      	      	
   #content form
      {
      width: 100%;
      text-align: left;
      }
      	      	      	
      #content form h4
      	{
      	text-align: center;
     	font-size: 14px;
      	color: rgb(195,35,40);
      	text-shadow: 0.1em 0.1em 0.1em rgb(255,255,255);
      	}
      	      	      	
      #content form p
      	{
      	text-align: justify;
      	}
      	      	      	
      #content form ol
      	{
      	width: auto;
      	max-width: 100%;
      	list-style: arabic;
      	text-align: justify;
      	}
      	      	      	
      	#content form ol li
      	   {
      	   width: auto;
      	   text-align: justify;
      	   }
      	      	      	
      #content form ul
      	{
      	width: auto;
      	max-width: 90%;
      	list-style: none;
      	text-align: justify;
      	}
      	      	      	
      	#content form ul li
      	   {
      	   width: auto;
      	   height: auto;
      	   text-align: justify;
      	   vertical-align: middle;
      	   }
      	      	      	
      	   #content form ul li a.infobox img#klein
      	      {
      	      width: auto;
      	      max-width: 100px;
      	      height: auto;
      	      max-height: 80px;
      	      margin-bottom: 5px;
      	      margin-right: 10px;
      	      vertical-align: middle;
      	      }
      	      	      	
      	   a.infobox span div
      	      {
      	      visibility:hidden;
      	      position: absolute;
      	      z-index: 4;
      	      top: auto;
      	      margin-top: -50px;
      	      left: auto;
      	      margin-left: -200px;
      	      min-height: 1px;
      	      height: auto;
      	      max-height: 210px;
      	      width: auto;
      	      text-decoration:none;
      	      text-align: center;
      	      vertical-align: middle;
      	      overflow: auto;
      	      }
      	      	      	
      	      img#gross
      	      	{
      	      	height: auto;
      	      	max-height: 200px;
      	      	width:auto;
      	      	max-width: 250px;
      	      	text-decoration:none;
      	      	text-align: center;
      	      	vertical-align: middle;
      	      	}
      	      	      	
      	      a.infobox:focus span div
      	      	{
      	      	visibility:visible;
      	      	}
      	      	      	
      #rahmen_column
      	{
      	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: space-around;
      	-webkit-justify-content: space-around;
      	justify-content: space-around;
      	box-sizing: border-box;
      	padding: 5px;
      	margin-top: 5px;
      	margin-bottom: 10px;
      	background-color: rgba(255,255,255,0.5);
      	box-shadow: 1px 1px 1px rgb(0,0,0);
	}
      	      	      	
      	#rahmen_column input
      	   {
	   margin-top: 2px;
      	   margin-bottom: 10px;
	   }
      	      	      	
      #rahmen_row
      	{
      	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;
      	padding: 5px;
      	background-color: rgba(255,255,255,0.5);
      	box-shadow: 1px 1px 1px rgb(0,0,0);
	}
      	      	      	
      	#rahmen_row > div
      	   {
      	   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: space-around;
      	   -webkit-justify-content: space-around;
      	   justify-content: space-around;
	   width: 300px;
      	   margin-top: 10px;
      	   margin-bottom: 5px;
	   }
      	      	      	
      #rahmen_row_mit_switch
      	{
      	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: space-around;
      	justify-content: space-around;
      	box-sizing: border-box;
      	padding: 5px;
	}
      	      	      	
      	#rahmen_row_mit_switch > div
      	   {
	   width: 300px;
      	   margin-top: 10px;
      	   margin-bottom: 5px;
	   }
      	      	      	
      #content form input
      	{
	
	}
      	      	      	
      	#content form input#radio
      	   {
      	   width: auto;
      	   vertical-align: bottom;
      	   }
      	      	      	
      	#content form input#radio_button
      	   {
      	   width: auto;
      	   margin-top: -4px;
      	   vertical-align: middle;
      	   }
      	      	      	
      	#content form input#radio_button_bilder
      	   {
      	   width: auto;
      	   margin-top: -2px;
      	   vertical-align: middle;
      	   }
      	      	      	
      	#content form input#checkbox
      	   {
      	   width: auto;
      	   }
      	      	      	
      	#content form input#bearbeiten
      	   {
      	   width: auto;
      	   }
      	      	      	
      	#content form#button
      	   {
      	   
      	   }
      	   @media only screen and (min-width: 1201px) {#conten form #button {width: auto;}}
      	   @media only screen and (max-width: 1200px) {#conten form #button {width: auto;}}
      	   @media only screen and (max-width: 720px) {#conten form #button {width: 100%; text-align: center;}}
      	   @media only screen and (max-width: 400px) {#conten form #button {width: 100%; text-align: center;}}
      	      	      	
      	#content form input#button
      	   {
      	   margin-top: 15px;
      	   font-weight: bold;
      	   }
      	   @media only screen and (min-width: 1201px) {#conten form input#button {width: auto;}}
      	   @media only screen and (max-width: 1200px) {#conten form input#button {width: auto;}}
      	   @media only screen and (max-width: 720px) {#conten form input#button {padding: 3px; 10px; font-size: 100%;}}
      	   @media only screen and (max-width: 400px) {#conten form input#button {padding: 3px 10px; font-size: 100%;}}
      	      	      	
	#content form textarea {
			       width: 60%;
			       height: 150px;
			       }
      	      	      	
	#content form textarea#ta100 {
			       width: 95%;
			       height: 150px;
			       }
      	      	      	
      	#content form input#name
      	   {
      	   width: 95%;
      	   max-width: 250px;
      	   }
      	      	      	
      	#content form input#mail
      	   {
      	   width: 95%;
      	   max-width: 250px;
      	   }
      	      	      	
      	#content form input#datum
      	   {
      	   width: 95%;
      	   max-width: 80px;
      	   }
      	      	      	
      	#content form input#nr
      	   {
      	   width: 95%;
      	   max-width: 50px;
      	   }
      	      	      	
      	#content form input#zeiten
      	   {
      	   width: 95%;
      	   max-width: 150px;
      	   }
      	      	      	
      	#content form input#ueberschrift
      	   {
      	   width: 95%;
      	   max-width: 350px;
      	   }
      	      	      	
img#kreuz_haken
   {
   height: 16px;
   }
      	      	      	
img#klein_logo
   {
   height: auto;
   max-height: 100px;
   width: auto;
   text-decoration:none;
   text-align: center;
   vertical-align: middle;
   }
      	      	      	
img#klein
   {
   height: auto;
   max-height: 150px;
   width: auto;
   max-width: 200px;
   text-decoration:none;
   text-align: center;
   vertical-align: middle;
   margin-bottom: 5px;
   }
      	      	      	
#auswahl_turniere_einzeln
   {
   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: space-around;
   justify-content: space-around;
   }
      	      	      	
#auswahl_turniere_einzeln_innen
   {
   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: stretch;
   justify-content: stretch;
   }
      	      	      	
   #auswahl_turniere_einzeln_name
      {
      margin-right: 5px;
      text-align: right;
      }
      @media only screen and (min-width: 1201px) {#auswahl_turniere_einzeln_name {width: 300px;}}
      @media only screen and (max-width: 1200px) {#auswahl_turniere_einzeln_name {width: 250px;}}
      @media only screen and (max-width: 720px) {#auswahl_turniere_einzeln_name {width: 200px;}}
      @media only screen and (max-width: 550px) {#auswahl_turniere_einzeln_name {width: 200px;}}
      	      	      	
   #auswahl_turniere_einzeln_name2
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      }
      @media only screen and (min-width: 1201px) {#auswahl_turniere_einzeln_name2 {align-content: flex-start; width: auto;}}
      @media only screen and (max-width: 1200px) {#auswahl_turniere_einzeln_name2 {align-content: flex-start; width: auto;}}
      @media only screen and (max-width: 720px) {#auswahl_turniere_einzeln_name2 {align-content: flex-start; width: auto;}}
      @media only screen and (max-width: 550px) {#auswahl_turniere_einzeln_name2 {align-content: center; width: 100%; margin-bottom: 5px;}}
      	      	      	
   #auswahl_turniere_einzeln_radio
      {
      text-align: left;
      }
      	      	      	
#berechtigungen
   {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   line-height: 20px;
   }
      	      	      	
   #berechtigungen_name
      {
      margin-right: 5px;
      text-align: right;
      }
      	      	      	
   #berechtigungen_radio
      {
      text-align: left;
      }
      	      	      	
.chats
   {
   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: flex-start; 
   -webkit-justify-content: space-between;
   justify-content: space-between;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   }
      	      	      	
   .chats h3
      {
      padding-top: 20px;
      margin-bottom: 0px;
      }
      	      	      	
   .chats p
      {
      margin-bottom: 0px;
      }
      	      	      	
#zweispaltig
   {
   position: relative;
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   box-sizing: border-box;
   -webkit-align-items: stretch;
   align-items: stretch;
   align-content: flex-start; 
   -webkit-justify-content: space-between;
   justify-content: space-between;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   }
      	      	      	
   .dark_blue
      {
      background-color: rgba(0,0,100,0.5);
      border-radius: 10px;
      box-shadow: 2px 2px 2px rgba(150,150,255,0.5);
      padding: 10px 5px;
      margin: 15px 10px;
      }
      	      	      	
   .dark_grey
      {
      background-color: rgb(100,100,100);
      border-radius: 10px;
      box-shadow: 2px 2px 2px rgb(200,200,200);
      padding: 10px 5px;
      margin: 15px 10px;
      }
      	      	      	
   #linke_seite
      {
      
      }
      @media only screen and (min-width: 1201px) {#linke_seite {width: 49%; margin-right: 1%;}}
      @media only screen and (max-width: 1200px) {#linke_seite {width: 49%; margin-right: 1%;}}
      @media only screen and (max-width: 720px) {#linke_seite {width: 100%;}}
      @media only screen and (max-width: 400px) {#linke_seite {width: 100%;}}
      	      	      	
   #rechte_seite
      {
      
      }
      @media only screen and (min-width: 1201px) {#rechte_seite {width: 49%; margin-left: 1%;}}
      @media only screen and (max-width: 1200px) {#rechte_seite {width: 49%; margin-left: 1%;}}
      @media only screen and (max-width: 720px) {#rechte_seite {width: 100%; margin-top: 20px;}}
      @media only screen and (max-width: 400px) {#rechte_seite {width: 100%; margin-top: 20px;}}
      	      	      	
   .center
      {
      text-align: center;
      }
      	      	      	
      	#erlaeuterungen
      	   {
      	   border-style: solid;
      	   border-width: 2px;
      	   border-color: rgb(255,255,255);
      	   box-shadow: 2px 2px 3px rgb(255,255,255);
      	   box-sizing: border-box;
      	   padding: 5px;
      	   }
      	      	      	
      	   #erlaeuterungen ol li
      	      {
      	      margin-top: 5px;
      	      }
      	      	      	
#runde
   {
   margin-top: 20px;
   }
      	      	      	
   #runde input.runde_anzeigen
      {
      display: none;
      }
      	      	      	
   #runde label#runde
      {
      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: rgb(25,25,25);
      color: rgb(0,155,205);
      text-align: center;
      font-weight: bold;
      moz-hyphens: auto;
      -o-hyphens: auto;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      word-wrap: break-word;
      white-space: nowrap;
      border-radius: 5px;
      box-shadow: 2px 2px 1px rgba(90,90,90,1), -1px -1px 1px rgba(200,200,200,1);
      padding: 5px 2px;
      cursor: pointer;
      transition: background-color ease 0.5s;
      }
      @media only screen and (min-width: 1201px) {#runde label#runde {width: 70%; font-size: 130%;}}
      @media only screen and (max-width: 1200px)  {#runde label#runde {width: 75%; font-size: 110%;}}
      @media only screen and (max-width: 720px)  {#runde label#runde {width: 100%; font-size: 100%;}}
      @media only screen and (max-width: 400px)  {#runde label#runde {width: 100%; font-size: 90%;}}
      	      	      	
      #runde label#runde:hover, #runde label#runde:focus, #runde label#runde:active
      	{
      	background-color: rgb(0,0,0);
      	color: rgb(0,155,205);
      	box-shadow: 1px 1px 1px rgba(200,200,200,1), -1px -1px 1px rgba(90,90,90,1);
      	transition: background-color ease 0.5s, color ease 0.5s;
      	}
      	      	      	
      #runde input.runde_anzeigen:checked + label#runde
      	{
      	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: color ease 0.5s;
      	}
      	      	      	
      #runde label#runde i
      	{
      	
      	}
      	      	      	
      #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: flex-start;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	margin-top: -5px;
      	margin-bottom: 30px;
      	width: 100%;
      	}
      	      	      	
      	#runde input.runde_anzeigen:not(:checked) ~ #runde_details
      	   {
      	   display: none;
      	   }
      	      	      	
      	#runde input.runde_anzeigen:checked ~ #runde_details
      	   {
      	   display: flex;
      	   }
      	      	      	
#spiel_runde_gruppe
   {
   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-bottom: 5px;
   background-color: rgba(0,0,255,0.1);
   }
   @media only screen and (min-width: 1201px) {#spiel_runde_gruppe {font-size: 110%;}}
      @media only screen and (min-width: 1201px) {.spiel_runde_gruppe_mit_datum {width: 100%;}}
      @media only screen and (min-width: 1201px) {.spiel_runde_gruppe_ohne_datum {width: 100%;}}
   @media only screen and (max-width: 1200px)  {#spiel_runde_gruppe {width: 100%; font-size: 100%;}}
   @media only screen and (max-width: 720px)  {#spiel_runde_gruppe {width: 100%; font-size: 100%;}}
   @media only screen and (max-width: 400px)  {#spiel_runde_gruppe {width: 100%; font-size: 90%;}}
      	      	      	
   #spiel_runde_gruppe_ueberschrift
      {
      text-align: center;
      }
      @media only screen and (min-width: 1201px) {#spiel_runde_gruppe_ueberschrift {width: 80%;}}
      @media only screen and (max-width: 1200px)  {#spiel_runde_gruppe_ueberschrift {width: 85%;}}
      @media only screen and (max-width: 720px)  {#spiel_runde_gruppe_ueberschrift {width: 80%;}}
      @media only screen and (max-width: 400px)  {#spiel_runde_gruppe_ueberschrift {width: 85%;}}
      	      	      	
   #spiel_runde_gruppe_ueberschrift_ohne_datum
      {
      width: 100%;
      text-align: center;
      }
      	      	      	
   #spiel_runde_gruppe_datum
      {
      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-end;
      justify-content: flex-end;
      box-sizing: border-box;
      padding: 2px 5px;
      }
      @media only screen and (min-width: 1201px) {#spiel_runde_gruppe_datum {width: 20%;}}
      @media only screen and (max-width: 1200px)  {#spiel_runde_gruppe_datum {width: 15%;}}
      @media only screen and (max-width: 720px)  {#spiel_runde_gruppe_datum {width: 20%;}}
      @media only screen and (max-width: 400px)  {#spiel_runde_gruppe_datum {width: 15%;}}
      	      	      	
      #spiel_runde_gruppe_datum p
      	{
      	margin: 2px 0;
      	}
      	      	      	
      	#spiel_runde_gruppe_datum p img
      	   {
      	   width: auto;
      	   }
      	   @media only screen and (min-width: 1201px) {#spiel_runde_gruppe_datum p img {height: 16px;}}
      	   @media only screen and (max-width: 1200px)  {#spiel_runde_gruppe_datum p img {height: 14px;}}
      	   @media only screen and (max-width: 720px)  {#spiel_runde_gruppe_datum p img {height: 12px;}}
      	   @media only screen and (max-width: 400px)  {#spiel_runde_gruppe_datum p img {height: 10px;}}
      	      	      	
      #spiel_runde_gruppe_datum input
      	{
      	background-color: rgb(0,154,205);
      	}
      	      	      	
#spiel
   {
   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;
   background-color: rgba(255,255,255,0.1);
   }
   @media only screen and (min-width: 1201px) {.spiel_mit_datum {width: 100%; font-size: 110%;}}
   @media only screen and (min-width: 1201px) {.spiel_ohne_datum {width: 100%; font-size: 110%;}}
   @media only screen and (max-width: 1200px)  {#spiel {width: 100%; font-size: 100%;}}
   @media only screen and (max-width: 720px)  {#spiel {width: 100%; font-size: 100%;}}
   @media only screen and (max-width: 400px)  {#spiel {width: 100%; font-size: 90%;}}
      	      	      	
   #spiel_nr
      {
      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;
      }
      @media only screen and (min-width: 1201px) {#spiel_nr {width: 20%;}}
      @media only screen and (max-width: 1200px)  {#spiel_nr {width: 20%;}}
      @media only screen and (max-width: 720px)  {#spiel_nr {width: 20%;}}
      @media only screen and (max-width: 400px)  {#spiel_nr {width: 20%;}}
      	      	      	
   #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 (min-width: 1201px) {.begegnung_mit_datum {flex-direction: row; width: 40%;}}
      @media only screen and (max-width: 1200px)  {.begegnung_mit_datum {flex-direction: row; width: 45%;}}
      @media only screen and (max-width: 720px)  {.begegnung_mit_datum {flex-direction: column; width: 40%;}}
      @media only screen and (max-width: 400px)  {.begegnung_mit_datum {flex-direction: column; width: 45%;}}
      	   @media only screen and (min-width: 1201px) {.begegnung_ohne_datum {flex-direction: row; width: 60%;}}
      	   @media only screen and (max-width: 1200px)  {.begegnung_ohne_datum {flex-direction: row; width: 60%;}}
      	   @media only screen and (max-width: 720px)  {.begegnung_ohne_datum {flex-direction: column; width: 60%;}}
      	   @media only screen and (max-width: 400px)  {.begegnung_ohne_datum {flex-direction: column; width: 60%;}}
      	      	      	
      #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;
      	}
      	@media only screen and (min-width: 1201px) {#mannschaft {width: 42%;}}
      	@media only screen and (max-width: 1200px)  {#mannschaft {width: 42%;}}
      	@media only screen and (max-width: 720px)  {#mannschaft {width: 100%;}}
      	@media only screen and (max-width: 400px)  {#mannschaft {width: 100%;}}
      	      	      	
      	#mannschaft img#bild_spielplan_online
      	   {
      	   width: auto;
      	   }
      	   @media only screen and (min-width: 1201px) {#mannschaft img#bild_spielplan_online {height: 16px; margin-left: 4px; margin-right: 4px;}}
      	   @media only screen and (max-width: 1200px)  {#mannschaft img#bild_spielplan_online {height: 14px; margin-left: 4px; margin-right: 4px;}}
      	   @media only screen and (max-width: 720px)  {#mannschaft img#bild_spielplan_online {height: 14px; margin-left: 4px; margin-right: 4px;}}
      	   @media only screen and (max-width: 400px)  {#mannschaft img#bild_spielplan_online {height: 12px; margin-left: 4px; margin-right: 4px;}}
      	      	      	
      	      #mannschaft #kreis
      	      	{
      	      	margin-left: 5px;
      	      	margin-right: 5px;
      	      	border-radius: 100%;
      	      	}
      	      	#mannschaft .kreis_gruen { background-color: rgb(50,150,77); }
      	      	#mannschaft .kreis_gelb { background-color: rgb(255,255,0); }
      	      	#mannschaft .kreis_orange { background-color: rgb(255,165,0); }
      	      	#mannschaft .kreis_rot { background-color: rgb(195,35,40); }
      	      	#mannschaft .kreis_lila { background-color: rgb(148,0,211); }
      	      	   @media only screen and (min-width: 1201px) { #mannschaft #kreis {width: 15px; height: 15px;}}
      	      	   @media only screen and (max-width: 1200px)  { #mannschaft #kreis {width: 14px; height: 14px;}}
      	      	   @media only screen and (max-width: 720px)  { #mannschaft #kreis {width: 14px; height: 14px;}}
      	      	   @media only screen and (max-width: 400px)  { #mannschaft #kreis {width: 12px; height: 12px;}}
      	      	      	
      	      #mannschaft select
      	      	{
      	      	width: 100%;
      	      	}
      	      	      	
      	      	#mannschaft select option
      	      	   {
      	      	   max-width: 100%;
      	      	   text-overflow: hidden;
      	      	   }
      	      	      	
      	   #mannschaft img#fehler
      	      {
      	      height: 16px;
      	      width: auto;
      	      }
      	      	      	
      #begegnung .heim
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	padding: 2px 5px;
      	}
      	@media only screen and (min-width: 1201px) {#begegnung .heim {-webkit-justify-content: flex-start; justify-content: flex-end;}}
      	@media only screen and (max-width: 1200px)  {#begegnung .heim {-webkit-justify-content: flex-start; justify-content: flex-end;}}
      	@media only screen and (max-width: 720px)  {#begegnung .heim {-webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: 2px;}}
      	@media only screen and (max-width: 400px)  {#begegnung .heim {-webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: 2px;}}
      	      	      	
      #begegnung #vs
      	{
      	
      	}
      	@media only screen and (min-width: 1201px) {#begegnung #vs {}}
      	@media only screen and (max-width: 1200px)  {#begegnung #vs {}}
      	@media only screen and (max-width: 720px)  {#begegnung #vs {display: none;}}
      	@media only screen and (max-width: 400px)  {#begegnung #vs {display: none;}}
      	      	      	
      #begegnung .gast
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	padding: 2px 5px;
      	}
      	      	      	
   #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: flex-start;
      justify-content: flex-start;
      box-sizing: border-box;
      width: 20%;
      padding: 2px 2px;
      }
      	      	      	
   .ergebnisse_bestaetigt
      {
      color: rgb(50,150,77);
      }
      	      	      	
      #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;
      	}
      	@media only screen and (min-width: 1201px) {#ergebnis, #ergebnis_ohne_bearbeiten {flex-direction: row;}}
      	@media only screen and (max-width: 1200px)  {#ergebnis, #ergebnis_ohne_bearbeiten {flex-direction: row;}}
      	@media only screen and (max-width: 720px)  {#ergebnis, #ergebnis_ohne_bearbeiten {flex-direction: column;}}
      	@media only screen and (max-width: 400px)  {#ergebnis, #ergebnis_ohne_bearbeiten {flex-direction: column;}}
      #ergebnis {}
      	@media only screen and (min-width: 1201px) {#ergebnis {width: 65%;}}
      	@media only screen and (max-width: 1200px)  {#ergebnis {width: 65%;}}
      	@media only screen and (max-width: 720px)  {#ergebnis {width: 50%;}}
      	@media only screen and (max-width: 400px)  {#ergebnis {width: 50%;}}
      #ergebnis_ohne_bearbeiten {width: 100%;}
      	      	      	
      	#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 (min-width: 1201px) {#ergebnis #vs, #ergebnis_ohne_bearbeiten #vs {}}
      	   @media only screen and (max-width: 1200px)  {#ergebnis #vs, #ergebnis_ohne_bearbeiten #vs {}}
      	   @media only screen and (max-width: 720px)  {#ergebnis #vs, #ergebnis_ohne_bearbeiten #vs {display: none;}}
      	   @media only screen and (max-width: 400px)  {#ergebnis #vs, #ergebnis_ohne_bearbeiten #vs {display: none;}}
      	      	      	
      #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: 1201px) {#ergebnis_bearbeiten {width: 35%;}}
      	@media only screen and (max-width: 1200px)  {#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;
      	   -moz-hyphens: auto;
      	   -o-hyphens: auto;
      	   -webkit-hyphens: auto;
      	   -ms-hyphens: auto;
      	   hyphens: auto;
      	   word-wrap: break-word;
      	   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;
      	      }
      	      	      	
   #datum_zeit_head
      {
      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;
      }
      @media only screen and (min-width: 1201px) {#datum_zeit_head {width: 20%;}}
      @media only screen and (max-width: 1200px)  {#datum_zeit_head {width: 15%;}}
      @media only screen and (max-width: 720px)  {#datum_zeit_head {width: 20%;}}
      @media only screen and (max-width: 400px)  {#datum_zeit_head {width: 15%;}}
      	      	      	
   #datum_zeit
      {
      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-end;
      justify-content: flex-end;
      box-sizing: border-box;
      padding: 2px 5px;
      }
      @media only screen and (min-width: 1201px) {#datum_zeit {width: 20%;}}
      @media only screen and (max-width: 1200px)  {#datum_zeit {width: 15%;}}
      @media only screen and (max-width: 720px)  {#datum_zeit {width: 20%;}}
      @media only screen and (max-width: 400px)  {#datum_zeit {width: 15%;}}
      	      	      	
      #datum_zeit p
      	{
      	margin: 2px 0;
      	}
      	      	      	
      	#datum_zeit p img
      	   {
      	   width: auto;
      	   }
      	   @media only screen and (min-width: 1201px) {#datum_zeit p img {height: 16px;}}
      	   @media only screen and (max-width: 1200px)  {#datum_zeit p img {height: 14px;}}
      	   @media only screen and (max-width: 720px)  {#datum_zeit p img {height: 12px;}}
      	   @media only screen and (max-width: 400px)  {#datum_zeit p img {height: 10px;}}
      	      	      	
#tabelle
   {
   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-start;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   box-sizing: border-box;
   border-style: solid;
   border-width: 1px;
   border-color: rgb(255,255,255);
   border-collapse: collapse;
   margin-top: 20px;
   }
   @media only screen and (max-width: 399px) { #tabelle {font-size: 80%; width: 100%;} }
   @media only screen and (min-width: 400px) and (max-width: 769px) { #tabelle {font-size: 90%; width: 100%;} }
   @media only screen and (min-width: 770px) and (max-width: 1199px) { #tabelle {font-size: 95%; width: 80%;} }
   @media only screen and (min-width: 1200px) { #tabelle {font-size: 100%; width: 70%;} }
      	      	      	
   #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: center;
      -webkit-justify-content: center;
      justify-content: center;
      box-sizing: border-box;
      width: 100%;
      }
      	      	      	
      .tab_kopf
      	{
      	box-sizing: border-box;
      	border-style: solid;
      	border-width: 1px;
      	border-color: rgb(255,255,255);
      	border-collapse: collapse;
      	font-weight: bold;
      	font-size: 1vmax;
      	padding: 1px 2px;
      	}
      	      	      	
      .tab_zelle
      	{
      	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-style: solid;
      	border-width: 1px;
      	border-color: rgb(255,255,255);
      	border-collapse: collapse;
      	font-size: 1vmax;
      	-moz-hyphens: auto;
      	-o-hyphens: auto;
      	-webkit-hyphens: auto;
      	-ms-hyphens: auto;
      	hyphens: auto;
      	word-wrap: break-word;
      	padding: 1px 2px;
      	}
      	      	      	
      	.tab_zelle p
      	   {
      	   margin: auto;
      	   }
      	      	      	
      #tabelle_platz
      	{
      	width: 10%;
      	text-align: center;
      	}
      	#tabelle_platz_admin
      	   {
      	   width: 9%;
      	   text-align: center;
      	   }
      	      	      	
      #tabelle_spieler
      	{
      	width: 43%;
      	text-align: left;
      	}
      	#tabelle_spieler_admin
      	   {
      	   width: 40%;
      	   text-align: left;
      	   }
      	   #tabelle_spieler_admin p
      	      {
      	      margin-left: 0;
      	      }
      	      	      	
      #tabelle_spiele
      	{
      	width: 10%;
      	text-align: center;
      	}
      	#tabelle_spiele_admin
      	   {
      	   width: 9%;
      	   text-align: center;
      	   }
      	      	      	
      #tabelle_tore
      	{
      	width: 15%;
      	text-align: center;
      	}
      	#tabelle_tore_admin
      	   {
      	   width: 14%;
      	   text-align: center;
      	   }
      	      	      	
      #tabelle_differenz
      	{
      	width: 10%;
      	text-align: center;
      	}
      	#tabelle_differenz_admin
      	   {
      	   width: 9%;
      	   text-align: center;
      	   }
      	      	      	
      #tabelle_punkte
      	{
      	width: 12%;
      	text-align: center;
      	}
      	#tabelle_punkte_admin
      	   {
      	   width: 11%;
      	   text-align: center;
      	   }
      	      	      	
      	#tabelle_aktiv_admin
      	   {
      	   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: 8%;
      	   padding: 1px 1px;
      	   }
      	      	      	
      	      #tabelle_aktiv_admin 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;
      	      	-moz-hyphens: auto;
      	      	-o-hyphens: auto;
      	      	-webkit-hyphens: auto;
      	      	-ms-hyphens: auto;
      	      	hyphens: auto;
      	      	word-wrap: break-word;
      	      	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;
      	      	}
      	      	      	
      	      	#tabelle_aktiv_admin 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;
      	      	   }
      	      	      	
      	      	#tabelle_aktiv_admin a img
      	      	   {
      	      	   width: auto;
      	      	   max-width: 100%;
      	      	   height: auto;
      	      	   max-height: 25px;
      	      	   }
      	      	      	
      	      	#tabelle_aktiv_admin a img.hover
      	      	   {
      	      	   display: none;
      	      	   }
      	      	      	
      	      	#tabelle_aktiv_admin a img.nicht_hover
      	      	   {
      	      	   display: flex;
      	      	   }
      	      	      	
      	      	#tabelle_aktiv_admin a:hover > img.nicht_hover
      	      	   {
      	      	   display: none;
      	      	   }
      	      	      	
      	      	#tabelle_aktiv_admin a:hover > img.hover
      	      	   {
      	      	   display: flex;
      	      	   }
      	      	      	
fieldset
   {
   box-sizing: border-box;
   width: 100%;
   }
      	      	      	
   legend
      {
      padding-left: 5px;
      padding-right: 5px;
      font-weight: bold;
      }
      	      	      	
      	      .chatverlauf
      	      	{
      	      	box-sizing: border-box;
      	      	width: 100%;
      	      	min-height: 100px;
      	      	max-height: 100px;
      	      	overflow-y: auto;
      	      	margin-top: 5px;
      	      	margin-bottom: 10px;
      	      	padding: 5px;
      	      	text-align: justify;
      	      	color: rgb(0,0,0);
      	      	background-color: rgba(255,255,255,1);
      	      	box-shadow: 2px 2px 2px rgba(175,175,255,0.4);
      	      	}
      	      	@media only screen and (max-width: 399px) { .chatverlauf {font-size: 90%;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 769px) { .chatverlauf {font-size: 80%;} }
      	      	@media only screen and (min-width: 770px) and (max-width: 1199px) { .chatverlauf {font-size: 80%;} }
      	      	@media only screen and (min-width: 1200px) { .chatverlauf {font-size: 80%;} }
      	      	      	
      	      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%;
      	      	}
      	      	      	
      	      form.chatnachricht input#nachricht
      	      	{
      	      	box-sizing: border-box;
      	      	padding: 5px;
      	      	background-color: rgba(255,255,255,1);
      	      	border-style: none;
      	      	box-shadow: 1px 1px 3px rgb(0,0,0);
      	      	}
      	      	@media only screen and (max-width: 399px) { form.chatnachricht input#nachricht {width: 80%;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 769px) { form.chatnachricht input#nachricht {width: 80%;} }
      	      	@media only screen and (min-width: 770px) and (max-width: 1199px) { form.chatnachricht input#nachricht {width: 80%;} }
      	      	@media only screen and (min-width: 1200px) { form.chatnachricht input#nachricht {width: 80%;} }
      	      	      	
      	      	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;
      	      	   width: 18%;
      	      	   text-align: center;
      	      	   }
      	      	   @media only screen and (max-width: 399px) { form.chatnachricht div {height: 30px;} }
      	      	   @media only screen and (min-width: 400px) and (max-width: 769px) { form.chatnachricht div {height: 35px;} }
      	      	   @media only screen and (min-width: 770px) and (max-width: 1199px) { form.chatnachricht div {height: 40px;} }
      	      	   @media only screen and (min-width: 1200px) { form.chatnachricht div {height: 50px;} }
      	      	      	
      	      	   form.chatnachricht div label input
      	      	      {
      	      	      display: none;
      	      	      }
      	      	      	
      	      	   form.chatnachricht div label img
      	      	      {
      	      	      width: auto;
      	      	      max-width: 100%;
      	      	      height: auto;
      	      	      }
      	      	      @media only screen and (max-width: 399px) { form.chatnachricht div label img {max-height: 14px; padding: 4px 8px;} }
      	      	      @media only screen and (min-width: 400px) and (max-width: 769px) { form.chatnachricht div label img {max-height: 17px; padding: 4px 8px;} }
      	      	      @media only screen and (min-width: 770px) and (max-width: 1199px) { form.chatnachricht div label img {max-height: 20px; padding: 2px 6px;} }
      	      	      @media only screen and (min-width: 1200px) { form.chatnachricht div label img {max-height: 20px; padding: 2px 12px;} }
      	      	      	
      	      	      form.chatnachricht div label img.hover
      	      	      	{
      	      	      	display: none;
      	      	      	background-color: rgb(0,0,0);
      	      	      	color: rgb(255,255,255);
      	      	      	text-align: center;
      	      	      	-moz-hyphens: auto;
      	      	      	-o-hyphens: auto;
      	      	      	-webkit-hyphens: auto;
      	      	      	-ms-hyphens: auto;
      	      	      	hyphens: auto;
      	      	      	word-wrap: break-word;
      	      	      	border-radius: 5px;
      	      	      	box-shadow: 1px 1px 1px rgba(200,200,200,1), -1px -1px 1px rgba(90,90,90,1);
      	      	      	cursor: pointer;
      	      	      	transition: background-color ease 0.5s;
      	      	      	}
      	      	      	
      	      	      form.chatnachricht div label img.nicht_hover
      	      	      	{
      	      	      	display: flex;
      	      	      	background-color: rgb(25,25,25);
      	      	      	color: rgb(255,255,255);
      	      	      	text-align: center;
      	      	      	-moz-hyphens: auto;
      	      	      	-o-hyphens: auto;
      	      	      	-webkit-hyphens: auto;
      	      	      	-ms-hyphens: auto;
      	      	      	hyphens: auto;
      	      	      	word-wrap: break-word;
      	      	      	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;
      	      	      	}
      	      	      	
      	   form.chatnachricht div label:hover > img.nicht_hover
      	      {
      	      display: none;
      	      }
      	      	      	
      	   form.chatnachricht div label:hover > img.hover
      	      {
      	      display: flex;
      	      }
      	      	      	
      #bildergalerie
      	{
      	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: 100%;
      	height: auto;
      	}
      	      	      	
      	#bildergalerie a
      	   {
      	   height: auto;
      	   margin-bottom: 15px;
      	   }
      	   @media only screen and (max-width: 399px) { #bildergalerie a{width: 40%; margin-left: 5%; margin-right: 5%;} }
      	   @media only screen and (min-width: 400px) and (max-width: 769px) { #bildergalerie a{width: 40%; margin-left: 5%; margin-right: 5%;} }
      	   @media only screen and (min-width: 770px) and (max-width: 1199px) { #bildergalerie a{width: 31%; margin-left: 1%; margin-right: 1%;} }
      	   @media only screen and (min-width: 1200px) { #bildergalerie a{width: 31%; margin-left: 1%; margin-right: 1%;} }
      	      	      	
      	#bildergalerie a img
      	   {
      	   width: auto;
      	   height: auto;
      	   max-width: 100%;
      	   }
      	   @media only screen and (max-width: 399px) { #bildergalerie a img{max-height: 65px;} }
      	   @media only screen and (min-width: 400px) and (max-width: 769px) { #bildergalerie a img{max-height: 60px;} }
      	   @media only screen and (min-width: 770px) and (max-width: 1199px) { #bildergalerie a img{max-height: 82px;} }
      	   @media only screen and (min-width: 1200px) { #bildergalerie a img{max-height: 85px;} }
      	      	      	
/* ########################################################### */
/* #################### BUTTONS fuer Auswahl #################### */
/* ########################################################## */
      	#rahmen_auswahl
      	   {
      	   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-top: 5px;
      	   }
      	      	      	
      	   .toggle-buttons input[type="radio"],.toggle-buttons input[type="checkbox"], .toggle-buttons_breit input[type="radio"],.toggle-buttons_breit input[type="checkbox"]
      	      {
      	      display:none;
      	      }
      	      	      	
      	      .toggle-buttons label#label_button
      	      	{
      	      	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: 5px 5px;
      	      	background-color: rgb(25,25,25);
      	      	color: rgb(255,255,255);
      	      	text-align: center;
      	      	-moz-hyphens: auto;
      	      	-o-hyphens: auto;
      	      	-webkit-hyphens: auto;
      	      	-ms-hyphens: auto;
      	      	hyphens: auto;
      	      	word-wrap: break-word;
      	      	border-radius: 5px;
      	      	box-shadow: 2px 2px 1px rgba(90,90,90,1), -1px -1px 1px rgba(200,200,200,1);
      	      	padding: 5px 2px;
      	      	cursor: pointer;
      	      	transition: background-color ease 0.5s;
      	      	}
      	      	@media only screen and (min-width: 1201px) {.toggle-buttons label#label_button {width: 17%; font-size: 100%;}}
      	      	@media only screen and (max-width: 1200px)  {.toggle-buttons label#label_button {width: 22%; font-size: 100%;}}      	      	@media only screen and (max-width: 720px)  {.toggle-buttons label#label_button {width: 30%; font-size: 90%;}}
      	      	@media only screen and (max-width: 400px)  {.toggle-buttons label#label_button {width: 45%; font-size: 80%;}}
      	      	      	
      	      .toggle-buttons label#label_button:hover, .toggle-buttons label#label_button:focus, .toggle-buttons label#label_button:active
      	      	{
      	      	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;
      	      	}
      	      	      	
      	      .toggle-buttons input:checked + label#label_button
      	      	{
      	      	background-color: rgb(240,255,240);
      	      	color: rgb(0,0,0);
      	      	box-shadow: 1px 1px 1px rgba(200,200,200,1), -1px -1px 1px rgba(90,90,90,1);
      	      	transition: background-color ease 0.5s;
      	      	}
      	      	      	
      	#rahmen_auswahl_links
      	   {
      	   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;
      	   width: 100%;
      	   margin-top: 5px;
      	   }
      	   @media only screen and (min-width: 1201px) {#rahmen_auswahl_links {-webkit-justify-content: flex-start; justify-content: flex-start;}}
      	   @media only screen and (max-width: 1200px)  {#rahmen_auswahl_links {-webkit-justify-content: flex-start; justify-content: flex-start;}}      	   @media only screen and (max-width: 720px)  {#rahmen_auswahl_links {-webkit-justify-content: center; justify-content: center;}}
      	   @media only screen and (max-width: 400px)  {#rahmen_auswahl_links {-webkit-justify-content: center; justify-content: center;}}
      	      	      	
      	      .toggle-buttons_breit label#label_button
      	      	{
      	      	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: 5px 5px;
      	      	background-color: rgb(25,25,25);
      	      	color: rgb(255,255,255);
      	      	text-align: center;
      	      	-moz-hyphens: auto;
      	      	-o-hyphens: auto;
      	      	-webkit-hyphens: auto;
      	      	-ms-hyphens: auto;
      	      	hyphens: auto;
      	      	word-wrap: break-word;
      	      	border-radius: 5px;
      	      	box-shadow: 2px 2px 1px rgba(90,90,90,1), -1px -1px 1px rgba(200,200,200,1);
      	      	padding: 5px 2px;
      	      	cursor: pointer;
      	      	transition: background-color ease 0.5s;
      	      	}
      	      	@media only screen and (min-width: 1201px) {.toggle-buttons_breit label#label_button {width: 95%; max-width: 1400px; font-size: 100%;}}
      	      	@media only screen and (max-width: 1200px)  {.toggle-buttons_breit label#label_button {width: 95%; font-size: 100%;}}
      	      	@media only screen and (max-width: 720px)  {.toggle-buttons_breit label#label_button {width: 95%; font-size: 90%;}}
      	      	@media only screen and (max-width: 400px)  {.toggle-buttons_breit label#label_button {width: 95%; font-size: 80%;}}
      	      	      	
      	      	      	hr#trennung_beendet {}
      	      	      	   @media only screen and (min-width: 1201px) {.toggle-buttons_breit hr#trennung_beendet {width: 95%; max-width: 1400px; margin-left: 5px;}}
      	      	      	   @media only screen and (max-width: 1200px)  {.toggle-buttons_breit hr#trennung_beendet {width: 50%; margin-left: 5px;}}
      	      	      	   @media only screen and (max-width: 720px)  {.toggle-buttons_breit hr#trennung_beendet {width: 95%; margin-left: auto; margin-right: auto;}}
      	      	      	   @media only screen and (max-width: 400px)  {.toggle-buttons_breit hr#trennung_beendet {width: 95%; margin-left: auto; margin-right: auto;}}
      	      	      	
      	      .toggle-buttons_breit label#label_button:hover, .toggle-buttons_breit label#label_button:focus, .toggle-buttons_breit label#label_button:active
      	      	{
      	      	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;
      	      	}
      	      	      	
      	      .toggle-buttons_breit input:checked + label#label_button
      	      	{
      	      	background-color: rgb(240,255,240);
      	      	color: rgb(0,0,0);
      	      	box-shadow: 1px 1px 1px rgba(200,200,200,1), -1px -1px 1px rgba(90,90,90,1);
      	      	transition: background-color ease 0.5s;
      	      	}
      	      	      	
      #radio_rahmen
      	{
      	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: space-around;
      	-webkit-justify-content: space-around;
      	justify-content: space-around;
      	box-sizing: border-box;
      	width: 100%;
      	padding: 5px;
	}
      	      	      	
      	#radio_rahmen #radio_rahmen_ueberschrift
      	   {
      	   display: table;
      	   box-sizing: border-box;
	   width: 100%;
      	   margin-bottom: 5px;
      	   font-weight: bold;
	   }
      	      	      	
      	   #radio_rahmen #radio_rahmen_ueberschrift #rru1, #radio_rahmen #radio_rahmen_ueberschrift #rru2, #radio_rahmen #radio_rahmen_ueberschrift #rru3, #radio_rahmen #radio_rahmen_ueberschrift #rru4
      	      {
      	      display: table-cell;
      	      padding-left: 5px;
      	      padding-right: 5px;
      	      vertical-align: middle;
      	      hyphens: auto;
      	      word-wrap: break-word;
      	      word-break: break-all;
	      }
	      #radio_rahmen #radio_rahmen_ueberschrift #rru1 {text-align: left; width: 25%; max-width: 200px;}
	      #radio_rahmen #radio_rahmen_ueberschrift #rru2 {text-align: center;}
      	      	#radio_rahmen #radio_rahmen_ueberschrift #rru2 i {font-weight: normal;}
	      #radio_rahmen #radio_rahmen_ueberschrift #rru3 {text-align: right; width: 35%; max-width: 100px;}
	      #radio_rahmen #radio_rahmen_ueberschrift #rru4 {text-align: right; width: 30%; max-width: 200px;}
      	      	      	
      	      #rahmen_online_zeit
      	      	{
      	      	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-end;
      	      	justify-content: flex-end;
      	      	box-sizing: border-box;
	      	}
      	      	      	
      	      #rru3 #online_zeit
      	      	{
      	      hyphens: auto;
      	      word-wrap: break-word;
      	      	}
      	      	      	
      	      #rru3 #kreis
      	      	{
      	      	margin-left: 5px;
      	      	margin-right: 5px;
      	      	border-radius: 100%;
      	      	}
      	      	#rru3 .kreis_gruen { background-color: rgb(50,150,77); }
      	      	#rru3 .kreis_gelb { background-color: rgb(255,255,0); }
      	      	#rru3 .kreis_orange { background-color: rgb(255,165,0); }
      	      	#rru3 .kreis_rot { background-color: rgb(195,35,40); }
      	      	#rru3 .kreis_lila { background-color: rgb(148,0,211); }
      	      	   @media only screen and (min-width: 1201px) { #rru3 #kreis {width: 15px; height: 15px;}}
      	      	   @media only screen and (max-width: 1200px)  { #rru3 #kreis {width: 15px; height: 15px;}}
      	      	   @media only screen and (max-width: 720px)  { #rru3 #kreis {width: 12px; height: 12px;}}
      	      	   @media only screen and (max-width: 400px)  { #rru3 #kreis {width: 10px; height: 10px;}}
      	      	      	
      	#radio_rahmen_icons
      	   {
      	   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;
      	   width: 100%;
	   }
      	      	      	
      	#radio_rahmen_icons_auge
      	   {
      	   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%;
	   }
      	      	      	
      	   #radio_rahmen_icons img, #radio_rahmen_ueberschrift img, #radio_rahmen_icons_auge img, .radio_rahmen_icons_auge img
      	      {
      	      width: auto;
      	      margin-left: 5px;
      	      margin-right: 5px;
      	      opacity: 0.7;
	      }
      	      @media only screen and (min-width: 1201px) {#radio_rahmen_icons img {height: 20px;} #radio_rahmen_ueberschrift img, #radio_rahmen_icons_auge img {height: 15px;}}
      	      @media only screen and (max-width: 1200px)  {#radio_rahmen_icons img {height: 20px;} #radio_rahmen_ueberschrift img, #radio_rahmen_icons_auge img {height: 15px;}}
      	      @media only screen and (max-width: 720px)  {#radio_rahmen_icons img {height: 15px;} #radio_rahmen_ueberschrift img, #radio_rahmen_icons_auge img {height: 12px;}}
      	      @media only screen and (max-width: 400px)  {#radio_rahmen_icons img {height: 10px;} #radio_rahmen_ueberschrift img, #radio_rahmen_icons_auge img {height: 10px;}}
      	      	      	
      	#radio_rahmen_text
      	   {
      	   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;
      	   width: 100%;
      	   padding-left: 5px;
      	   padding-right: 5px;
	   }
      	      	      	
      	   #radio_rahmen_text img
      	      {
      	      width: auto;
      	      margin-left: 5px;
      	      margin-right: 5px;
      	      opacity: 0.7;
	      }
      	      @media only screen and (min-width: 1201px) {#radio_rahmen_text img {height: 10px;}}
      	      @media only screen and (max-width: 1200px)  {#radio_rahmen_text img {height: 10px;}}
      	      @media only screen and (max-width: 720px)  {#radio_rahmen_text img {height: 9px;}}
      	      @media only screen and (max-width: 400px)  {#radio_rahmen_text img {height: 8px;}}
      	      	      	
      	#radio_rahmen_text_sponsor
      	   {
      	   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%;
      	   padding-left: 5px;
      	   padding-right: 5px;
	   }
      	      	      	
/* ########################################################### */
/* ################## Bilder-BUTTONS fuer Auswahl ################# */
/* ########################################################## */
      	#rahmen_auswahl_bilder
      	   {
      	   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;
      	   width: 100%;
      	   margin-top: 5px;
      	   }
      	      	      	
      	   .toggle-buttons input[type="radio"],.toggle-buttons input[type="checkbox"], .toggle-buttons_breit input[type="radio"], .toggle-buttons_breit input[type="checkbox"]
      	      {
      	      display:none;
      	      }
      	      	      	
      	      .toggle-buttons label#label_button_bilder
      	      	{
      	      	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: 10px 5px;
      	      	width: auto;
      	      	height: auto;
      	      	color: rgb(255,255,255);
      	      	text-align: center;
      	      	-moz-hyphens: auto;
      	      	-o-hyphens: auto;
      	      	-webkit-hyphens: auto;
      	      	-ms-hyphens: auto;
      	      	hyphens: auto;
      	      	word-wrap: break-word;
      	      	border-radius: 5px;
      	      	padding: 1px 1px;
      	      	cursor: pointer;
      	      	}
      	      	@media only screen and (min-width: 1201px) {.toggle-buttons label#label_button_bilder {max-width: 17%; max-height: 100px; font-size: 100%;}}
      	      	@media only screen and (max-width: 1200px)  {.toggle-buttons label#label_button_bilder {max-width: 22%; max-height: 100px; font-size: 100%;}}      	      	@media only screen and (max-width: 720px)  {.toggle-buttons label#label_button_bilder {max-width: 30%; max-height: 120px; font-size: 90%;}}
      	      	@media only screen and (max-width: 400px)  {.toggle-buttons label#label_button_bilder {max-width: 45%; max-height: 120px; font-size: 80%;}}
      	      	      	
      	      .toggle-buttons label#label_button_bilder img
      	      	{
      	      	height: auto;
      	      	width: auto;
      	      	max-height: 100%;
      	      	max-width: 100%;
      	      	border-style: solid;
      	      	border-width: 5px;
      	      	border-color: rgba(0,0,0,0);
      	      	border-radius: 5px;
      	      	transition: border-color ease 0.5s;
      	      	}
      	      	      	
      	      .toggle-buttons label#label_button_bilder:hover img, .toggle-buttons label#label_button_bilder:focus img, .toggle-buttons label#label_button_bilder:active img
      	      	{
      	      	border-color: rgb(0,155,205);
      	      	transition: border-color ease 0.5s;
      	      	}
      	      	      	
      	      .toggle-buttons input:checked + label#label_button_bilder img
      	      	{
      	      	border-color: rgb(0,125,190);
      	      	color: rgb(0,0,0);
      	      	transition: border-color ease 0.5s;
      	      	}
      	      	      	
/*
      	      .toggle-buttons label#label_button_bilder:hover, .toggle-buttons label#label_button_bilder:focus, .toggle-buttons label#label_button_bilder:active
      	      	{
      	      	background-color: rgb(0,155,205);
      	      	color: rgb(255,255,255);
      	      	transition: background-color ease 0.5s;
      	      	}
      	      	      	
      	      .toggle-buttons input:checked + label#label_button_bilder
      	      	{
      	      	background-color: rgb(0,125,190);
      	      	color: rgb(0,0,0);
      	      	transition: background-color ease 0.5s;
      	      	}
*/
      	      	      	
/* ########################################################### */
/* ################# Switch-BUTTONS fuer Auswahl ################# */
/* ########################################################## */
#switch
   {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: no-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: 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: no-wrap;
   -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: no-wrap;
      -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;
      // max-width: 100%;
      }
      	      	      	
      #switch label strong
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: no-wrap;
      	-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);
      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(180,180,180,1);
      	border: 1px solid rgba(0,0,0,1);
      	box-shadow: inset 0 0 0 10px rgba(180,180,180,0.1);
      	}
      	      	      	
   /* Normal Knob */
   #switch input[type="checkbox"].ios-switch + div > div
      {
      float: left;
      width: 18px;
      height: 18px;
      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;
      // -moz-transition-property: transform, background-color;
      transition-timing-function: cubic-bezier(.54,1.85,.5,1);
      transition-duration: 0.4s;
      // transition-property: transform, background-color;
      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,0,0.4);
      	}
      	      	      	
   /* Text */
   #switch_nein
      {
      display: flex;
      }
   #switch_ja
      {
      display: none;
      }
   #switch input[type="checkbox"].ios-switch:checked ~ #switch_nein
      {
      display: none;
      }
   #switch input[type="checkbox"].ios-switch:checked ~ #switch_ja
      {
      display: flex;
      }