@charset "UTF-8";

body {
	font-family: 'Thasadith', sans-serif;
}
footer { 
	height: 75px;
	width:100%;
	padding:25px 0 25px 0;
}
a { color:#212529 }
a:hover { color:#790000; transition: 0.2s; }
.container-fluid { padding:0; }
.bg-light {
background-color:  #FFFFFF;
}
.navbar { 
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
}
.card {
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.29);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.29);
}
.nav-item { padding-right:20px; }
.nav-item::after{content:'';display:block;width:0px;height:2px;background:#790000;transition: 0.2s;}
.nav-item:hover::after{width:100%;}
.aktiff, .aktiff a { color:#790000 !important; }
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#790000;}
.nav-link{padding:15px 5px;transition:0.2s; font-weight: bold; }
.nav-link:hover { color:#790000 !important; }
.carousel-inner{
  width:100%;
  max-height: 450px !important;
}
.carousel-inner img {
      width: 100%;
      height: 100%;
  }
.carousel-item {
  height: 550px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.slideheader { font-size: 42px; text-shadow: 1px 1px black; }
.slidetext { font-size: 27px; text-shadow: 1px 1px black; }
.row { margin:0; padding:0; }
.carousel-caption { bottom:10px; padding-bottom:0; }
#startsite {
	width:100%;
	min-height: 555px;
	padding:100px 0 0 0;
	margin:0 0 0 0;
}
#leistungen {
	width:100%;
	min-height: 550px;
	padding:40px 0 0 0;
	background-color: #FFFFFF;
}
#uberuns {
	width:100%;
	min-height: 650px;
	padding:40px 0 0 0;
	margin:0;
	background-color: #790000;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
}
#preise {
	width:100%;
	min-height: 750px;
	padding:40px 0 0 0;
	margin:0;
	background-color: #FFFFFF;
}
#kontakt {
	width:100%;
	min-height: 700px;
	padding:40px 0 40px 0;
	margin:0;
	background-color: #F0F0F0;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
}
.jumbotron { background-color: #FFF; }
.sbcolor { background-color: #790000 }
.ozlink, .ozlink a { color:#790000 }
.belink, .belink a { color:#FFFFFF }
.bred { background-color: #790000 !important; }
.bred:hover { background-color: #9C0000 !important; }
.cred { color:#790000 !important; }
.wrblack { 
    height:140px;
    width:140px;
	margin:0 auto;
    background-color:#FFFFFF;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.howicon {
color:#790000;
margin:33px 0 0 0;
}
.howheader { 
font-size:18px;
color:azure;
margin:5px 0 0 0;
}
.howheadersub { 
font-size:15px;
color:#989898;
}
h2.dborder {
	height: 45px;
}

h2.dborder1 {
	height: 45px;
	background: url('../images/dborder1.png') no-repeat bottom center;
}
h2.dborder2 {
	height: 45px;
	background: url('../images/dborder2.png') no-repeat bottom center;
}

.cgray { color: #4C4C4C; }
.cgray-50 { color: #C5C5C5; }
.corange { color:#f58221 !important }
.cwhite { color:#FFFFFF }
.cblack { color:#000000 }
.bs { border:1px solid #000000 !important; }
.bb { border:1px solid #FFFFFF !important; }
.sa-10 { line-height: 45px; }
.quote-card {
  background: #fff;
  color: #222222;
  padding: 20px;
  padding-left: 130px;
  padding-top:30px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quote-card p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  max-width: 80%;
}
.quote-card cite {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}
.quote-card:before {
  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: 0px;
  left: 10px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
.quote-card:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: -70px;
  line-height: 100px;
  right: 5px;
  font-size: 18em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
.custom-control { padding-left:0; }

@media (max-width: 1600px) {
.carousel-item {
  height: 500px;
	}
.carousel-caption { top:340px; }
}

@media (max-width: 1380px) { 
.carousel-item {
  height: 370px;
	}
.carousel-caption { top:260px; }
}

@media (max-width: 1024px) { 
.carousel-item {
  height: 270px;
	}
.carousel-caption { top:70px; }
	#startsite { width:100%; min-height: 370px !important; }
.slideheader { font-size: 26px; text-shadow: 2px 2px black; }
.slidetext { font-size: 16px; text-shadow: 2px 2px black; }

}
@media (max-width: 880px) { 
.carousel-item {
  height: 320px;
	}
.carousel-caption { top:70px; }
#startsite { width:100%; min-height: 350px !important; }
}
@media (max-width: 640px) {
  .quote-card:after {
    font-size: 22em;
    right: -25px;
  }
 .nav-item { text-align: center; justify-content: center; width: 100%; }
.nav-link, .nav-link a {
color: #790000 !important;
font-weight: bold;
}
.carousel-inner{
  width:100%;
  max-height: 200px !important;
 margin-top:20px;
}
.carousel-inner img {
      width: auto;
      height: auto;
  }
.carousel-item {
  height: 500px !important;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#startsite {
	width:100%;
	min-height: 230px !important;
	padding:100px 0 0 0;
	margin:0 0 0 0;

}
.slideheader { font-size: 19px; text-shadow: 2px 2px black; }
.slidetext { font-size: 13px; text-shadow: 2px 2px black; }
.carousel-caption { top:0px; }
}

.quote-card.yellow-card {
  background: #383838;
  color: #222222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: #f58221;
}

.bg-softstyle { 
background-color: transparent;
box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}

.bg-softcolstyle { 
background-color: transparent;
	border:0;
}
.modal-lg {
    width: 80% !important;
}
.centered-txt { text-align:center; }