/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++ SMARTPHONE ++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   @media only screen and (max-width: 768px)
      {
      #content
      	{
      	width: 100%;
      	}
      #monat
      	{
      	width: 100%;
      	}
      #zeiten_login
      	{
      	flex-direction: column;
      	width: 95%;
      	}
      #zeiten
      	{
      	width: 100%;
      	}
      #zeiten ul
      	{
      	margin-left: -25px;
      	}
      #zeiten_rahmen_liste
      	{
      	width: 100%;
      	}
      #login
      	{
      	width: 100%;
      	margin-top: 40px;
      	}
      #fehlermeldung
      	{
      	width: 90%;
      	}
      #menue_desktop
      	{
      	display: none;
      	}
      #menue_mobil
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	}
      }
      	      	      	
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++ TABLET/KLEINER DESKTOP +++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   @media only screen and (min-width: 769px) and (max-width: 1199px)
      {
      #content
      	{
      	width: 90%;
      	}
      #monat
      	{
      	width: 50%;
      	}
      #zeiten_login
      	{
      	width: 95%;
      	}
      #zeiten
      	{
      	width: 50%;
      	}
      #zeiten ul
      	{
      	margin-left: -45px;
      	}
      #zeiten_rahmen_liste
      	{
      	width: 98%;
      	}
      #login
      	{
      	width: 50%;
      	}
      #fehlermeldung
      	{
      	width: 75%;
      	}
      #menue_desktop
      	{
      	display: none;
      	}
      #menue_mobil
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	}
      }
      	      	      	
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++ DESKTOP ++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   @media only screen and (min-width: 1200px)
      {
      #content
      	{
      	width: 100%;
      	}
      #monat
      	{
      	width: 33%;
      	}
      #zeiten_login
      	{
      	width: 100%;
      	}
      #zeiten
      	{
      	width: 50%;
      	}
      	#zeiten ul
      	   {
      	   margin-left: -45px;
      	   }
      #zeiten_rahmen_liste
      	{
      	width: 95%;
      	}
      #login
      	{
      	width: 50%;
      	}
      #fehlermeldung
      	{
      	width: 50%;
      	}
      #menue_desktop
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	}
      #menue_mobil
      	{
      	display: none;
      	}
      }