/*
 * Materialausleihe davrent
 *
 * date:    18.08.2019
 */
body {
  margin:    0 auto !important;
  max-width: 800px;
  font-family: Fira Sans, sans-serif;
}
.header-logo {
    background: #fff;
    max-height: 100px;
}
h1, h2 {
	word-wrap: break-word;
	font-family: Roboto,sans-serif;
    font-stretch: normal;
    font-style: normal;
    -webkit-hyphens: auto;
    hyphens: auto
}
h1 {
	font-size: 42px;
	font-weight: 900;
	letter-spacing: .19px;
	line-height: 1.24
}
h2 {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .11px;
    line-height: 1.5
}
a {
	background-color: initial;
    color: #52ae32;
    text-decoration: none;
}
a:hover {
    color: #367321;
    text-decoration: underline;
}
input[type=reset],input[type=submit] {
    background-color: initial;
    border: 1px solid #0000;
    border-radius: .25rem;
    color: #212529;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    text-align: center;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
}
input[type=submit] {
	background-color: #52ae32;
	border-color: #52ae32;
	color: #fff	
}
input[type=submit]:hover {
	background-color: #449029;
    border-color: #3f8627;
    color: #fff
}
input[type=reset] {
	background-color: #6c757d;
   	border-color: #6c757d;
   	color: #fff
}
input[type=reset]:hover {
	background-color: #5a6268;
	border-color: #545b62;
    color: #fff
}
dd,dt {
	display: inline-block;
}
dt {
	width: 100px;
}
select{
	width: 60px;
}
div {
  margin: 1em 0;
}
fieldset {
  margin: 0.5em 0;
}
td, th {
  padding: 0 0.5em;
}
ul.mat-dates {
  list-style: none;
  padding:    0;
}
.mat-error {
  background-color: #FFA293;
  padding:          1%;
}
div.mat-help {
  display: none;
}
a:active+div.mat-help {
  border-color: black;
  border-style: solid;
  border-width: 0.1em;
  display:      block;
  margin:       1em 0;
  padding:      0.5em;
}
.mat-list td {
  text-align: center;
}
.mat-list .mat-amount {
  text-align: right;
}
.mat-list .mat-desc {
  text-align: left;
}
.mat-navigation {
  margin: 1em 0;
}
.mat-order > table, .mat-order > div {
  margin: 1em 0;
}
.mat-success {
  background-color: #A4F879;
  padding:          1%;
}