body {
    padding-top: 10rem;
    padding-bottom: 0;
}

a {
    color: rgb(220,53,69);
}

a:hover {
    color: rgb(220,53,69);
    text-decoration: underline;
}

.jjnav {
	 background-color: rgb(235,235,235);
	 min-height: 150px;
}

nav {
    border-bottom: 5px solid rgb(220,53,69);
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-bottom: 30px;
    padding-top: 30px;
    padding-right: 1.5rem;
	padding-left: 1.5rem;
	font-weight: 600;
	transition: 0.5s;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(220,53,69,1);
    text-decoration: none;
}

/* Menü kleiner werden lassen beim scrollen */
nav.navbar{
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

nav.navbar.shrink {
  min-height: 35px;
}

nav.shrink a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 15px;
}

nav.shrink .navbar-brand {
  font-size: 25px;
}

nav.shrink .navbar-toggle {
  padding: 4px 5px;
  margin: 8px 15px 8px 0;
}

/** ENDE **/

.carousel {
    margin-top: -10px;
}

.featurette-divider {
    color: rgb(220,53,69);
    border-color: rgb(220,53,69);
}

.marketing {
    background: transparent url(../img/wappen800.png) center center no-repeat;
}

.jjfooter {
	 background-color: rgb(235,235,235);
	 min-height: 150px;
	 position: relative;
	 border-top: 5px solid rgb(220,53,69);
}

#ontop {
	position: absolute;
	right: 0;
	top: -19px;
}

footer {
	position: relative;
	bottom: 0;
	padding-top: 10px;
	font-weight: bold;
}

.navbar-light .navbar-toggler {
    color: rgb(220,53,69);
    border-color: rgb(220,53,69);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(230, 53, 69, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.carousel-item > img {
    height: auto;
}

.carousel-indicators .active {
    background-color: rgb(220,53,69);
}

.carousel-caption-bottom {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-caption-top {
    position: absolute;
    right: 15%;
    top: 60px;
    left: 21%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-caption-top h1 {
	font-weight: bold;
	margin-bottom: 1.5rem;
	color: rgb(220,53,69);
	text-shadow: 1px 1px 2px rgb(0,0,0);
}

.carousel-caption-top-w {
    position: absolute;
    right: 15%;
    top: 60px;
    left: 21%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-caption-top-w h1 {
    font-weight: bold;
    margin-bottom: 1.5rem;
    color: rgb(220,53,69);
    text-shadow: 1px 1px 0px rgb(255,255,255);
}

.carousel-caption-top p {
	/*color: rgb(220,53,69);*/
	font-weight: bold;
	font-size: 20px;
	text-shadow: 1px 1px 2px rgb(0,0,0);
}

.rounded-circle {
    margin-bottom: 20px;
    border: 2px solid rgb(220,53,69);
}

.headline {
	font-weight: bold;
	margin-bottom: 1.5rem;
	color: rgb(220,53,69);
}

.kompetenz {
	margin-bottom: 60px;
}

.featurette img {
    border: 1px solid rgb(220,53,69);
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

.distance-bottom {
    margin-bottom: 50px;
}

.lstgheader {
    font-size: 20px;
    font-weight: bold;
    color: rgb(220,53,69);
}

/** BOOTSRAP OVERRIDE DAS KONTAKTFORMULAR BETREFFEND **/
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label,
.has-error .help-block, .has-error .radio, .has-error .radio-inline,
.has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label,
.has-error.radio-inline label {
    color: #a94442;
    font-size: 14px;
}

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

	.only-lg {
		display: none !important;
	}

	.navbar-expand-md .navbar-nav .nav-link {
	    padding-bottom: 10px;
	    padding-top: 10px;
	    text-align: center;
    	border-top: 1px solid rgb(220,53,69);
	}

	.navbar-nav {
    	margin-top: 20px;
    	border-top: 4px solid rgb(220,53,69);
	}

	.kompetenz {
	    margin-top: 30px;
	}

}