body {
  background: #fff;
}
h1, h2, h3, h4, h5, h6, ul, li, a, a:hover {
  color: #009fe3; /* blau */
}
p {
  font-size: 1.2em;
  color: #666;
}
a, .navbar a {
  color: #009fe3;
  text-decoration: none;
}
a:hover, .navbar a:hover {
  color: #006b9a; /* Dunkelblau */
}
.top-header {
  box-shadow: 0 0 15px silver;
  background: #fff url("../imgs/bausanierung/header.jpg") no-repeat center top;
}
.header {
  height: 150px;
  padding-top: 20px;
  padding-bottom: 0;
  text-align: center;
}
.ns{display: none;}
.header img {
  height: 100%
}
.logo:hover img{ 
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.active:hover {
  color: #006b9a;
}
.navbar-toggler {
  border: none !important;
}
.navbar-toggler:focus {
  box-shadow: none !important;
}
h2 {
  margin-top: 80px;
}
h4 {
  margin-top: 40px
}
.siegel {
  margin-top: 30px
}
.portrait{
	  margin-top: 30px
}
.img-thumbnail {
  border-radius: 0;
  padding: 10px;
}
.midtext {
  margin-top: 120px;
}
.btn-primary {
	margin-top: 100px;
  background: #009fe3;
  border: #009fe3;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  background: #006b9a;
  border: #006b9a;
}
hr {
  margin: 40px 0;
  color: #aaa;
}
.img-pre{width: 23%;padding: 5px; margin: 5px; border: 1px solid #dee2e6;}
.footer {
  background: #fff url("../imgs/bausanierung/header.jpg") no-repeat center top;
	margin-top: 120px;
  padding-top: 10px;
  border-top: 1px solid #eee
}
.footer p, .footer a {
  color: #999;
  font-size: 1em;
}
.footer a:hover {
  color: #666
}
.ns {
  display: none;
}
.modal-body {
  padding-bottom: 0;
}
.profile h4{text-align: center; margin-top: 0; margin-bottom: 0;}
.profile p {text-align: center;}
.profile img{padding: 10px; transform: scale(0.95);
  box-shadow: 0 0 0 transparent;
  transition: 0.1s;}
.profile img:hover{box-shadow: 0 0 10px 0 rgba(200, 200, 200, 0.5); margin-bottom: 10px;
  transform: scale(1);}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
}
@media (max-width: 1200px) {
  .siegel {
    margin-top: 80px
  }
}
@media (max-width: 992px) {
  .header {
    height: 100px;
    padding-top: 10px;
    padding-bottom: 0;
  }
  .header img {
    height: 100%
  }
  .navirechts {
    display: none;
  }
	.profile img, .profile img:hover{margin-bottom: 20px}
	.profile p {font-size: 1em;}

}
@media (max-width: 580px) {
  .siegel {
    margin-top: 0
  }
	.profile {margin-bottom: 40px;}
}