body.site {
    border-top: 3px solid #f2f2f2;
}

.header {
    margin-bottom: 0px;
    background-color: #28adb9;
}
.header-inner {
  padding-left: 10px;
}
.brand {
    color: #fff;
  	padding: 4px;
  
 background-image: url('/images/Asclepius.png');
background-repeat: no-repeat;
padding-left: 30px;  /* width of the image plus a little extra padding */
display: block;  /* may not need this, but I've found I do */
  background-size: contain;
  
  transition: none;
}
.brand:hover {
    color: #fff;
}

brand > a:hover, brand > a:focus {
  color: #fff;
}

a:hover, a:focus {
  color: #28adb9;
}

.site-title {
 font-weight: normal;
}

.container {
    color: #666666;
}

.item-page {
  padding: 20px;
}

.body .container {
  padding: 0px;
    border: 2px solid rgba(0,0,0,0.15);
    border-color: #28adb9;
}

}
.nav > li > a{
    background-color: #28adb9;
}

.navigation {
    color: #f2f2f2;
    background-color: #28adb9;
  	padding: 5px;
    border-top: 1px solid rgba(0,0,0,0.075);
    border-bottom: 1px solid rgba(0,0,0,0.075);
    margin-bottom: 10px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #28adb9;
}

/* Menü engeklappt */
.navbar .btn-navbar {
	background-image: linear-gradient(to bottom,#efddba,#efddba);
	background-color: #28adb9;
}
.icon-bar {
	background-color: #28adb9 !important;
	margin-right: 0 !important;
}
.navbar .btn-navbar:hover {
	background-color: #efddba;
}
.nav-collapse .nav > li.active > a {
    color: #28adb9;
}
@media (max-width: 979px) {
	.nav-collapse .nav > li > a {
		color: #fff;
	}
	.nav-collapse .nav > li > a:hover {
		background-color: #28adb9;
	}
}

a:hover {
    color: #444;
}

.nav-pills a {
    color: #fff;
}

.nav-pills > li > a {
    border-radius: 0;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    background-color: #efddba;
    color: #28adb9;
}

body a {
    color: #28adb9;
}

.flex {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.sprechzeiten {
	flex = 1;
}
.wochentag {
	width: 50px;
}

.footer {
	padding: 0px 10px;
}

@media screen and (max-device-width: 768px) {
	body.site {
		    padding: 0px;
	}
}

.rot {
	color: red;
}

.gruen {
	color: #28adb9;
}