body {
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
}

a{
	color:#fff;
}

a:hover{
	text-decoration:none;
}

p{
	line-height:24px;
	font-size: 16px;
	color:#2c373b;
}

ul{
	list-style:none;
	padding-left:0px;
	margin-bottom:0px;
}

.img-responsive{
	display:inline;
}

/**  Navigation  **/
.dropdown-menu > li > a {
	padding:15px 20px;
}

.navigation .navbar{
	background:#363636;
	color:#fff;
}

.navigation .navbar-default .navbar-nav > li > a {
	padding-top:20px;
	padding-bottom:20px;
	color:#fff !important;
	font-family: 'Open Sans', sans-serif;
}

.navigation .navbar-default .navbar-nav > .open > a, .navbar-3 .navbar-default .navbar-nav > .open > a:hover, .navigation .navbar-default .navbar-nav > .open > a:focus {
    background-color: #20b5e3;
    color: #fff !important;
}

.navigation .dropdown-menu > li > a{
	font-family: 'Open Sans', sans-serif;
}


.navbar{
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	font-weight:light;
	border:none;
	border-radius:0px;
	background-color: rgba(255,255,255,.8);
	box-shadow: 3px 4px 25px 0px rgba(0, 0, 0, 0.15);
	z-index:2;
}

.navbar-default .navbar-nav > li > a {
	color:#363636 !important;
	padding-top: 35px;
    padding-bottom: 35px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background:#fff;
	box-shadow: 3px 4px 25px 0px rgba(0, 0, 0, 0.15);
}


/**  Top-Bar  **/
.top-bar{
	background:#fff;
	padding:14px 0px 14px 0px;
	box-shadow: 2px 3px 15px 0px rgba(0, 0, 0, 0.15);
	position:relative;
	z-index:3;
}

.top-bar .left {
	font-size:14px;
	color:#545454;
	font-weight:600;
}

.top-bar .left i{
	padding-right:5px;
}

.top-bar .left .gap{
	padding-left:40px;
}

.top-bar .right .top-socials li{
	float:left;
	padding-left:26px;
}

.top-bar .right .top-socials li a{
	color:#545454;
}





/**  Willkommen Sektion  **/
.welcome{
	background:url(../images/bg.jpg) no-repeat;
	background-size:cover;
	padding-top:140px;
	padding-bottom:250px;
	text-align:right;
}

.welcome .left-text{
	font-size:70px;
	font-weight:900;
	color:#3c313b;
	line-height:1;
}

.welcome .left-text .r-color{
	color:#990000;
}

.welcome p{
	color:#3c313b;
	font-weight:600;
	font-size:15px;
}

.welcome .title{
	width:174px;
	height:70px;
	display:inline-block;
	background:#990000;
	font-size:32px;
	font-weight:900;
	color:#fff;
	text-align:center;
	line-height:2.1;
	margin-top:30px;
}

.welcome .subtitle{
	font-size:14px;
	font-weight:900;
	color:#2c373b;
}


/**  Start Sektion  **/
.start{
	padding-top:60px;
	padding-bottom:60px;
}

.start .bottom h3{
	font-weight:bold;
	font-size:32px;
	color: #990000;
}

/**  Video Sektion  **/
.video-content{
	background:#e3e3e3;
	padding-top:60px;
	padding-bottom:60px;
}

.video-content .bottom{
	padding-top:20px;
}

.video-content .bottom h3{
	font-weight:bold;
	font-size:32px;
	color: #990000;
}


/**  Dienste Sektion  **/
.dienste{
	text-align:center;
	background:#fff;
	padding-top:60px;
	padding-bottom:20px;
}

.dienste .dienste-box{
	padding-bottom:40px;
}

.dienste .dienste-box i{
	width:90px;
	height:90px;
	display:inline-block;
	border-radius:100%;
	background:#d4d4d4;	
	padding-top: 33px;
}

.dienste .dienste-box:hover i{
	background:#363636;
	color:#fff;
	transition:.3s;
}

