body {
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  width: 100%;
  font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  background-color: #a9d0f5;
}
html {
	  scroll-behavior: smooth;
}
h2 {
	color:#ab5438 !important;
	  font-size:36px !important;
  font-weight:700 !important;
  padding-bottom:15px;
}
.nav-bar {
  color:#fff;
}
.nav-bar.scrolled{
  background:#fff;
  overflow-x:visible;
  color:#ab5438;
}

.kontakt a{
  background-color:#ab5438;
  text-align:center;
  width:100%;
  color:#fff !important;
  text-transform:uppercase;
}
.nav-bar {
  line-height:70px;
}

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}



.navbar-brand {
  width:100%;
  color:#fff;
}
.navbar-brand:hover {
	color:#ab5438;
	transition:0.2s;
}
.navbar-brand i {
	padding-right:20px;
	padding-left:15px;
}

.scrolled .navbar-brand {
	color:#ab5438;
}
.navbar-brand img{
  width:100%;
}
h1 {
  font-family:'Oswald';
  font-size:42px;
  line-height:46px;
  font-weight:700;
}

h1 span {
  color:#ab5438;
}
h3 span {
  color:#ab5438;
}

header {
    background-color:#f1f1f1;
    width:100%;
    position:fixed;
    z-index:10000;
}
#header {
  width: 100%;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  height: 70px;
  line-height: 70px;
}
#header li {
  display: inline-block;
  margin-right: 25px;
  font-size: 17px;
  color: #084b8a;
  font-weight: bold;
  cursor: pointer;
}


#contact {
  /*width: 90%;*/
  /*margin-left: 5%;*/
  box-sizing: border-box;
  border-radius: 10px;
  color: #111;
  position:relative;
}
#kontakt button.submit {
	background-color:#ab5438 !important;
	color:#fff;
	border:0px !important;
	box-shadow:0px !important;
}
#kontakt button.submit:focus {
	box-shadow:none !important;
}
#leistungen {
	background-color:#f1f1f1;
}
#leistungen li {
  list-style-type:decimal;
}
#leistungen .li-disc li {
  list-style-type:disc !important;
}

#home {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/2.jpg);
    background-position:bottom;
  color:white;
  padding:50px;
  height:99vh;
  padding-top:70px;
}

section {
  padding-top:40px;
  padding-bottom:40px;
}


#kontakt h3 {
  position:relative;
  margin-bottom:50px;
}

/* footer */
footer {
	background-color:#f1f1f1;
	padding-top:20px;
}
footer a {
	color:#ab5438;
	text-decoration:underline;
}
footer .row {
	padding-bottom:10px;
}
footer .col-md-4 img {
	width:60%;
}
footer .col-md-4 {
	color:#ab5438;
}
.copyright p {
  padding-top:2%;
}

/* footer */

.gallery {
	 display: flex;
	 padding: 2px;
	 transition: 0.3s;
}
 .gallery:hover .gallery__image {
	 filter: grayscale(1);
}
 .gallery__column {
	 display: flex;
	 flex-direction: column;
	 width: 25%;
}
 .gallery__link {
	 margin: 2px;
	 overflow: hidden;
}
 .gallery__link:hover .gallery__image {
	 filter: grayscale(0);
}
 .gallery__link:hover .gallery__caption {
	 opacity: 1;
}
 .gallery__thumb {
	 position: relative;
}
 .gallery__image {
	 display: block;
	 width: 100%;
	 transition: 0.3s;
}
 .gallery__image:hover {
	 transform: scale(1.1);
}
 .gallery__caption {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 padding: 25px 15px 15px;
	 width: 100%;
	 font-family: 'Raleway', sans-serif;
	 font-size: 16px;
	 color: white;
	 opacity: 0;
	 background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 100%);
	 transition: 0.3s;
}

.mobile {
	display:none;
}

@media only screen and (max-width: 1400px) {

}
@media only screen and (max-width: 992px) {

}
@media only screen and (max-width: 772px) {
	#home {
		height:60vh;
	}
	.pc {
		display:none;
	}
	.mobile {
		display:block;
	}
	#home .container h1 {
		font-size:40px;
		line-height:47px;
		font-weight:700;
	}
	#home .container p {
		font-size:12px;
	}
	#home {
		padding:10px;
	}
	.gallery__caption {
		padding:5px;
		font-size:8px;
	}
	#kontakt h3 {
		font-size:1.75rem;
		font-weight:500;
		line-height:1.2;
	}
	#kontakt h4 {
		font-size:1.45rem;
		font-weight:500;
		line-height:1.2;
	}
	.call-text span {
		font-weight: bold;
		color: #fdc236;
		font-size: 1.2rem;
	}
	.call-text {
		font-size: 1rem;
		line-height: 1.2;
	}
}