/*!
 * Start Bootstrap - Agency v4.1.1 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */
 
 body{overflow-x:hidden;font-family:'Roboto Slab','Helvetica Neue',Helvetica,Arial,sans-serif}
 
/*portfolio-unterüberschrift*/
 p{
	 line-height:1.75;
	
	 }
	 
 a{
	color: #91CB38
}
 
 a:hover{
	color: #666666
}
 
 
 
 .text-primary{
	 color:#fed136!important
	 
	 		 }
			 
			 
			 
		 
		 
	h1,h2,h3,h4,h5,h6,h7{
		font-weight:700;
		font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif
		}
		
		
		h7{
	text-align: center;
	font-style: normal;
		}
		
		h8{
	text-align: left;
		}
		
		section{
	padding: 100px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}section h2.section-heading{font-size:40px;margin-top:0;margin-bottom:15px}section h3.section-subheading{font-size:16px;font-weight:400;font-style:italic;margin-bottom:75px;text-transform:none;font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif}@media (min-width:768px){section{padding:150px 0}}
 
 .btn{
	 font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
 font-weight:700}
 
 .btn-xl{
	 font-size:18px;
 padding:20px 40px}
 
 .btn-primary{
	 background-color:#91CB38;
	 border:hidden;
	 border-bottom-style:none;

 }
 .btn-primary:active,
 .btn-primary:focus,
 .btn-primary:hover{
	 background-color:#91CB38;
	 color:#CCC;
	 border-bottom-style:none;
 }
 
 .btn-primary:active,
 .btn-primary:focus{
	 }::-moz-selection{
		 background-color:#C00;
		 
		 }
 ::selection{
	 background-color:#CCC;	 
	 
	 }
  img::selection{
	  background-color:#999;
	  }
	  
	  img::-moz-selection{}
 
 
 
 
 #mainNav{
	 background-color:#212529
 }
 
 
 #mainNav .navbar-toggler{
	font-size: 12px;
	right: 0;
	padding: 13px;
	text-transform: uppercase;
	color: #fff;
	border: 0;
	background-color:#91CB38;
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight:bold;

}	
	
	/* kA */
#mainNav .navbar-brand{
	color:#fed136;
	font-family:'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive}
	
	
	#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fec503}#mainNav .navbar-nav .nav-item 

.nav-link{
	font-size:90%;
	font-weight:bold;
	padding:.75em 0;
	letter-spacing:1px;
	color:#fff;
	font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}
	
	#mainNav 

.navbar-nav .nav-item 

.nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover{
	color:#91CB38;
	}

@media (min-width:992px){#mainNav{padding-top:25px;padding-bottom:25px;-webkit-transition:padding-top .3s,padding-bottom .3s;-moz-transition:padding-top .3s,padding-bottom .3s;transition:padding-top .3s,padding-bottom .3s;border:none;background-color:transparent}#mainNav .navbar-brand{font-size:1.75em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}#mainNav .navbar-nav .nav-item .nav-link{padding:1.1em 1em!important}#mainNav.navbar-shrink{padding-top:0;padding-bottom:0;background-color:#212529}#mainNav.navbar-shrink .navbar-brand{font-size:1.25em;padding:12px 0}}header.masthead{
	text-align: center;
	color: #fff;
	background-image: url(../img/header-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}header.masthead .intro-text{
	padding-top: 150px;
	padding-bottom: 100px;
}header.masthead .intro-text .intro-lead-in{
	font-size: 22px;
	font-style: italic;
	line-height: 22px;
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-bottom: 25px;
}header.masthead .intro-text .intro-heading{
	font-size: 50px;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 0px;
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif
}@media (min-width:768px){header.masthead .intro-text{
	padding-top: 120px;
	padding-bottom: 400px
}header.masthead .intro-text .intro-lead-in{font-size:40px;font-style:italic;line-height:40px;margin-bottom:25px;font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif}header.masthead .intro-text .intro-heading{font-size:75px;font-weight:700;line-height:75px;margin-bottom:50px;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}}.service-heading{margin:15px 0;text-transform:none}

#portfolio .portfolio-item{
	right:0;margin:0 0 15px}
	
	
	#portfolio 
	.portfolio-item 
	.portfolio-link{
		position:relative;
		display:block;
		max-width:400px;
		color:#91CB38;
		font-size:12;
		margin:0 auto;cursor:pointer}
	
	
	/* Achtung! Portfolio-Hoover! */	
		#portfolio 
		.portfolio-item 
		.portfolio-link 
		.portfolio-hover{
			position:absolute;
			width:100%;
			height:100%;
			-webkit-transition:all ease .4s;
			-moz-transition:all ease .4s;
			transition:all ease .4s;
			opacity:0;
			background:#91CB38;
			}
			
			#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}#portfolio .portfolio-item .portfolio-link .portfolio-hover 

