|  |  | 
 |  |  |   padding: 0; | 
 |  |  |   height: 100%; /* Anmerkung 2 */ | 
 |  |  |   font-size: larger; | 
 |  |  |   font-family: 'Roboto Condensed'; | 
 |  |  |   font-family: 'Roboto'; | 
 |  |  | } | 
 |  |  | body { | 
 |  |  |   min-height: 0; /* Anmerkung 1 */ | 
 |  |  | 
 |  |  |   background-color: black; | 
 |  |  |   display: flex; | 
 |  |  |   flex-flow: row; | 
 |  |  |   height: 2em; | 
 |  |  |   height: 1.3em; | 
 |  |  |   align-items: center; | 
 |  |  |   justify-content: space-between; | 
 |  |  | } | 
 |  |  | #nav-menu { | 
 |  |  |   margin-left: 0.4rem; | 
 |  |  | } | 
 |  |  | .sued { | 
 |  |  |   height: 1.5em; | 
 |  |  | 
 |  |  | */ | 
 |  |  |  | 
 |  |  | .app-titel { | 
 |  |  |   font-family: 'Roboto Condensed'; | 
 |  |  |   margin-left: 0.6em; | 
 |  |  |   color: white; | 
 |  |  | } | 
 |  |  | 
 |  |  | .top-band { | 
 |  |  |   display: flex; | 
 |  |  |   flex-flow: row; | 
 |  |  |   padding: 0.2rem 0 0.2rem 0.2rem; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .breadcrumb-behaelter { | 
 |  |  | 
 |  |  |  | 
 |  |  | .bereich-name { | 
 |  |  |   padding-left: 0.4rem; | 
 |  |  |   font-family: 'Roboto'; | 
 |  |  |   font-size: smaller;   | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .dialog { | 
 |  |  | 
 |  |  | .entity-formular { | 
 |  |  |   display: flex; | 
 |  |  |   flex-flow: column; | 
 |  |  |   user-select: none; | 
 |  |  |   font-size: smaller; | 
 |  |  |   font-family: 'Roboto-Light'; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .entity-liste-kopf { | 
 |  |  | 
 |  |  |  | 
 |  |  | .entity-element { | 
 |  |  |   margin: 0.4rem; | 
 |  |  |   user-select: none;  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /* | 
 |  |  | .entity-element:focus { | 
 |  |  |   outline: none; | 
 |  |  | } | 
 |  |  | */ | 
 |  |  |  | 
 |  |  | .entity-element:hover { | 
 |  |  |   background-color: #ececec; | 
 |  |  | 
 |  |  |   display: flex; | 
 |  |  |   flex-flow: row; | 
 |  |  |   /*margin-left: auto;*/ | 
 |  |  |   margin: -0.5em 1em 0 2em; | 
 |  |  |   margin: -0.2em 1em 0 2em; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .top-btn, .top-btn:focus { | 
 |  |  | 
 |  |  |   } | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /* Fonts */ | 
 |  |  |  | 
 |  |  | @font-face { | 
 |  |  |   font-family: 'Roboto Condensed'; | 
 |  |  |   src: url('font/RobotoCondensed-Regular.ttf') format('truetype'); | 
 |  |  |   font-weight: normal; | 
 |  |  |   font-style: normal; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | @font-face { | 
 |  |  |   font-family: 'Roboto-Thin'; | 
 |  |  |   src: url('font/Roboto-Thin.ttf') format('truetype'); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | @font-face { | 
 |  |  |   font-family: 'Roboto-Light'; | 
 |  |  |   src: url('font/Roboto-Light.ttf') format('truetype'); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | @font-face { | 
 |  |  |   font-family: 'Roboto'; | 
 |  |  |   src: url('font/Roboto-Regular.ttf') format('truetype'); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /* Font für Piktogramme mit Fontello aus FontAwesome erzeugt */ | 
 |  |  |  | 
 |  |  | @font-face { |