.dienste .dienste-box h2{
	font-weight:700;
	color: #990000;
}

.dienste .dienste-box p{
	padding-top:10px;
}



/**  Bilder Sektion  **/
.bilder{
	padding-bottom:60px;
}


/**  Info Sektion  **/
.info{
	text-align:left;
	background:#e3e3e3;
	padding-top:60px;
	padding-bottom:20px;
}

.info .heading{
	text-align:center;
	padding-bottom:60px;
}

.info .heading h2{
	margin:0px;
	font-weight:700;
}

.info .service-box{
	padding-bottom:60px;
}

/**  Partner Sektion  **/
.partner{
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
}

/**  BigBox Sektion  **/
.bigbox{
	background:#e3e3e3;	
	padding-top:30px;
	padding-bottom:40px;
	text-align:center;
}


/**  About Sektion  **/
.about{
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
	background-size:cover;
}

.about .heading{
	text-align:center;
	padding-bottom:60px;
}

.about .heading h2{
	margin:0px;
	font-weight:700;
	padding-bottom:10px;
	color:#363636;
}

.about .heading p{
	color:#363636;
}

.about .mem .media-object{
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.45);
}

.about .mem1 .media-body {
	text-align:left;
	padding-left:20px;
	padding-top:40px;
}

.about .mem1 .media-heading {
	font-weight:bold;
}

.about .mem2 .media-body {
	text-align:right;
	padding-right:20px;
	padding-top:40px;
}

.about .mem .media-body .p1{
	font-style:italic;
}

.about .mem .media-body .socials{
	padding-top:10px;
}

.about .mem1 .media-body .socials li{
	float:left;
	padding-right:10px;
}

.about .mem1 .media-body .socials li a{
	color:#363636;
	transition:.3s;
}

.about .mem1 .media-body .socials li a:hover{
	color:#159eef;
	transition:.3s;
}

.about .mem2 .media-body .socials li{
	float:right;
	padding-left:10px;
}

.about .mem2 .media-body .socials li a{
	color:#363636;
	transition:.3s;
}

.about .mem2 .media-body .socials li a:hover{
	color:#159eef;
	transition:.3s;
}


/**  Portfolio Sektion  **/
.portfolio-start{
	padding-top:20px;
	padding-bottom:30px;
}

.portfolio-start .bottom h3{
	font-weight:bold;
	font-size:32px;
	color: #990000;
}


/**  Footer  **/
.footer{
	background:#363636;
	color:#fff;
	padding-top:60px;
	padding-bottom:40px;
	text-align:center;
}

.footer h3{
	margin:0px;
	padding-bottom:20px;
}

.footer p{
	color:#fff;
}

.footer .f-socials{
	display:inline-block;
	padding-top:60px;
}

.footer .f-socials li{
	float:left;
	padding-left:10px;
	padding-right:10px;
}

.footer .f-socials li a{
	padding-top: 6px;
	width:40px;
	height:40px;
	border-radius:100%;
	display:inline-block;
	background:#fff;
	color:#363636;
	line-height:3;
	transition:.3s;
}

.footer .f-socials li a:hover{
	background:#990000;
	color:#fff;
	transition:.3s;
}

.footer .posts{
	line-height:24px;
}

.footer .posts li{
	padding-top:5px;
}

.footer .posts li a:hover{
	color:#fff;
}


/**  Bottom-Bar  **/
.bottom-bar{
	background:#990000;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}


/**  Back to Top  **/
.scrollToTop{		
	text-align:center; 	
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:90%;
	right:40px;
	display:none;	
}
.scrollToTop:hover{
	text-decoration:none;
}


/*    MEDIA QUERIES    */

@media (max-width: 991px) {	
	.footer .col-md-4{clear:both;padding-top:20px;}
	.footer .f-socials{padding-top:30px;padding-bottom:30px;}
	.mem{padding-top:30px;}
}


@media (max-width: 480px) {	
	.welcome .left-text{font-size:45px;}	
}