@charset "UTF-8";
/* CSS Document */

body{
	font-family:"futura-pt",sans-serif;
	font-size:16px;
	font-weight:400;
	color:#7f8c8d;
	letter-spacing:1px
}

p {
	font-size:16px;
	line-height:24px
}

h1, h2, h3, h4, h5, h6 {
	color:#34495e;
	text-transform:uppercase;
	font-family:"futura-pt", sans-serif;
	font-weight:700
}

a {
	text-decoration:none;
	color:#3498db
}

a:hover; a:active {
	color:#2980b9
}

.btn-default{
	border-radius: 2px;
	border: 1px solid #bdc3c7;
	font-size: 14px;
	color: #95a5a6;
	font-weight: 700;
	text-transform: uppercase;
	padding: 11px 20px;
}
.btn-default:hover{
	background: #fff;
	color: #3498db;
	border: 1px solid #3498db;
}
.btn:active{
	box-shadow: none;
}

/*Ende Allgemeine Styles*/

/*Logo*/

.navbar-brand {
	width:180px;
	height:35px;
	padding:0;
	margin:0;
	background:url(img/logo.png) no-repeat;
	text-indent: -99999px
}

/*Ende*/

/*Navigation*/

.navbar-inverse {
	background:none;
	border: none;
	padding:0 0 30px 0
}

.navbar-inverse .navbar-nav>li>a{
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
	color:#34495e;
	padding:11px 0;
	text-align:center
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	color:#FFFFFF
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	color:#FFF;
	background:none;
	outline:0;
}

.navbar-toggle{
	border:none;
	margin-top:0;
	margin-right:0;
	width:32px;
	height:32px;
	text-align:center;
	
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background:none;
	outline: none
}

.navbar-inverse .navbar-collapse {
	border:none;
	background:rgba(251,250,250,0.05);
	border-radius:2px;
	box-shadow:none
}

/*Ende*/

/*Banner*/

.jumbotron{
	background:#3498db;
	max-height:800px;
	padding:30px 0 60px 0;
	margin:0
}

.jumbotron h1 {
	color:#34495E;
	font-size:28px;
	line-height:42px;
	padding:0 10px 7px 10px
}

.jumbotron h1 span {
	color:rgba(255, 255, 255,.6)
}

.jumbotron h3 {
	font-size:18px;
	text-transform:none;
	font-weight:500;
	margin-bottom:60px
}

.jumbotron .btn-primary {
	border-radius:2px;
	border:1px solid #FFFFFF;
	background:rgba(255,255,255,.05);
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:16px;
	padding:13px 25px	
}

.jumbotron .btn-primary:hover {
	background:rgba(255,255,255,.1)
}

/*Ende Banner*/

/*Fachgebiete*/

/*nav-onepage*/
.nav-onepage ul {
	list-style:none;
	padding-left:0;
	margin: 60px 0 120px 0
}

.nav-onepage li {
	display:inline-block;
	margin-right:40px
}

.nav-onepage li.active {
	border-bottom: 2px solid #d35400
}

.nav-onepage li:last-child {
	margin-right:0
}

.nav-onepage a {
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	color:#34495e
}

.nav-onepage a:hover, .nav-onepage a:focus {
	text-decoration:none;
	color:#3498db
}

/*Ende nav-onepage*/

/*heading*/
.heading {
	padding:60px 0
}

.heading h1 {
	margin-bottom:60px;
	background:url(img/heading.png) no-repeat;
	background-position:center bottom;
	padding:0 0 10px 0
}
/*Ende heading*/

#fachgebiete {
	padding:0 0 60px 0
}

.carousel-indicators {
	position:absolute;
	bottom: 100%;
	margin-bottom:0;
	left:0;
	z-index:30;
	width:100%;
	padding-left:0;
	margin-left:0;
	text-align:center;
	list-style:none
}

.carousel-indicators li {
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 0 0 -6px;
	text-indent:0;
	cursor:pointer;
	border:1px solid #7f8c8d;
	border-radius:0;
	color:#7f8c8d;
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	padding:11px 10px
}

.carousel-indicators li:first-child {
	-webkit-border-top-left-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-bottomleft:2px;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px
}

.carousel-indicators li:last-child {
	-webkit-border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomright:2px;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px
}

.carousel-indicators .active {
	width:auto;
	height:auto;
	margin:0 0 0 -6px;
	border:1px solid #3498db;
	color:#3498db;
	background:transparent;
	position:relative;
	z-index:10
}

#carousel-fachgebiete .item {
	padding-top:60px
}

#carousel-fachgebiete .item img {
	margin-bottom:60px
}

#carousel-fachgebiete .item h4 {
	margin-bottom:30px
}

#carousel-fachgebiete .item p {
	padding:0 30px
}
/*Ende Fachgebiete*/

/*Profil*/

#profil {
	background:#bdc3c7;
	border-top:1px solid #3498db
}

#profil img {
	max-width:50%
}

.profil-heading  h3{
	margin-top:30px
}

#profil article {
	padding-bottom:30px
}

.rechts h4 {
	padding-top:10px
}

/*Ende Profil*/

/*Referenzen*/

#referenzen {
	padding:0 0 60px 0;
	border-top:1px solid #3498db
}

/*Kontaktinfo*/

#kontaktinfo {
	padding: 60px 60px;
	background:#3498db
}

.icon-sprite {
	width:64px;
	height:64px;
	display:inline-block;
	background:url(img/sprite.png) no-repeat;
	background-position:left top;
	margin-bottom:20px
}

