/*Code start*/
code, kbd, pre, samp {
    font-family: 'Hack', monospace!important; 
    font-size: 1em;
}
/*Code end*/

/*Tabelle start*/
table {
  border-collapse: separate;
  border-spacing: 0;
}
th,
td {
  padding: 8px 8px;
}
th {
  border-right: 1px solid #c6c9cc;
  background: #2E4A78;
  color: #fff;
  text-align: left;
}
tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
td {
  border-right: 1px solid #c6c9cc;
  border-bottom: 1px solid #c6c9cc;
}
td:first-child {
  border-left: 1px solid #c6c9cc;
}
tr:nth-child(even) td {
  background: #eaeaed;
}
tr:last-child td:first-child {
  border-bottom-left-radius: 3px;
}
tr:last-child td:last-child {
  border-bottom-right-radius: 3px;
}
/*Tabelle end*/

/*Back to top start*/
.back-to-top {
   font-size: 2rem;
   background: #d1d1d1;
   text-align: center;
   position: fixed;
   bottom:20px;
   right:20px;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   z-index: 100;
}
/*Back to top end*/

/*Horizontale Linie start*/
hr {
    border-bottom: 4px solid #F0F2F4;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1rem 0;   
}
/*Horizontale Linie end*/

/*Bilder start*/
.flexed { 
   display: flex; 
}

.img-float-left {
    display:inline;
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 25px !important;
    float: left;
    max-width: 40%;
}

.img-float-right {
    margin-top: 0px !important;
    margin-left: 25px !important;
    margin-right: 0px !important;
    float: right;
    max-width: 40%;
}

.img-float-root {
    display: flow-root;
}

.clear {
	clear: both;
}
/*Bilder end*/