/* info box */

/* gelbes info symbol mit Rahmen */
.info  {
 text-decoration: none;
  font-weight: bold;
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: yellow;
  text-align: left;
  border: 1px solid #000000; /* Rahmen */
}


/* ----------------------------------------------------------------------------------------------------------------------*/
/* Start   */
.info_box_1_Start  {

  width: 35%;
 min-width: 180px;
   /* Vier Werte:   Abstand oben, rechts,  unten  links */
  margin: 1.5em 0em 0 0;
  padding: 0;
  float: right;
 clear: right;   
  border: 1px solid #696969;  /* Rahmen */
  background-color: #FFFFFF;
}

.info_box_1_Start  span {
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: yellow;
  text-align: left;
  border: 1px solid #000000; /* Rahmen */
  
}

.info_box_1_Start  .sideBarTitle {
  color: black;
  background-color: #DCDCDC ; /* Hintergrund */
  font-weight: bold;
  margin: 0.8em 0.8em;
  padding:  0.3em 0;
}

.info_box_1_Start  a {
  color: #696969 ;    /* Link  */
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.info_box_1_Start  a:hover {
  text-decoration: underline;
}

.info_box_1_Start  .sideBarSubTitle {
 /* line-height: 1.5em; */
  margin: 0;
  padding: 0 1em 1em 1em;
  padding: 0 0em 0em 1em;
}

.info_box_1_Start  .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em 1em 1em;
}

.info_box_1_Start  .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  /* padding Vier Werte:   Abstand oben, rechts,  unten  links */
  padding: 0 2em 0.5em 2em;
  display: block;
}

.info_box_1_Start  .more:hover {
  text-decoration: underline;
}





/* ----------------------------------------------------------------------------------------------------------------------*/
/* Diagnose   */
.info_box_1_Diagnose  {
  width: 35%;
   min-width: 180px;
  margin: 1.5em 0em 0 0;
  padding: 0;
  float: right;
  clear: right;
  border: 1px solid  var(--colordark3);  /* Rahmen */
  background-color: #FFFFFF;
}

.info_box_1_Diagnose  span {
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: yellow;
  text-align: left;
  border: 1px solid #000000; /* Rahmen */
  
}

.info_box_1_Diagnose  .sideBarTitle {
  color: black;
  background-color: var(--colorlight3) ; /* Hintergrund */
  font-weight: bold;
  margin: 0.8em 0.8em;
  padding:  0.3em 0;
}

.info_box_1_Diagnose  a {
  color:  var(--colordark3) ;    /* Link  */
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.info_box_1_Diagnose  a:hover {
  text-decoration: underline;
}

.info_box_1_Diagnose  .sideBarSubTitle {
 /* line-height: 1.5em; */
  margin: 0;
  padding: 0 1em 1em 1em;
  padding: 0 0em 0em 1em;
}

.info_box_1_Diagnose  .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em 1em 1em;
}

.info_box_1_Diagnose  .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  /* padding Vier Werte:   Abstand oben, rechts,  unten  links */
  padding: 0 2em 0.5em 2em;
  display: block;
}

.info_box_1_Diagnose  .more:hover {
  text-decoration: underline;
}

/* ----------------------------------------------------------------------------------------------------------------------*/
/* therapeut   */
.info_box_1_therapeut  {
  width: 35%;
 min-width: 180px;
  margin: 1.5em 0em 0 0;
  padding: 0;
  float: right;
  clear: right;
  border: 1px solid  var(--colordark4);  /* Rahmen */
  background-color: #FFFFFF;
}

.info_box_1_therapeut  span {
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: yellow;
  text-align: left;
  border: 1px solid #000000; /* Rahmen */
  
}

.info_box_1_therapeut  .sideBarTitle {
  color: black;
  background-color: var(--colorlight4) ; /* Hintergrund */
  font-weight: bold;
  margin: 0.8em 0.8em;
  padding:  0.3em 0;
}

.info_box_1_therapeut  a {
  color:  var(--colordark4) ;    /* Link  */
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.info_box_1_therapeut  a:hover {
  text-decoration: underline;
}

.info_box_1_therapeut  .sideBarSubTitle {
 /* line-height: 1.5em; */
  margin: 0;
  padding: 0 1em 1em 1em;
  padding: 0 0em 0em 1em;
}

.info_box_1_therapeut  .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em 1em 1em;
}

.info_box_1_therapeut  .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  /* padding Vier Werte:   Abstand oben, rechts,  unten  links */
  padding: 0 2em 0.5em 2em;
  display: block;
}

.info_box_1_therapeut  .more:hover {
  text-decoration: underline;
}


/* ----------------------------------------------------------------------------------------------------------------------*/
/* Therapie   */
.info_box_1_Therapie  {
  width: 35%;
min-width: 180px;
  margin: 1.5em 0em 0 0;
  padding: 0;
  float: right;
  clear: right;
  border: 1px solid var(--colordark4);  /* Rahmen */
   background-color: #FFFFFF;
}

.info_box_1_Therapie  span {
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: yellow;
  text-align: left;
  border: 1px solid #000000; /* Rahmen */
  
}

