body {
				font-family: 'Open Sans', sans-serif;
				font-size:14px;
				line-height:26px;
		
			
			
			}


.gb-entry {
	border-bottom:1px solid #ddd;
	padding:20px 0px;
}

#impressum {
	position:relative;
	}

.alert {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1040;
    margin-bottom: 0px;
}

.action-buttons-container button {
	margin-left:20px;
}


.home {
background-size: 1250px;
}

#impressum .lg-close{

position: absolute;
    top: 30px;
    right: 30px;
    font-size: 24px;
	cursor:pointer;
}


@media (min-width: 768px) {
.lg-outer .lg-inner {
	left:400px;
	width:calc(100% - 400px);
	height: calc(100% - 100px);
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
	bottom:0px;
}

.lg-outer .lg-thumb-outer 	{
	left:400px;
	width:calc(100% - 400px);
	overflow: hidden;
	padding-left: 10px;
}


.lg-sub-html {
	position:absolute;
	top:0px;
	left:0px;
	    width: 400px;
	bottom:0px;
	background:#fff;
	color:#000;
	text-align:left;
	padding:0px;
}
.lg-toolbar {
    left: 400px;
    width: calc(100% - 400px);
}

.subhtml-header img {
height:50px;
}

.lg-sub-html h3 {
	padding:20px 25px;
}

.lg-sub-html h4 {
	padding:0px 25px;
	    font-size: 14px;
}

.lg-close:after   {
content: "\e070";

}



.lg-sub-html p {
	padding:15px 25px;
	font-size: 14px;
    line-height: 26px;
	color: #333;
}

.lg-actions .lg-prev {
    left: 420px;
}
}
@media (min-width: 768px) and (max-width: 991px) {

.lg-outer .lg-inner {
	left:250px;
	width:calc(100% - 250px);
	height: calc(100% - 100px);
}

.lg-outer .lg-thumb-outer 	{
	left:250px;
	width:calc(100% - 250px);

}


.lg-sub-html {
	
	    width: 250px;
	
}
.lg-toolbar {
   left: 250px;
    width: calc(100% - 250px);
}


.lg-actions .lg-prev {
    left: 270px;
}




}


@media (max-width: 767px) {
.subhtml-header,.lg-sub-html h3 {
		display:none;
	}
}
.subhtml-header {
	border-bottom:1px solid #e7e7e7; 
	padding:0px 15px 15px 15px;
}

.lg-sub-html h3 span {
	display: inline-block;
    line-height: 27px;
    margin-left: 10px;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #1d74b8;
    color: #1d74b8;
	font-weight:700;
	font-size:17px;
}

.r1 , .r3, .r2 {
	max-width:500px;
}

.ref {
	margin-top:30px;
	border: 1px solid #dddddd;
    padding: 20px 30px;
	border-radius:4px;
	background:#f3f3f3;
	}

.r1 , .r3 {
	float:right;
}

.r2  {
	float:left;
}

.navbar-brand {
	padding-top:0px;
	padding-left:15px;
	padding-bottom:15px;
	height:auto;
}

.navbar-brand img {
	height:50px;
}

.navbar-nav>li>a {
    padding-top: 23px;
    padding-bottom: 23px;
}

.navbar-right {
	margin-right:0px;
}
.navbar-default {
	background-color:rgba(255,255,255,1);
	transition:background-color 0.5s, padding 0.5s;
}

.navbar-toggle {
	margin-top:16px;
	margin-bottom:15px;
	margin-right:15px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #1d74b8;
}




			h1 {
				/*font-family: 'Passion One', cursive;*/
				font-weight: 400;
				text-align:center;
				text-transform:uppercase;
				font-size:36px;
				line-height:100%;
			}
			
			.kontakt {
				font-size:18px;
				line-height:27px;
			}

			.main-gradien {
				background: linear-gradient(135deg, rgba(121,178,225,1) 0%, rgba(29,117,184,1) 100%);
				color:#fff;
			}

			.kontakt a {
				color:#fff;
			}

			.outer {
				padding:100px 0px;
			}

			.outer h1 {
				margin-top:0px;
				margin-bottom:80px;

			}

			.footer {
				background:#000;
				color:#ccc;
				text-align:center;
				padding:30px;
			}

			.leistungen h2 {
				margin-bottom:20px;
				margin-top:80px;
			}

			.leistungen img {
			
				}

			.leistung {
				margin-bottom:100px;
			}

