.toggle-list {
    margin-top: 20px;
    padding: 0px;
}

#sidebar {
    position: fixed;
    width: 250px;
    height: 100%;
    background: #f1f1f1;
    left: -250px;
    transition: all 500ms linear;
    z-index: 10;
    top: 0;
}

#sidebar.active {
    left:0px;
    top: 0;
}

#sidebar ul li {
    color: #333;
    margin-bottom: 8px;
}

#sidebar ul li a{
    color: #333;
    font-size: 18px;
    text-decoration: none;
}

.menu {
   padding: 10px 0 10px 55px;
}

#sidebar .toggle-btn {
    position: absolute;
    left: 320px;
    top: 30px;
    cursor: pointer;
    font-size: 24px;
}

@media (max-width: 1024px) {
	#sidebar .toggle-btn {
		top: 10px;
		left: 260px;
	}
}

#sidebar img{
    max-width: 250px;
}

#sidebar #icon {
    color: #acc811;
}

#sidebar #icon span{
    /*color: #878787;*/
    padding-left: 5px;
    font-weight: 500;
    font-family: open sans;
}

#sidebar .fa-circle {
    font-size: 13px;
    padding-right: 10px;
}

#sidebar span{
   font-size: 20px;
}

@media (max-width: 1110px) {
   #sidebar .menu-txt {
      display: none;
   }
}

/* Footer */

#footbar {
    position: fixed;
    width: 100%;
    height: 425px;
    background: #f1f1f1;
    bottom: -345px;
    transition: all 500ms linear;
    z-index: 1;
}

#footbar.active {
    bottom: 0px;
}

#footbar .kontakt-btn {
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -33px;
    bottom: 365px;
    cursor: pointer;
}

#footbar .kontakt-btn span {
    font-size: 20px;
    color: #868686;
}

/* Footer Inhalt CSS */

footer #footbar .fa-caret-down {
   position: absolute;
   left: 50%;
   right: 50%;
   top: -59px;
   font-size: 70px;
   z-index: 1;
}

footer {
    color: #868686;
}

footer .col-12 {
    width: 102%;
    margin-top: 20px;
}

footer .col-4 {
    width: 32%;
    float: left;
    color: #868686;
    min-height: 150px;
    margin: 0 0.5%;
}

@media (max-width: 767px) {
   footer .col-4 {
      width: 50%;
      margin: 0;
      padding: 0 8px;
   }
}

@media (max-width: 767px) {
   footer .contact {
      display: none;
   }
}

@media (max-width: 767px) {
   footer .footer-logo {
      margin: -50px 0;
   }
}

.social-icon {
   width: 100%;
   text-align: center;
   margin-top: 80px;
}

.social-icon .fa-youtube-play {
	font-size: 30px;
	margin: 0 10px;
	background-color: #999;
	color: #fff;
	padding: 9px;
	border-radius: 25px;
}

.social-icon .fa-youtube-play:hover {
	background-color: #cc3333;	
}

.social-icon .fa-xing {
	font-size: 30px;
	margin: 0 10px;
	background-color: #999;
	color: #fff;
	padding: 9px 12px;
	border-radius: 25px;
}

.social-icon .fa-xing:hover {
	background-color: #99cc00;	
}

.social-icon .fa-facebook {
	font-size: 32px;
	margin: 0 10px;
	background-color: #999;
	color: #fff;
	padding: 9px 16px;
	border-radius: 25px;
}

.social-icon .fa-facebook:hover {
	background-color: #3366cc;	
}

@media(min-width:768px) {
	.footer-logo {
		display: none;
	}
}

.footer-logo {
   text-align: center;
   margin: 10px 0;
}

.footer-logo img {
   width: 180px;
}

@media (max-width: 767px) {
   .footer-logo img {
      width: 160px;
   }
}

.text-logo {
   max-width: 65px;
   padding-right: 5px;
}

.hamburger-scroll {
   background: transparent;
   transition: all 0.2s ease-in-out;
}

.hamburger-scroll-up {
   background: grey;
}

.inner_sidebar {
   margin-top: 50px;
}

@media(max-width: 500px) {
   .inner_sidebar {
     margin-top: 0;
   }
}