/*
 *************************************************************************
 *----> Main Stylesheet CSS
 *************************************************************************
 */

	body {
		background-color: white;/* Hintergundfarbe der Seite */
		overflow-x: hidden;
		font-family: 'Open Sans', sans-serif;
	}

	html,body{
		width: 100%;
		height:100%;
	}

	body::-webkit-scrollbar{
		width: 1em;
	}

	/*Scrollbar*/

	body::-webkit-scrollbar-track{
		background-color: #f0f0f0;
	}

	body::-webkit-scrollbar-thumb{
		background-color: lightgray;
	}

	body::-moz-scrollbar{
		width: 1em;
	}

	body::-moz-scrollbar-track{
		background-color: #f0f0f0;
	}

	body::-moz-scrollbar-thumb{
		background-color: lightgray;
	}

	p{
		font-size: 14px;
		line-height: 1.75;
	}

	.text-contrast{
		color: #3fa1cf;
	}

	.anim-delay-1{
		-webkit-animation-delay: 0.25s;
		-moz-animation-delay: 0.25s;
		animation-delay: 0.25s;
	}

	.anim-delay-075{
		-webkit-animation-delay: 0.75s;
		-moz-animation-delay: 0.75s;
		animation-delay: 0.75s;
	}

	.anim-delay-05{
		-webkit-animation-delay: 0.5s;
		-moz-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}

	/*User selected*/

	p::selection,
	a::selection,
	h1::selection,
	h2::selection,
	h3::selection,
	h4::selection,
	span::selection{
		background-color: #3fa1cf;
		color: white;
	}

	p::-moz-selection,
	a::-moz-selection,
	h1::-moz-selection,
	h2::-moz-selection,
	h3::-moz-selection,
	h4::-moz-selection,
	span::-moz-selection{
		background-color: #3fa1cf;
		color: white;
	}