.info_box_1_Therapie  .sideBarTitle {
  color: black;
  background-color: var(--colorlight4) ; /* Hintergrund */
  font-weight: bold;
  margin: 0.8em 0.8em;
  padding:  0.3em 0;
}

.info_box_1_Therapie  a {
  color: var(--colordark4) ;    /* Link  */
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.info_box_1_Therapie  a:hover {
  text-decoration: underline;
}

.info_box_1_Therapie  .sideBarSubTitle {
 /* line-height: 1.5em; */
  margin: 0;
  padding: 0 1em 1em 1em;
  padding: 0 0em 0em 1em;
}

.info_box_1_Therapie  .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em 1em 1em;
}

.info_box_1_Therapie  .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  /* padding Vier Werte:   Abstand oben, rechts,  unten  links */
  padding: 0 2em 0.5em 2em;
  display: block;
}

.info_box_1_Therapie  .more:hover {
  text-decoration: underline;
}




/* ----------------------------------------------------------------------------------------------------------------------*/
/* patient   */
.info_box_1_patient  {
  width: 35%;
 min-width: 180px;
  margin: 1.5em 0em 0 0;
  padding: 0;
  float: right;
 clear: right;   
  border: 1px solid  var(--colordark5);  /* Rahmen */
  background-color: #FFFFFF;
}

.info_box_1_patient  span {
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: yellow;
  text-align: left;
  border: 1px solid #000000; /* Rahmen */
  
}

.info_box_1_patient  .sideBarTitle {
  color: black;
  background-color: var(--colorlight5)  ; /* Hintergrund */
  font-weight: bold;
  margin: 0.8em 0.8em;
  padding:  0.3em 0;;
}

.info_box_1_patient  a {
  color:  var(--colordark5) ;    /* Link  */
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.info_box_1_patient  a:hover {
  text-decoration: underline;
}

.info_box_1_patient  .sideBarSubTitle {
 /* line-height: 1.5em; */
  margin: 0;
  padding: 0 0em 0em 1em;
}

.info_box_1_patient  .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em 1em 1em;
}

.info_box_1_patient  .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  /* padding Vier Werte:   Abstand oben, rechts,  unten  links */
  padding: 0 2em 0.5em 2em;
  display: block;
}

.info_box_1_patient  .more:hover {
  text-decoration: underline;
}





/* ----------------------------------------------------------------------------------------------------------------------*/
/* Anmelden  */
.info_box_1_Anmeldung {

  width: 35%;
min-width: 180px;
  margin: 1.5em 0em 0 0;
  padding: 0;
  float: right;
 clear: right;   
  border: 1px solid var(--colordark6) ;  /* Rahmen */
  background-color: #FFFFFF;
}

.info_box_1_Anmeldung span {
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: yellow;
  text-align: left;
  border: 1px solid #000000; /* Rahmen */
  
}

.info_box_1_Anmeldung .sideBarTitle {
  color: black;
  background-color: rgb(242, 227, 138) ; /* Hintergrund */
  font-weight: bold;
  margin: 0.8em 0.8em;
  padding:  0.3em 0;
}

.info_box_1_Anmeldung a {
  color: var(--colordark6)  ;    /* farbiger Link  */
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.info_box_1_Anmeldung a:hover {
  text-decoration: underline;
}

.info_box_1_Anmeldung .sideBarSubTitle {
 /* line-height: 1.5em; */
  margin: 0;
  padding: 0 1em 1em 1em;
  padding: 0 0em 0em 1em;
}

.info_box_1_Anmeldung .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em 1em 1em;
}

.info_box_1_Anmeldung .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  /* padding Vier Werte:   Abstand oben, rechts,  unten  links */
  padding: 0 2em 0.5em 2em;
  display: block;
}

.info_box_1_Anmeldung .more:hover {
  text-decoration: underline;
}





/* ----------------------------------------------------------------------------------------------------------------------*/
/* Hilfe   */
.info_box_1_Hilfe  {

  width: 35%;
 min-width: 180px;
  margin: 1.5em 0em 0 0;
  padding: 0;
  float: right;
 clear: right;   
  border: 1px solid var(--colordark7);  /* farbiger Rahmen */
  background-color: #FFFFFF;
}

.info_box_1_Hilfe  span {
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: yellow;
  text-align: left;
  border: 1px solid #000000; /* Rahmen */
  
}

.info_box_1_Hilfe  .sideBarTitle {
  color: black;
  background-color: var(--colorlight7) ; /* farbiger Hintergrund */
  font-weight: bold;
  margin: 0.8em 0.8em;
  padding:  0.3em 0;;
}

.info_box_1_Hilfe  a {
  color: var(--colordark7) ;    /* farbiger Link  */
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.info_box_1_Hilfe  a:hover {
  text-decoration: underline;
}

.info_box_1_Hilfe  .sideBarSubTitle {
 /* line-height: 1.5em; */
  margin: 0;
  padding: 0 0em 0em 1em;
}

.info_box_1_Hilfe  .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em 1em 1em;
}

.info_box_1_Hilfe  .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  /* padding Vier Werte:   Abstand oben, rechts,  unten  links */
  padding: 0 2em 0.5em 2em;
  display: block;
}

.info_box_1_Hilfe  .more:hover {
  text-decoration: underline;
}