/* kA */
.portfolio-hover-content{
	font-size:20px;
	position:absolute;
	top:50%;
	width:100%;
	height:20px;
	margin-top:-12px;
	text-align:center;
	color:#fff} 
	
	
	#portfolio 
	.portfolio-item 
	.portfolio-link 
	.portfolio-hover 
	.portfolio-hover-content i{
		margin-top:-12px}
		
	#portfolio 
	.portfolio-item 
	.portfolio-link 
	.portfolio-hover 
	.portfolio-hover-content h3,
		
	#portfolio 
	.portfolio-item 
	.portfolio-link 
	.portfolio-hover 
	.portfolio-hover-content h4{
		margin:0}
			
	#portfolio 
	.portfolio-item 
	.portfolio-caption{
		max-width:400px;
		margin:0 auto;
		padding:25px;
		text-align:center;
		background-color:#fff}
		
		#portfolio 
		.portfolio-item 
		.portfolio-caption h4{
			margin:0;text-transform:none}
			
			#portfolio .portfolio-item 
		.portfolio-caption p{font-size:16px;font-style:italic;margin:0;font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif}#portfolio *{z-index:2}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.portfolio-modal{padding-right:0!important}.portfolio-modal .modal-dialog{margin:1rem;max-width:100vw}
			
	.portfolio-modal .modal-content{
	padding: 100px 0;
	text-align: center
}

.portfolio-modal .modal-content h2{font-size:3em;margin-bottom:15px}.portfolio-modal .modal-content p{margin-bottom:30px}.portfolio-modal .modal-content p.item-intro{font-size:16px;font-style:italic;margin:20px 0 30px;font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif}.portfolio-modal .modal-content ul.list-inline{margin-top:0;margin-bottom:30px}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .modal-content button{cursor:pointer}

.portfolio-modal 
.close-modal{
	position:absolute;
	top:25px;
	right:25px;
	width:75px;
	height:75px;
	cursor:pointer;
	background-color:transparent}
	
	
	.portfolio-modal 
	.close-modal:hover{opacity:50}
	
	.portfolio-modal 
	.close-modal 
	.lr{z-index:1051;width:1px;height:75px;margin-left:35px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);
	background-color:#212529}
	
	
	.portfolio-modal .close-modal .lr .rl{
		z-index:1052;
		width:1px;
		height:75px;
		-webkit-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		transform:rotate(90deg);
		background-color:#212529}


.timeline{position:relative;padding:0;list-style:none}


.timeline:before{position:absolute;top:0;bottom:0;left:40px;width:0px;margin-left:-1.5px;content:'';
background-color:#e9ecef}


.timeline>li{
position:relative;min-height:50px;margin-bottom:50px}

.timeline>li:after,
.timeline>li:before{
	display:table;content:' '}
	
	.timeline>li:after{clear:both}.timeline>li 

.timeline-panel{position:relative;float:right;width:100%;padding:0 20px 0 100px;text-align:left}.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li 

.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li 

.timeline-image{position:absolute;z-index:100;left:0;width:80px;height:80px;margin-left:0;text-align:center;color:#fff;border:7px solid #e9ecef;border-radius:100%;background-color:#fed136}.timeline>li .timeline-image h4{font-size:10px;line-height:14px;margin-top:12px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 100px;text-align:left}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading h4{margin-top:0;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width:768px){.timeline:before{left:50%}.timeline>li{min-height:100px;margin-bottom:100px}.timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}.timeline>li .timeline-image h4{font-size:13px;line-height:18px;margin-top:16px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}}@media (min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image h4{font-size:18px;line-height:26px;margin-top:30px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width:1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}.timeline>li .timeline-image h4{margin-top:40px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}

.team-member{
	margin-bottom: 30px;
	text-align: center
}

.team-member img{width:225px;height:225px;border:7px solid #fff}
.team-icon {
	width:30px;height:30px;
	alignment-adjust:central;
	
	margin-top:0px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:0px;
	}



.team-member h4{
	margin-top:25px;
	margin-bottom:0;
	text-transform:none}
	
	
/*Titel*/
	.team-member p{
		text-align:center;
		margin-top:0}section#contact{background-color:#212529;
		background-image:url(../img/map-image.png);
		background-repeat:no-repeat;background-position:center}
		
		
		
		section#contact .section-heading{color:#fff}section#contact .form-group{margin-bottom:25px}section#contact .form-group input,section#contact .form-group textarea{padding:20px}section#contact .form-group input.form-control{height:auto}section#contact .form-group textarea.form-control{height:248px}section#contact .form-control:focus{
	box-shadow: none
}section#contact ::-webkit-input-placeholder{font-weight:700;color:#ced4da;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}section#contact :-moz-placeholder{font-weight:700;color:#ced4da;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}section#contact ::-moz-placeholder{font-weight:700;color:#ced4da;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}section#contact :-ms-input-placeholder{font-weight:700;color:#ced4da;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}footer{padding:25px 0;text-align:center}footer span.copyright{font-size:90%;line-height:40px;text-transform:none;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}footer ul.quicklinks{font-size:90%;line-height:40px;margin-bottom:0;text-transform:none;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}ul.social-buttons{margin-bottom:0}ul.social-buttons li a{
	font-size: 20px;
	line-height: 40px;
	display: block;
	width: 40px;
	height: 40px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	color: #fff;
	border-radius: 100%;
	outline: 0;
	background-color: #999999
}ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#fed136}