/*
 *
 *----> Navbar
 *
 */

	/*Navbar btn Text*/
	.navbar-default .nav li a{
		font-size: 17px;
		color: #fff;
		font-weight: 400;
		font-family: 'Roboto', sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-decoration: none;
		position: relative;
		padding: 15px 24px;
	}

	/*Navbar Contact Btn  ---  Btn Animation*/
	.standart-btn {
		text-align: center;
		width: 150px;
		height: 56px;
		border: solid 3px #3fa1cf;
		border-radius: 30px;
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}

	.standart-btn a,
	.standart-btn p{
		color: #3fa1cf !important;
		padding: 15px 24px;
		text-decoration: none;
		position: relative;
		text-transform: uppercase;
		font-size: 17px;
		font-family: 'Roboto', sans-serif;
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}

	.standart-btn:before{
		content: "";
		position: absolute;
		width: 150px;
		height: 56px;
		bottom: -3px;
		left: -3px;
		background-color: #3fa1cf;
		border-radius: 30px;
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}

	.standart-btn:hover:before{
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	.standart-btn a:hover,
	.standart-btn a:focus,
	.standart-btn p:hover,
	.standart-btn p:focus {
		color: #fff !important;
	}

	/*Navbar btn Text underline (amim)*/
	.navbar-default .nav .underanim a:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: 0;
		left: 0;
		background-color: #3fa1cf;
		visibility: hidden;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}

	/*Navbar btn Text underline (anim) by HOVER*/
	.navbar-default .nav li a:hover:before {
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	/*Navbar btn Text on HOVER*/
	.navbar-default .nav li a:hover,
	.navbar-default .nav li a:focus{
		color: #fff;
	}

	/*active Navbar btn Text on HOVER*/
	.navbar-default .nav .active a:hover,
	.navbar-default .nav .active a:focus{
		color: white;
		background-color: #ef7f55;
	}

	/*active Navbar btn Text*/
	.navbar-default .navbar-nav .active a{
		border-radius: 0;
		color: white;
		background-color: #ef7f55;
	}

	/*Navbar brand (LOGO)*/
	.navbar-default .navbar-brand img{
		width: auto;
		height: 60px;
		transition: all 0.3s ease 0s;
	}
	.navbar-brand{
		padding: 0 15px;
	}

	/*Navbar menu btn on Smart (phone)*/
	.navbar-default .navbar-toggle{
		background-color: #3fa1cf;
		border: none;
	}

	/*Navbar menu btn on Smart (phone) on HOVER*/
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{
		background-color: #3fa1cf;
	}

	/*Navbar Smart btn color*/
	.navbar-default .navbar-toggle .icon-bar{
		background-color: white;
	}

	/*Navbar bg color SMART*/
	.navbar-default{
		background-color: #222222;
		border: none;
		box-shadow: 0 0 2px #4e4e4e;
	}
/*mobile*/
	@media (max-width: 767px){
		.navbar-brand img{
			display: inline-block;
		}
	}

	@media (max-width: 991px){
		.navbar-brand img{
			display: none;
		}

		.navbar-default .nav li a{
			font-size: 13px;
		}
	}
/*large*/
	@media (min-width: 768px){
		/*Navbar main box large*/
		.navbar-default{
			-webkit-transition: padding 0.3;
			-moz-transition: padding 0.3;
			transition: padding 0.3;
			padding: 20px 0;
			transition: all 0.3s ease 0s;
		}

		/*Navbar main box by SCROLL*/
		.navbar-down{
			background-color: #222222 !important;
			padding: 10px 0 !important;
		}

		/*Navbar active btn Text by large*/
		.navbar-default .navbar-nav .active a{
			border-radius: 3px;
		}
	}

/*
 *
 *----> Header
 *
 */

	/*IMG in Header box*/
	.img-head{
		width: 100%;
		background: #f9f9f9;
	}

	.parallax{
		height: 750px;
		background: transparent;
		z-index: 0;
	}

	.parallax-sm{
		height: 350px;
		position: relative;
	}

	.parallax-title{
		position: absolute;
		top: 170px;
		width: 100%
	}

	.parallax-title2{
		position: absolute;
		top: 125px;
		width: 100%
	}

	.parallax-title h1{
		font-size: 60px;
		font-family: 'Lora', serif;
		color: #fff;
		letter-spacing: 3px;
	}

	.parallax-title2 h1{
		font-size: 60px;
		font-family: 'Roboto', sans-serif;
		color: #222222;
		letter-spacing: 3px;
	}

	/*Header Carousel*/

	.carousel-box{
		width:900px;
		position: absolute;
		left: 50%;
		margin-left: -450px;
		top: 200px;
		background-image: url("img/head-carusell-bg.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		height: 500px;
	}

	.carousel-txt{
		width: 66%;
	}

	.carousel-content p{
    color:white;
    display:flex;
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		font-weight: 300;
		line-height: 1.5;
		margin-bottom: 30px;
		margin-left: 20px;
	}

	.carousel-content h2{
		color: #222222;
		font-size: 37px;
		font-family: 'Lora', serif;
		margin-bottom: 40px;
		margin-left: 20px;
	}

	.btn-carousel{
		padding-top: 22px;
		border-radius: 0;
		color: white;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 25px;
		background-color: #3fa1cf;
		width: 350px;
		height: 80px;
		margin-left: 20px;
		margin-bottom: 20px;
		box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.6);
		transition: all 0.3s ease 0s;
	}

	.btn-carousel:hover,
	.btn-carousel:focus,
	.carousel-control:hover,
	.carousel-control:focus{
		color: white;
		background-color: #59b9e6;
	}

	#text-carousel {
  	width: 100%;
  	height: 500px;
  	padding: 45px;
	}

	.carousel-control{
		top: 360px;
		bottom: 60px;
		left: 65px;
		width: 80px;
		text-shadow: 0 0 0 transparent;
		opacity: 1;
		background-color: #3fa1cf;
		background-image: none !important;
		box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.6);
	}

	.carousel-control.right{
		left: 160px;
		right: auto;
	}

	.carousel-control span{
		font-size: 40px !important;
		margin-top: -20px !important;
	}

	.carousel-control.left span{
		margin-left: -16px !important;
	}

	.carousel-indicators{
		bottom: -10px;
	}

	.carousel-indicators li{
		width: 15px;
		height: 15px;
		margin: 1px 5px 1px 5px;
		border: 2px solid #3fa1cf;
	}

	.carousel-indicators .active{
		margin: 0px 5px 0px 5px;
		background-color: #3fa1cf;
		padding: 2px;
		background-clip: content-box;
		height: 17px;
		width: 17px;
	}

 /*
	*
	*Header Text box for responsives
	*
	*/



	/*---------------------------------------------------*/

@media (min-width: 992px){

} /* EMD OF MEDIA(MIN 992px)*/

	/*---------------------------------------------------*/

@media (max-width: 991px){
	.carousel-box{
		background-image: none;
		padding: 0 10px;
	}

}/* EMD OF MEDIA(MAX 992px)*/

/*---------------------------------------------------*/

@media (max-width: 767px){
	.carousel-box{
		background-image: none;
		padding: 0 10px;
		width: 100%;
		left: 0;
		right: 0;
		top: 20px;
		margin-left: 0;
	}

	#text-carousel{
		height: 600px;
	}

	.carousel-control{
		display: none;
	}

	.carousel-content h2{
		font-size: 35px;
	}

	.carousel-content p{
		font-size: 20px;
	}

	.btn-carousel{
		width: 100%;
		margin: 0;
		font-size: 20px;
		height: 60px;
		box-shadow: none;
	}

	.main-title p{
		font-size: 30px !important;
	}

}/* EMD OF MEDIA(MAX 768px)*/


/*
 *
 *----> Main-title
 *
 */

.main-title{
	text-align: center;
	margin-top: 30px;
}

.main-title p{
	font-size: 50px;
	color: #222222;
	font-family: 'Lora', serif;
	font-weight: 300;
}

.main-title p span{
	color: #3fa1cf;
}

