/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 /* +++++++++++++++++++++++ KALENDER - Tagessicht +++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   #text_tag
      {
      padding-left: 2%;
      padding-right: 2%;
      text-align: justify;
      color: rgba(0,0,0,1);
      }
      	      	      	
   #vortag,#folgetag
      {
      text-align: center;
      }
      	      	      	
      #img_vortag,#img_folgetag
      	{
      	width: 40px;
      	height: auto;
      	}
      	      	      	
   #zeiten_login
      {
      position: relative;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: flex-start;
     -webkit-justify-content: center;
      justify-content: center;
      margin-top: 20px;
      }
      	      	      	
      #zeiten
      	{
      	position: relative;
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: no-wrap;
      	-webkit-align-items: center;
      	align-items: center;
      	align-content: center;
     	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	}
      	      	      	
      	   #zeiten small#fehler
      	      {
      	      width: 95%;
      	      // width: 320px;
      	      text-align: justify;
      	      color: rgba(190,0,0,1);
      	      }
      	      	      	
      	      #zeiten small#fehler img
      	      	{
      	      	height: 10px;
      	      	width: auto;
      	      	}
      	      	      	
      	   #zeiten i#fehler
      	      {
      	      color: rgba(190,0,0,1);
      	      font-style: normal;
      	      }
      	      	      	
      	      #zeiten i#fehler img
      	      	{
      	      	height: 10px;
      	      	width: auto;
      	      	}
      	      	      	
      	#zeiten_rahmen_liste
      	   {
      	   position: relative;
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: column;
      	   flex-wrap: wrap;
      	   -webkit-align-items: flex-start;
      	   align-items: flex-start;
      	   align-content: flex-start;
     	   -webkit-justify-content: flex-start;
      	   justify-content: flex-start;
      	   line-height: 30px;
      	   padding-top: 15px;
      	   padding-bottom: 15px;
      	   }
      	      	      	
      	   #zeiten_rahmen_liste small#fehler
      	      {
      	      color: rgba(190,0,0,1);
      	      }
      	      	      	
      	      #zeiten_rahmen_liste small#fehler img
      	      	{
      	      	height: 10px;
      	      	width: auto;
      	      	}
      	      	      	
      	#zeiten_rahmen_liste ul
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: column;
      	   flex-wrap: wrap;
      	   -webkit-align-items: flex-start;
      	   align-items: flex-start;
      	   align-content: center;
     	   -webkit-justify-content: stretch;
      	   justify-content: stretch;
      	   list-style-type: none;
      	   height: 100%;
      	   }
      	      	      	
      	   #zeiten_rahmen_liste ul li
      	      {
      	      text-align: left;
      	      }
      	      	      	
      	      #zeiten_rahmen_liste ul li.zeiten
      	      	{
      	      	line-height: 25px;
      	      	margin-left: 27px;
      	      	text-indent: -27px;
      	      	}
      	      	      	
      	      #zeiten_rahmen_liste ul li.spezial_addon
      	      	{
      	      	line-height: 25px;
      	      	margin-left: 55px;
      	      	text-indent: -55px;
      	      	}
      	      	      	
      	      #zeiten_rahmen_liste ul li.leerzeile
      	      	{
      	      	line-height: 10px;
      	      	}
      	      	      	
      	      label#aktiv
      	      	{
      	      	color: rgba(0,0,0,1);
      	      	}
      	      	      	
      	      label#inaktiv
      	      	{
      	      	color: rgba(150,150,150,1);
      	      	}
      	      	      	
      	      	#zeiten_rahmen_liste ul li label#aktiv input
      	      	   {
      	      	   box-shadow: 1px 1px 1px rgba(0,0,0,1);
      	      	   }
      	      	      	
      	      	   #zeiten_rahmen_liste ul li label#aktiv input:checked
      	      	      {
      	      	      box-shadow: -1px -1px 1px rgba(0,0,0,1), -1px 1px 1px rgba(0,0,0,1), 1px -1px 1px rgba(0,0,0,1), 1px 1px 1px rgba(0,0,0,1);
      	      	      }
input[type=range]::-ms-tooltip {
    display: none;
}
#zeiten_rahmen_liste ul li input#freie_zeiten {
    width: 40px;
}
      	      	      	
      .eingabefeld_links
      	{
      	margin-bottom: 20px;
      	}
      	      	      	
      .eingabefeld_links input
      	{
      	position: relative;
      	outline: none;
      	border-style: solid;
      	border-width: 2px;
      	border-left-color: rgba(100,100,100,1);
      	border-top-color: rgba(100,100,100,1);
      	border-right-color: rrgba(175,175,175,1);
      	border-bottom-color: rgba(175,175,175,1);
      	box-shadow: none;
      	font-size: 100%;
      	}
      	      	      	
      	   .eingabefeld_links input.fehler
      	      {
      	      border-left-color: rgba(150,0,0,1);
      	      border-top-color: rgba(150,0,0,1);
      	      border-right-color: rgba(200,0,0,1);
      	      border-bottom-color: rgba(200,0,0,1);
      	      }
      	      	      	
      	   .eingabefeld_links input#sehr_klein
      	      {
      	      width: 30px;
      	      height: 22px;
      	      padding-left: 3px;
      	      padding-right: 3px;
      	      text-align: center;
      	      }
      	      	      	
      #login
      	{
      	position: relative;
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: stretch;
      	align-items: stretch;
      	align-content: center;
     	-webkit-justify-content: stretch;
      	justify-content: stretch;
      	width: 50%;
      	padding-top: 15px;
      	padding-bottom: 15px;
      	}
      	      	      	
      	#login input#anmelden_registrieren
      	   {
      	   display: none;
      	   }
      	      	      	
      	#login label#anmelden_registrieren 
      	   {
      	   position: absolute;
      	   margin-left: 65%;
      	   margin-right: 20px;
      	   width: 145px;
      	   border-radius: 5px;
      	   cursor: pointer;
      	   font-size: 80%;
      	   text-align: right;
      	   color: rgba(0,0,255,1);
      	   margin-bottom: 10px;
      	   }
      	      	      	
      	   #login label#anmelden_registrieren:hover
      	      {
      	      color: rgba(0,0,150,1);
      	      }
      	      	      	
      	   label#anmelden_registrieren::after
      	      {
      	      content: "Noch kein Konto? Jetzt hier registrieren.";
      	      }
      	      	      	
      	   #login input#anmelden_registrieren:not(:checked) ~ .login_anmelden
      	      {
      	      display: flex;
      	      margin-top: 40px;
      	      }
      	      	      	
      	   #login input#anmelden_registrieren:not(:checked) ~ .login_registrieren
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #login input#anmelden_registrieren:checked ~ label#anmelden_registrieren:after
      	      {
      	      content: "Schon registriert? Jetzt hier anmelden.";
      	      }
      	      	      	
      	   #login input#anmelden_registrieren:checked ~ .login_anmelden
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #login input#anmelden_registrieren:checked ~ .login_registrieren
      	      {
      	      display: flex;
      	      margin-top: 40px;
      	      }
      	      	      	
      	#login_allgemein
      	   {
      	   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;
      	   width: 100%;
      	   }
      	      	      	
      	   #login_allgemein small#fehler
      	      {
      	      margin-top: 0px;
      	      margin-bottom: 10px;
      	      width: 310px;
      	      text-align: justify;
      	      color: rgba(190,0,0,1);
      	      }
      	      	      	
      	      #login_allgemein small#fehler img
      	      	{
      	      	height: 10px;
      	      	width: auto;
      	      	}
      	      	      	
   input#button
      {
      color: rgba(0,0,255,1);
      background-color: rgba(230,230,230,1);
      padding: 5px 20px;
      border-radius: 5px;
      font-size: 100%;
      font-weight: bold;
      transition: 0.5s ease;
      }
      	      	      	
      input#button:hover
      	{
      	cursor: pointer;
      	color: rgba(230,230,140,1);
      	background: rgba(0,0,255,1);
      	transition: 0.5s ease;
      	}
      	      	      	
   .eingabefeld
      {
      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: center;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      position: relative;
      width: 310px;
      text-align: left;
      margin-bottom: 15px;
      }
      	      	      	
      	   .eingabefeld input.fehler, .eingabefeld select.fehler, .eingabefeld textarea.fehler
      	      {
      	      border-left-color: rgba(150,0,0,1);
      	      border-top-color: rgba(150,0,0,1);
      	      border-right-color: rgba(200,0,0,1);
      	      border-bottom-color: rgba(200,0,0,1);
      	      }
      	      	      	
   .eingabefeld2
      {
      position: relative;
      font-size: 70%;
      font-weight: bold;
      width: 310px;
      text-align: left;
      margin-bottom: 15px;
      }
      	      	      	
      .eingabefeld2 fieldset
      	{
      	width: 290px;
      	height: auto;
      	padding-top: 10px;
      	padding-bottom: 10px;
      	font-weight: normal;
      	text-align: center;
      	}
      	      	      	
      	.eingabefeld2 fieldset input
      	   {
      	   height: 20px;
      	   margin-bottom: 6px;
      	   vertical-align: middle;
      	   }
      	      	      	
      	.eingabefeld2 fieldset label
      	   {
      	   height: 20px;
      	   }
      	      	      	
      .eingabefeld2 legend
      	{
      	margin-left: 2px;
      	padding-left: 5px;
      	padding-right: 5px;
      	font-weight: bold;
      	font-size: 90%;
      	}
      	      	      	
      .eingabefeld input, .eingabefeld select, .eingabefeld textarea
      	{
      	position: relative;
      	outline: none;
      	border-style: solid;
      	border-width: 2px;
      	border-left-color: rgba(100,100,100,1);
      	border-top-color: rgba(100,100,100,1);
      	border-right-color: rgba(175,175,175,1);
      	border-bottom-color: rgba(175,175,175,1);
      	box-shadow: none;
      	font-size: 100%;
      	}
      	      	      	
      .eingabefeld select
      	{
      	width: 100px;
      	height: 25px;
      	}
      	      	      	
      .eingabefeld input#gross
      	{
      	width: 300px;
      	height: 22px;
      	padding-left: 3px;
      	padding-right: 3px;
      	}
      	      	      	
      .eingabefeld input#mittel
      	{
      	width: 224px;
      	height: 22px;
      	padding-left: 3px;
      	padding-right: 3px;
      	}
      	      	      	
      .eingabefeld input#klein
      	{
      	width: 150px;
      	height: 22px;
      	padding-left: 3px;
      	padding-right: 3px;
      	}
      	      	      	
      .eingabefeld input#sehr_klein
      	{
      	width: 60px;
      	height: 22px;
      	padding-left: 3px;
      	padding-right: 3px;
      	}
      	      	      	
      .eingabefeld label
      	{
      	pointer-events: none;
      	position: absolute;
      	border-radius: 10px;
      	padding-left: 5px;
      	padding-right: 5px;
      	left: 15px;
      	line-height: 12px;
      	margin-top: 8px;
      	font-size: 60%;
      	background-color: rgba(255,255,255,1);
      	font-weight: bold;
      	transition: all 0.5s ease;
      	}
      	      	      	
      	.eingabefeld input + label, .eingabefeld select + label
      	   {
      	   top: -12px;
      	   }
      	      	      	
      	.eingabefeld textarea + label
      	   {
      	   top: -4px;
      	   }
      	      	      	
      	.eingabefeld label#pflicht
      	   {
      	   color: rgba(0,0,0,1);
      	   }
      	      	      	
      	.eingabefeld label#optional
      	   {
      	   color: rgba(0,0,0,0.5);
      	   }
      	      	      	
      	.eingabefeld label#checkbox
      	   {
      	   top: 20px;
      	   }
      	      	      	
      	span
      	   {
      	   position: absolute;
      	   float: top;
      	   z-index: 999;
      	   line-height: 15px;
      	   font-size: 65%;
      	   text-align: justify;
      	   font-weight: normal;
      	   font-family: Verdana;
      	   width: 281px;
      	   height: auto;
      	   padding: 5px 10px;
      	   margin-top: 5px;
      	   margin-left: 14px;
      	   margin-right: 14px;
      	   display: none;
      	   background-color: rgba(255,250,205,1);
      	   border-radius: 15px;
      	   border-style: solid;
      	   border-width: 1px;
      	   border-color: rgba(0,0,0,1);
      	   }
      	      	      	
      	span#links
      	   {
      	   left: 10px;
      	   margin-left: -7px;
      	   }
      	      	      	
      	span#rechts
      	   {
      	   right: 10px;
      	   margin-right: -7px;
      	   }
      	      	      	
      	span#checkbox
      	   {
      	   font-size: 90%;
      	   }
      	      	      	
      	span#select
      	   {
      	   float: left;
      	   width: 170px;
      	   margin-top: -35px;
      	   margin-left: 115px;
      	   }
      	      	      	
      	   span:after
      	      {
      	      content: '';
      	      position: absolute;
      	      border-style: solid;
      	      border-width: 0 8px 15px;
      	      border-color: #FFFACD transparent;
      	      display: block;
      	      width: 0;
      	      z-index: 999;
      	      margin-left: -8px;
      	      top: -15px;
      	      left: 15%;
      	      }
      	      	      	
      	      span#checkbox:after
      	      	{
      	      	margin-left: 0px;
      	      	}
      	      	      	
      	      span#select:after
      	      	{
      	      	border-width: 6px 15px 6px 0;
      	      	border-color: transparent #FFFACD;
      	      	margin-top: -8px;
      	      	left: -4px;
      	      	top: 15px;
      	      	}
      	      	      	
      	      span#rechts:after
      	      	{
      	      	left: 85%;
      	      	}
      	      	      	
      	   span:before
      	      {
      	      content: '';
      	      position: absolute;
      	      border-style: solid;
      	      border-width: 0 9px 16px;
      	      border-color: #000000 transparent;
      	      display: block;
      	      width: 0;
      	      z-index: 998;
      	      margin-left: -9px;
      	      top: -17px;
      	      left: 15%;
      	      }
      	      	      	
      	      span#checkbox:before
      	      	{
      	      	margin-left: -1px;
      	      	}
      	      	      	
      	      span#select:before
      	      	{
      	      	border-width: 6px 15px 6px 0;
      	      	border-color: transparent #000000;
      	      	z-index: 0;
      	      	margin-top: -8px;
      	      	left: -5px;
      	      	top: 15px;
      	      	}
      	      	      	
      	      span#rechts:before
      	      	{
      	      	left: 85%;
      	      	}
      	      	      	
      	input:focus ~ span, select:focus ~span#select
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   }
      	      	      	
      	label#checkbox:hover ~ span
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   }
      	      	      	
      	#zahlungsart
      	   {
      	   margin-top: 20px;
      	   }
      	      	      	
input#registrieren:checked *+* label#registrieren {background: red;}
label#registrieren:active ~ p {background: red;}
      	      	      	
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 /* +++++++++++++++++++++++ KALENDER - Jahressicht ++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   #text_kalender
      {
      padding-left: 2%;
      padding-right: 2%;
      text-align: justify;
      color: rgba(0,0,0,1);
      }
      	      	      	
   #kalender
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: flex-start;
      -webkit-justify-content: center;
      justify-content: center;
      }
      	      	      	
      #monat
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: column;
      	flex-wrap: wrap;
      	-webkit-align-items: stretch;
      	align-items: stretch;
      	align-content: center;
      	-webkit-justify-content: flex-start;
      	justify-content: flex-start;
      	}
      	      	      	
      	#monat h3
      	   {
      	   text-align: center;
      	   color: rgba(200,0,0,1);
      	   }
      	      	      	
      	table#monatsuebersicht
      	   {
      	   width: 80%;
      	   margin-left: auto;
      	   margin-right: auto;
      	   }
      	      	      	
      	   table#monatsuebersicht tr
      	      {
      	      height: 25px;
      	      }
      	      	      	
      	      table#monatsuebersicht tr th
      	      	{
      	      	text-align: center;
      	      	vertical-align: center;
      	      	}
      	      	      	
      	      table#monatsuebersicht tr td
      	      	{
      	      	text-align: center;
      	      	vertical-align: center;
      	      	color: rgba(150,150,150,1);
      	      	width: 14%
      	      	}
      	      	      	
      	      	table#monatsuebersicht tr td a
      	      	   {
      	      	   color: rgba(0,0,255,1);
      	      	   background-color: rgba(0,0,0,0);
      	      	   padding: 1px 3px 1px 3px;
      	      	   transition: all ease 0.5s;
      	      	   }
      	      	      	
      	      	   table#monatsuebersicht tr td a:hover
      	      	      {
      	      	      font-weight: bold;
      	      	      color: rgba(255,0,0,1);
      	      	      background-color: rgba(0,0,255,1);
      	      	      transition: all ease 0.2s;
      	      	      }
      	      	      	
      	   #zusammenfassung small#fehler
      	      {
      	      margin-top: 0px;
      	      margin-bottom: 10px;
      	      width: 310px;
      	      text-align: justify;
      	      color: rgba(190,0,0,1);
      	      }
      	      	      	
      	   #zusammenfassung .eingabefeld
      	      {
      	      margin-top: 3px;
      	      margin-bottom: 0px;
      	      }
      	      	      	
      	      #zusammenfassung small#fehler img
      	      	{
      	      	height: 10px;
      	      	width: auto;
      	      	}