/*
  Erzwingen von vertikalem Layout beim Login am Formular.
  !!! Das funktioniert leider nicht, da das Formular-CSS
      an dieser Stelle noch nicht greift !!!
*/
.xfc-template DIV.auth-container.style-horizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: inherit;
}
.xfc-template DIV.auth-container.style-horizontal > .separator{
  margin: 24px 0px;
  border-left: 0px solid #ccc;
  width: inherit;
  overflow: inherit;
}


/*
  Verkleinern der Schrift im Footer, dass sie wieder auf eine Zeile passt.
  , .modern .xm-header-hint, .modern .xm-item-div .XItem 
*/
.modern .xm-footer-hint {
  font-size: 13px;
}
.modern .xm-item-div span.required-star {
  font-size: 16px;
  line-height: 16px;
}


/* Einführung der Klasse 'hszg-info-box' */
.hszg-info-box {
    background: rgb(213, 255, 213) !important;
    border: 1px solid green !important;
    /*background: rgb(213, 235, 255) !important;
    border: 1px solid blue !important;*/
    color: black !important;
    padding: 0.2rem 0.4rem 0.2rem 3rem;
    border-radius: 0.3rem !important;
    box-shadow: 1px 2px 5px -1px gray !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='2rem' height='2rem'><circle id='svg_kreis' r='1rem' cy='1rem' cx='1rem' style='fill:%230044ff;'></circle><text id='svg_text' y='1.6rem' x='0.74rem' style='fill:%23ffffff;font-weight:bold;font-size:1.7rem;stroke-linejoin:round;'>i</text></svg>")  !important;
    background-repeat: no-repeat !important;
    background-position-x: 0.4rem !important;
    background-position-y: 0.3rem !important;
}
.hszg-info-box > p {
    margin-left: 0.4rem;
    margin-bottom: 0.5rem;
}
.hszg-info-box > p:first-child {
    /*color: blue;*/
    color: green;
    font-weight: bold;
    margin-left: 0;
}


/* Einführung der Klasse 'hszg-dev-info-box' */
.hszg-dev-info-box {
    background: rgb(213, 235, 255) !important;
    border: 1px solid blue !important;
    color: black !important;
    padding: 0.2rem 0.4rem 0.2rem 3rem;
    border-radius: 0.3rem !important;
    box-shadow: 1px 2px 5px -1px gray !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='2rem' height='2rem'><circle id='svg_kreis' r='1rem' cy='1rem' cx='1rem' style='fill:%230044ff;'></circle><text id='svg_text' y='1.46rem' x='0.35rem' style='fill:%23ffffff;font-weight:bold;font-size:1.5rem;stroke-linejoin:round;'>{}</text></svg>")  !important;
    background-repeat: no-repeat !important;
    background-position-x: 0.4rem !important;
    background-position-y: 0.3rem !important;
}
.hszg-dev-info-box > p {
    margin-left: 0.4rem;
}
.hszg-dev-info-box > p:first-child {
    color: blue;
    font-weight: bold;
    margin-left: 0;
}


/* Einführung der Klasse 'hszg-warn-box' */
.hszg-warn-box {
    background: rgb(255, 213, 219) !important;
    border: 1px solid red !important;
    color: black !important;
    padding: 0.2rem 0.4rem 0.2rem 3rem;
    border-radius: 0.3rem !important;
    box-shadow: 1px 2px 5px -1px gray !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='2rem' height='2rem'><circle id='svg_kreis' r='1rem' cy='1rem' cx='1rem' style='fill:%23ff0000;'></circle><text id='svg_text' y='1.46rem' x='0.7rem' style='fill:%23ffffff;font-weight:bold;font-size:1.5rem;stroke-linejoin:round;'>!</text></svg>")  !important;
    background-repeat: no-repeat !important;
    background-position-x: 0.4rem !important;
    background-position-y: 0.3rem !important;
}
.hszg-warn-box > p {
    margin-left: 0.4rem;
}
.hszg-warn-box > p:first-child {
    color: red;
    font-weight: bold;
    margin-left: 0;
}



.hszg-user-list-part > ul {
  margin: 0px !important;
}



/*
  HSZG grün in den Überschriften/Fieldsets
*/
a {
  color: #599e15;
  /*font-weight: bold;*/
}
a:hover {
  color: #6c6c6c;
}
.header .hint {
  font-weight: normal;
  font-size: 1.5em;
  color: #bbb;
}
.header h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
}
.body h1,h2,h3,h4,h5,h6 {
  color: #599e15;
  font-weight: bold;
}
fieldset > legend {
  color: #599e15 !important;
}