.leistung:last-child {
				margin-bottom:0px;
			}
			.leistungen-list {	
				margin-top:20px;
				padding-left:0px;
				list-style-type:none;
			}

			.leistungen-list li {
				width:calc(50% - 10px);
				float:left;
				border-bottom:1px solid #ddd;
				padding: 3px 0px;
				padding-left: 11px;
				position:relative;
			}

			.leistungen-list li:before {
				content:'•';
				position:absolute;
				left:0px;
				
				
			}

			.leistungen-list li:nth-of-type(1),
			.leistungen-list li:nth-of-type(2) {
				border-top:1px solid #ddd;
			}

			.leistungen-list li:nth-of-type(2n+1) {
				margin-right:20px;
			}

			.leistungen-list li span {
				position:relative;
				
			}

			.referenzen {
				background:#f3f3f3;
				color:#999999;
			}

			.qrcode {
				    margin: 0px auto;
    transform: translateX(20px);
    margin-top: -40px;
    /* margin-right: -20px; */
			}
			.carousel-indicators {
				display:none;
			}
			.btn-warning{
			   background-color: #286090;
			    border-color: #204d74;
				padding:15px 30px;
				font-size:18px;
				text-transform:uppercase;
			}

			.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover, .btn-warning.focus, .btn-warning:focus, .btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning,  .btn-warning:hover {
				background:#fff;
				color:#000;
				border:1px solid #000;
			}

			.btn-primary {
				background:#FFC107;
				color:#000;
				border:1px solid #C79911;
				padding:15px 30px;
				font-size:18px;
				text-transform:uppercase;
			}

			.btn-info {
				background:#fff;
				color:#000;
				border:1px solid #ddd;
				padding:15px 30px;
				font-size:18px;
				text-transform:uppercase;
			}

			.button-bar {
				margin-top:20px;
			}

			.kontakt .button-bar{
				margin-top:80px;
				text-align:center;
			}

			/* 07.2017 - Bild temporär deaktiviert */
			.home {
				min-height:100vh;
				position:relative;
				background:#ccc;
				/*background-image:url(/grafik/bgneu.jpg);*/
				/*background-image:url(/grafik/bgneu.png);*/
				background-repeat:no-repeat;
				background-repeat: no-repeat;
				background-color: #fff;
				background-position: bottom right;
				background-size:1000px;
			}
/*
.home {
    min-height: 100vh;
    position: relative;
    background: #ccc;
    background-image: url(/grafik/bgneu.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: bottom right;
    background-size: 600px;
}
*/
			.referenzen .button-bar {
				margin-top:50px;
				text-align:center;
			}

			.referenzen h3 {
				color:#000;
				MARGIN-TOP: 30px;
			}

			.home h1 {
				font-size:28px;
			}

			.home-box {
				position:absolute;
				transform:translateY(-50%);
				top:50%;
				left:100px;
				width:450px;
				background:rgba(255,255,255,0.8);
				padding:50px;
			}

			.initial {
				    padding: 60px 85px;
				background-color: rgba(255,255,255,0);
				border-bottom: none;
				position:absolute;
				
			}

			.carousel-inner .item img {
				max-height:150px;
				margin:0px auto;
				    max-height: 120px;
			}

			.carousel-control {
				/*display:none;*/
				}


			.carousel-indicators li {
				border:1px solid #fff;
			}

			.carousel-indicators li, .carousel-indicators .active {
				width:20px;
				height:20px;
				    margin: 0px 5px;
			}

			.carousel-inner .col-sm-9 {
				margin-top:25px;
			}

	#carousel-referenzen {
		margin-top:50px;
		}

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

			.form-horizontal {
				font-size:14px;
			}

.kontakt-form-container {
	max-height:99999px;
	overflow:hidden;
	transition:max-height 0.5s;
	margin-top:50px;
}

.kontakt-form-container-closed {
	max-height:0px;
	transition:max-height 0.5s;
	margin-top:0px;
}

.btn .glyphicon {
	position:relative;
	top:2px;
	margin-left:30px;
}
.right.carousel-control {
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(243,243,243,1) 100%);
color:#1d74b8;
}

.left.carousel-control{
background-image: linear-gradient(to left,rgba(0,0,0,.0001) 0,rgba(243,243,243,1) 100%);
color:#1d74b8;
}

@media (max-width: 1199px) {
		.home {
background-size: 700px;
}
}

@media (max-width: 991px) {

	.action-buttons-container button, .action-buttons-container a {
		margin-left:0px;
		display:block;
		width:100%;
		margin-top:15px;
	}

	.initial {
	 padding: 20px 25px;
	}

	.home {
background-size: 780px;
}


.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right: 20px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	left: 20px;
}

.referenzen h3 {
    MARGIN-TOP: 20px;
}

.leistungen-list li {
				width:auto;
				float:none;
				}
}
			@media (max-width: 767px) {





			.leistungen-list li:nth-of-type(2) {
				border-top:none;
			}

			.leistungen-list li:nth-of-type(2n+1) {
				margin-right:0px;
			}

.r1, .r3, .r2 {
	max-width:100%;
	float:none;
	margin:0px auto;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	top:26px;
}

.right.carousel-control {
background-image: none;
}

.left.carousel-control{
background-image: none;
}

.home-box {
	    text-align: center;
    position: absolute;
    transform: none;
    bottom: auto;
    left: 0px;
	width:auto;   
    right: 0px;
	top:100px;
    background: rgba(255,255,255,0.8);
    padding: 30px;
	overflow:hidden;
}


.home h1 {
    font-size: 20px;
	margin-bottom: 20px;
}

.home {
	background-size:80% auto;
	background-position:center bottom;
}

			.outer {
    padding: 100px 15px;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height:350px;
	background:#fff;
}

			.initial {

				padding: 0px;
				background-color: rgba(255,255,255,1);
				border-bottom: 1xp solid #e7e7e7;
				position:fixed;
				
			}


			.leistungen h2 {
		text-align:center;
			}
				.leistungen .button-bar {
					text-align:center;
				}

.kontakt {
	text-align:center;
	}

.qrcode {
	transform:none;
	margin-top:50px;
	
}

.referenzen a, .leistungen button, .kontakt button {
	width:100%;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
}
.leistungen h2 {   
    margin-top: 50px !important;
}

				}

@media (max-width: 330px)  {
.outer {
    padding: 100px 0px;
}
.home-box{
    padding: 15px;
	top:60px;
}

.home {
    background-size: 80% auto;
	background-position:center bottom;
}

}