/*
 *
 *----> section-1
 *
 */

	.section-1{
		padding: 30px 0;
		background-color: #e6e6e6;
		margin-top: 30px;
	}

	.txt-divider{
		background-color: #3fa1cf;
		height: 2px;
		width: 100px;
		margin: 30px auto 30px auto;
	}

	.service-heading{
		margin: 15px 0;
		text-transform: none;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 25px;
		color: #222222;
	}

	.text-muted{
		color: #616161;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 17px;
	}

	/*-- btn-section 1 --*/
	.section1-btn{
		padding-top: 10px;
		margin: 15px 0;
		background-color: transparent;
		border: 3px solid #3fa1cf;
		width: 150px;
		height: 50px;
		border-radius: 10px;
		color: #3fa1cf;
		font-family: 'Roboto', sans-serif;
		font-size: 17px;
		text-transform: uppercase;
		letter-spacing: 1px;
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}

	.section1-btn:hover,
	.section1-btn:focus{
		color: #fff;
		background-color: #3fa1cf;
	}

/*
 *
 *----> section-2
 *
 */

	.section-2{
		background-color: #fff;
		width: 100%;
		text-align: center;
		color: white;
		padding: 100px 0;
	}

	.divider-left{
		margin: 30px auto 30px 0;
	}

	.article-head h1{
		color: #222222;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 50px;
	}

	.article-title h1{
		color: #222222;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 30px;
	}

	.article-text p{
		font-size: 17px;
	}

	.article-img{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 250px;
		border-radius: 10px;
		border: 5px solid #e6e6e6;
	}

	.article-box{
		background-color: #e6e6e6;
		border-radius: 5px;
	}

	@media (max-width: 767px){
		.section-2{
			padding: 50px 0;
		}

		.kontakt-info h1{
			margin-top:50px !important;
		}

		.none{
			display: none;
		}
	}

	@media (max-width: 991px){
		.section-2{
			padding: 80px 0;
		}
	}

/*
 *
 *----> Kontakt
 *
 */

.kontakt-info{
	padding: 20px 10px 20px 10px;
}

.kontakt-info h1{
	color: #222222;
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.kontakt-info h2{
	color: #222222;
	font-size: 17px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 5px;
}

.kontakt-info h3{
	color: #222222;
	font-size: 17px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin-top: 5px;
	margin-bottom: 5px;
}

.kontakt-info table{
	width: 100%;
	margin-top: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.kontakt-info iframe{
	border: 2px solid #3fa1cf !important;
	border-radius: 10px;
}

/*Kontakt-form*/

.kontakt-form input,
.kontakt-form textarea{
	max-width: 100%;
	box-shadow: none;
	min-width: 100%;
	width: 100%;
	min-height: 46px;
	max-height: 350px;
	padding: 10px;
	border: 3px solid #cccccc;
	margin: 10px 0;
	border-radius: 8px;
	background-color: #f3f3f3;
	color: #222222;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
}

.kontakt-form textarea{
	height: 350px;
}

.kontakt-form input:focus,
.kontakt-form textarea:focus{
	outline: none;
	border-color: #3fa1cf;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/*
 *
 *----> impressum
 *
 */

.impressum a{
	color: #3fa1cf;
}

.article-text p{
	margin-top: 20px;
}

/*
 *
 *----> footer
 *
 */
footer{
	width: 100%;
	min-height: 400px;
	background-color: #222222;
	padding-top: 10px;
}

footer h1{
	color: #3fa1cf;
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

footer .footer-arbeitnehmer p,
footer .footer-kontakt p{
	color: #969696;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}

.footer-kontakt{
	margin: 15px;
	padding: 5px 0;
	border-bottom: 1px solid #2f2f2f;
}

.footer-arbeitnehmer{
	margin: 50px 15px 15px 15px;
	padding: 5px 0;
}

.footer-form{
	margin: 15px;
	padding: 5px 0;
}

footer input,
footer textarea{
	max-width: 100%;
	box-shadow: none;
	min-width: 100%;
	width: 100%;
	min-height: 46px;
	max-height: 92px;
	padding: 10px;
	border: 3px solid #303043;
	margin: 10px 0;
	border-radius: 12px;
	background-color: #b3b3b3;
	color: #222222;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
}

footer input:focus,
footer textarea:focus{
	outline: none;
	border-color: #3fa1cf;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.error_show{
	color: red;
	margin-left: 10px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
}

.error{
	display: none;
}

.success{
	color: lightgreen;
	margin-left: 10px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
}

footer .row{
	border-bottom: 1px solid #2f2f2f;
	margin-bottom: 10px;
}

footer .footer-btm{
	width: 100%;
	min-height: 50px;
	color: #969696;
}

footer a{
	font-size: 14px;
	line-height: 1.75;
	color: #616161;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

footer a:hover,
footer a:focus{
	color: #616161;
	text-decoration: none;
}

.valid{
	border-color: green !important;
}

.invalid{
	border-color: #ab0000 !important;
}



	@media (max-width: 991px){

	}