.icon-sprite.icon-loc {
	background-position:left top
}

.icon-sprite.icon-mail {
	background-position:-65px top
}

.icon-sprite.icon-ph {
	background-position:-131px top
}

.icon-sprite.icon-ser {
	background-position:-196px top
}



#kontaktinfo a, #kontaktinfo p {
	color:#FFFFFF
}

#kontaktinfo h5 {
	margin:10px 0
}

.mail, .phone, .service {
	margin-top:60px
}



/*Ende Kontaktinfo*/

/*Footer*/
.social-sprite {
	width:32px;
	height:32px;
	display:inline-block;
	background:url(img/sprite.png) no-repeat;
	background-position:left -64px;
	margin-right:20px
}



.social-sprite.sprite-fb {
	background-position:left -64px
}

.social-sprite.sprite-tw {
	background-position:-32px -64px
}

.social-sprite.sprite-xi {
	background-position:-64px -64px
}

.social-icons a {
	margin-right:20px
}

.social-icons a:last-child {
	margin-right:0
}

footer {
	padding:20px 0
}

.impressum {
	margin:20px 0
}

.impressum a {
	font-weight:500;
	text-transform:uppercase;
}

.copyright small {
	font-size:65%
}

/*Ende Footer*/

/*IMPRESSUM/SERVICE/Datenschutz*/
#impressum .jumbotron, #service .jumbotron, #datenschutz .jumbotron {
	padding:30px 0 0 0
}

#impressum .navbar-inverse, #service .navbar-inverse, #datenschutz .navbar-inverse {
	padding:0
}

#service-text, #impressum-text, #datenschutz-text{
	padding-bottom:60px
}
#service-text h1, #impressum-text h1, #datenschutz-text h1{
	margin-bottom:0
}

#datenschutz-text h1 {
	font-size:23px
}

#impressum-text .ds {
	margin-top: 60px
}



@media screen and (-webkit-min-device-pixel-ratio:1.5), (min-resolution: 144dpi) {
	.navbar-brand {background:url(img/logo-2x.png) no-repeat; background-size:180px 35px}
	.icon-sprite, .social-sprite {background:url(img/sprite-2x.png) no-repeat; background-size:261px 96px}
	
	
}
/*Responsive*/



@media(min-width:768px){
	.navbar-inverse {padding-bottom:60px}
	.navbar-inverse .navbar-collapse {background:none}
	.navbar-inverse .navbar-nav {float:right}
	.navbar-inverse .navbar-nav>li {margin-left:30px}
	.navbar-inverse .navbar-nav>li>a {font-size:16px; padding:16px 0 0 0}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {border-bottom:2px solid #d35400; padding-bottom:2px}
	.jumbotron h1 {font-size:32px; margin-bottom:30px}
	.jumbotron h3 {margin-top:0; font-size:22px}
	#carousel-fachgebiete .carousel-indicators li {padding:11px 20px}
	#carousel-fachgebiete .item img {display:inline-block !important}
	#profil img {max-width:100%}
	.profil-heading h3 {margin-top:0}
	.copyright small {font-size:59%}
	.impressum {margin:40px 0}
	#datenschutz-text h1 {font-size:36px}
}

@media(min-width:992px){
	.navbar-inverse .navbar-nav>li {margin-left:40px}
	.jumbotron {background:#3498db url(img/banner-bg.png) no-repeat; background-size:cover}
	.jumbotron h1 {font-size:38px; line-height:48px; margin-bottom:50px}
	.jumbotron h3 {font-size:24px}
	#carousel-fachgebiete .carousel-indicators {text-align:right}
	#carousel-fachgebiete .item img {margin-bottom:0}
	#carousel-fachgebiete .item h4 {text-align:left}
	#carousel-fachgebiete .item p {text-align:left; padding:0}
	
	
	.heading h1 {text-align:left; background-position:left bottom}
	#kontaktinfo h5 {margin:20px 0 30px 0}
	address {margin:0}
	#kontaktinfo p {margin:0}
	.mail, .phone, .service {margin:0}
	.copyright {text-align:left}
	.impressum {margin:0}
	.social-icons {text-align:right; padding:0}
}

@media(min-width:1200px){
	.navbar-brand {width:302px; height:59px; background:url(img/logo-gross.png) no-repeat}
	.navbar {margin-bottom:0}
	.navbar-inverse .navbar-nav>li>a {font-size:20px; padding-top:37px}
	.jumbotron h1 {font-size:48px; line-height:56px; padding-top:140px}
	.jumbotron h3 {margin-bottom:120px; font-size:32px}
	.jumbotron .btn-primary {margin-bottom:45px}
	#carousel-fachgebiete .carousel-indicators {margin-bottom:22px}
	#fachgebiete, #profil, #referenzen, #service-text, #impressum-text {padding-bottom:120px}
	#kontaktinfo {padding:120px 0}
	footer {padding:40px 0}
	.copyright small {font-size:78%}
	#impressum .navbar-inverse, #service .navbar-inverse, #datenschutz .navbar-inverse {padding:0 0 30px 0}
	#impressum .heading, #service .heading, #datenschutz .heading {margin-left: 15px}
	#impressum-text h1, #service-text h1, #datenschutz-text h1 {margin-bottom:0}
	
	@media screen and (-webkit-min-device-pixel-ratio:1.5), (min-resolution: 144dpi){
	.navbar-brand { background:url(img/logo-gross-2x.png) no-repeat;background-size:302px 59px}
	}
}