.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
	background: #031A2B;
    color: #fff;
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #031A2B;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 6px;
    font-size: 22px;
	color: #384E5F;
    display: block;
}
#sidebar ul li a:hover {
    color: #7386D5;
    background: #3D8D3B;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}

.img-container {
    text-align: center;
}

i { 
margin: 10px; 
padding: 0px 
}

.RbtnMargin { 
margin-left: 5px;
margin-right: 5px; 
}

.tbbottomMargin { 
margin-bottom: 10px;
}


.blocksatz_j {
    hyphens: auto;
    text-align: justify; /* für Edge */
    -moz-text-align-last: justify; /* für Firefox vor 58.0 */
    text-align-last: justify;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  background-image: url('/img/bg_green.png');
  background-size: cover;
  background-position: center;
  /*color: #333;
  background-color: #fff;*/
}

ol, ul {
  list-style: none;
}