/* ubuntu-300 - latin */
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  /* ubuntu-300italic - latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/ubuntu-v20-latin-300italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-v20-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  /* ubuntu-regular - latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  /* ubuntu-italic - latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/ubuntu-v20-latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-v20-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  /* ubuntu-500 - latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  /* ubuntu-500italic - latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/ubuntu-v20-latin-500italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-v20-latin-500italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  /* ubuntu-700 - latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  /* ubuntu-700italic - latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/ubuntu-v20-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-v20-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }



body {
	background-color: #E1E1E1;
	padding: 0px;
	color:#000;
	font-family:"Ubuntu", sans-serif;
	font-style: normal;
	}
.container {
	padding:0px;
	margin-bottom: 680px;
	}	
#content {
	background-color:#FFF;
	box-shadow: 0px 0px 5px 0px #CCC;
	}
#navigation {
	position:fixed;
	top:0;
	width: 100%;
	height: 120px;
	background-color:#FFF;
	z-index:8888;
	border-bottom:1px solid #E1E1E1;
	}	
.content {
	margin-top:120px;
	}	
.jumbotron {
	padding:0px !important;
	float:left;
	text-align:left;
	margin-bottom:40px !important;
	}	
	.jumbotron >img {
		float:left;
		}
/* Schrift */	
.nav-pills >li >a, .nav-pills >li >a:active, .nav-pills >li >a:focus, .nav-pills >li >a:visited{
	color: #fff;
	background-color: #168dc8;
	}
	.nav-pills >li >a:hover{
	color: #fff;
	background-color: #9dc41e;
	}
.nav-pills>li.active>a{
	color: #fff;
	background-color: #168dc8;
	}
	.balken {
		background-color:#FFF;
		height:auto;
		float:left;
		box-shadow: 4px 1px 10px #5B5B5B;
		-webkit-box-shadow: 4px 1px 10px #5B5B5B;
		-moz-box-shadow: 4px 1px 10px #5B5B5B;
		-o-box-shadow: 4px 1px 10px #5B5B5B;
		}
		.font-blau {
			color:#168dc8;
			}
		.font-weiss {
			color:#FFF;
			}	
			.einzug {
				margin-left:15px;
				}
			h1 {
				margin:0px;
				}	
/* Section Zitat */
.zitat >img {
	float:right;
	margin-top: -85px;
	margin-right: 7%;
	}	
/* Section Profil */
#galerie {
	background-color:#168dc8;
	height:auto;
	width:100%;
	margin-top: 40px;
	}
/* Section Leistungen */
#leistungen {
	height:auto;
	width:100%;
	padding: 0px 30px 50px 75px;
	}						
ul.liste {
	padding-left: 15px;
	margin:0px;
	}
ul.liste >li {
	margin-bottom:10px;
	}	
.font-abstand {
	line-height:1.4 !important;
	}	
.rechts {
	float:right;
	}	
.row {
	margin-bottom: 0px;
	}	
/* Bildergalerie */
#image_wrap {
	overflow:hidden;
	float:left;
	border-radius:0px 8px 8px 0px ;
	margin-top:30px;
	}	
/* Footer Kontakt */
#kontakt {
	background-color:#9dc41e;
	height:auto;
	padding: 30px 30px 50px 75px;
	}	
a {
	color:#000;
	cursor:pointer;
	}
a:hover {
	color:#FFF;
	text-decoration:none;
	}		
a.link {
	float:right;
	color:#000;
	margin-left:20px;
	margin-right:15px;
	cursor:pointer;
	}
a.link:hover {
	text-decoration:none;
	color:#FFF;
	}		
.abstand {
	margin-bottom: 30px;
	}		
/* Fancybox */	
.fancybox-skin {
	padding:40px !important;
	color:#000;
	}
.fancybox-inner {
	height:auto !important;
	}
.fancybox-inner >div >p {
	max-width:550px;
}
.fancybox-wrap {
	max-width:750px;
	z-index:99999 !important;
	}
.fancybox-overlay {
	z-index:9999 !important;
	}		
@media screen and (min-width: 1200px) {	
.col-lg-9 {
	width:69% !important;
	}
html body #navigation {
	max-width:900px;
}
.header img {
	  margin-left: -68px !important;
	  margin-top:0px !important;
	}	
.wrapper {
	padding-right: 45px !important;
	padding-left: 75px !important;
	}		
.container {
  max-width: 900px;
  }	
h3 {
	font-size:130% !important;
	line-height:1.3 !important;
	} 
.zitat >h3 {
	margin-right: 230px !important;
	}		
.headline, h1 {
	font-size:180% !important;
	line-height: 1.2 !important;
	}
.balken {
	padding:20px 20px 20px 90px !important;
	margin-top: -130px !important;
	width:auto !important;
	}
.jumbotron >img {
	width: 900px !important;
	}
#leistungen >div >div >img {
	float:right;
	margin-top:-100px !important;
	border-radius:8px;
	height: auto !important;
	width:195px !important;
	}
.rechts {
	margin-top:0px !important;
	}	
.icons-kontakt {
	float: right;
	margin-top: -174px;
	margin-right: 6%;
	display:inline !important;
	}	
#galerie {
	padding: 30px 30px 30px 75px !important;
	}	
#leistungen {
	padding: 30px 30px 30px 75px !important;
	}
#kontakt {
	padding: 30px 30px 30px 75px !important;
	}	
html body a.link {
	margin-top: -30px;
	}			
/* Bildergalerie */
#image_wrap {
    width:81% !important;
	margin-left: -75px !important;
	height:25.5em !important;
	margin-right:20px;
	margin-bottom:0px;
	}
#image_wrap >img {
	border-radius:0px 8px 8px 0px;
	}
.galerie {
	height:355px !important;
	margin-top:30px !important;
	}
.items >div >img{
	width:190px !important;
	border-radius:8px !important;
	cursor:pointer;
	margin:0px 0px 20px 0px!important;
	}		
}

@media screen and (min-width: 992px) {
.col-lg-9 {
	width:69% !important;
	}
html body #navigation {
	max-width:900px;
}	
.header img {
	  margin-left: -68px !important;
	  margin-top:0px !important;
	}	
.wrapper {
	padding-right: 45px !important;
	padding-left: 75px !important;
	}		
.container {
  max-width: 900px;
  }
h3 {
	font-size:130% !important;
	line-height:1.3 !important;
	} 
.zitat >h3 {
	margin-right: 230px !important;
	}		 
.headline, h1 {
	font-size:180% !important;
	line-height: 1.2 !important;
	}
.balken {
	padding:20px 20px 20px 90px !important;
	margin-top: -130px !important;
	width:auto !important;
	}	
.jumbotron >img {
	width: 900px !important;
	}
#leistungen >div >div >img {
	float:right;
	margin-top:-100px !important;
	border-radius:10px;
	height: auto !important;
	width:195px !important;
	}
.rechts {
	margin-top:0px !important;
	}	
.icons {
	margin-top:0px !important;
	}	
.icons-kontakt {
	float: right;
	margin-top: -174px;
	margin-right: 6%;
	display:inline !important;
	}	
#galerie {
	padding: 30px 30px 30px 75px !important;
	}
#leistungen {
	padding: 30px 30px 30px 75px !important;
	}	
#kontakt {
	padding: 30px 30px 30px 75px !important;
	}	
html body a.link {
	margin-top: -30px;
	}						
/* Bildergalerie */
#image_wrap {
    width:81% !important;
	margin-left: -75px !important;
	height:25.5em !important;
	margin-right:20px;
	margin-bottom:0px
	}
#image_wrap >img {
	border-radius:0px 8px 8px 0px;
	}
.galerie {
	height:355px !important;
	margin-top:30px !important;
	}
.items >div >img{
	width:190px !important;
	border-radius:8px !important;
	cursor:pointer;
	margin:0px 0px 20px 0px !important;
	}				
}
@media screen and (min-width: 768px) {
#navigation {
	max-width:750px;
}	
.container .jumbotron, .container-fluid .jumbotron {
	width:100%;
	}
.header img {
	  margin-left: -68px !important;
	  margin-top:0px !important;
	}	
.wrapper {
	padding-right: 45px !important;
	padding-left: 75px !important;
	}		
h3 {
	font-size:110%;
	line-height:1.2;
	}
.zitat >h3 {
	margin-right: 185px;
	}		
.headline, h1 {
	font-size:170%;
	line-height: 1.2;
	}
.balken {
	padding:20px 20px 20px 90px !important;
	margin-top: -130px !important;
	width:auto !important;
	}	
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  .jumbotron {
    border-bottom: 0;
  }
  .jumbotron >img {
		width: 751px;
		}
#leistungen >div >div >img {
	float:right;
	margin-top:-230px;
	border-radius:10px;
	height: auto !important;
	width:195px !important;
	}
.rechts {
	margin-top:-25px;
	}	
.icons {
	margin-top:20px;
	}	
.icons-kontakt {
	float: right;
	margin-top: -174px;
	margin-right: 6%;
	display:inline !important;
	}
#galerie {
	padding: 30px 30px 30px 75px !important;
	}	
#leistungen {
	padding: 30px 30px 30px 75px !important;
	}		
#kontakt {
	padding: 30px 30px 30px 75px !important;
	}		
html body a.link {
	margin-top: -30px;
	}			
/* Bildergalerie */
html body #image_wrap {
    width: 109%;
	margin-left: -75px !important;
	height:25.5em !important;
	margin-right:20px;
	margin-bottom:20px;
	}
#image_wrap >img {
	border-radius:0px 8px 8px 0px;
	width:100%;
	}
.galerie {
	height:480px;
	margin-top:30px !important;
	}
html body .items >div >img{
	width:190px !important;
	border-radius:8px;
	cursor:pointer;
	margin:0px 10px 20px 10px;
	}					
}
@media screen and (min-width: 660px) {	
.header img {
	  margin-left: 0px;
	  margin-top: 0px !important;
	}	
.wrapper {
	padding-right: 25px;
	padding-left: 55px;
	}		
h3 {
	font-size:110%;
	line-height:1.2;
	}
.zitat >h3 {
	margin-right: 185px;
	}	
.jumbotron h1.headline, h1 {
	font-size:170%;
	line-height: 1.2;
	}
.balken {
	padding:20px 20px 20px 35px;
	margin-top: -130px !important;
	width:auto !important;
	}	
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  .jumbotron {
    border-bottom: 0;
  }
  .jumbotron >img {
		width: 100%;
		}
#leistungen >div >div >img {
	float:right !important;
	margin-top:-230px;
	border-radius:10px;
	height: auto;
	width:31%;
	}	
.rechts {
	margin-top:-25px;
	}		
.icons {
	margin-top:40px !important;
	}
.icons-kontakt {
	display:none;
	}	
#galerie {
	padding: 30px 30px 30px 20px;
	}		
#leistungen {
	padding: 30px 30px 30px 20px;
	}
#kontakt {
	padding: 30px 30px 30px 20px;
	}		
html body a.link {
	margin-top: -30px;
	}				
/* Bildergalerie */
html body #image_wrap {
    width:109%;
	margin-left: -75px;
	height:auto ;
	margin-right:20px;
	margin-bottom:20px;
	}
#image_wrap >img {
	border-radius:0px 8px 8px 0px;
	width:100%;
	}
.galerie {
	height:480px;
	margin-top:30px;
	}
html body .items >div >img{
	width:29.6%  ;
	border-radius:8px;
	cursor:pointer;
	margin: 0px 10px 20px 10px;
	}				
}

@media screen and (min-width: 400px) {
.header img {
	  margin-top:-165px;
	}	
.wrapper {
	padding-right: 20px;
	padding-left: 20px;
	}		
h3 {
	font-size:110%;
	line-height:1.2;
	}
.zitat >h3 {
	margin-right: 185px;
	}	
.jumbotron h1.headline, h1 {
	font-size:170%;
	line-height: 1.2;
	}
.balken {
	padding:20px 20px 20px 35px;
	margin-top:0px;
	width:100%;
	}	
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  .jumbotron {
    border-bottom: 0;
  }
  .jumbotron >img {
		width: 100%;
		}
#leistungen >div >div >img {
	float:left;
	border-radius:10px;
	height: auto !important;
	width:31%;
	}		
.icons {
	margin-top:20px;
	}
.icons-kontakt {
	display:none;
	}	
#galerie {
	padding: 30px 30px 30px 20px;
	}
#leistungen {
	padding: 30px 30px 30px 20px;
	}	
#kontakt {
	padding: 30px 30px 30px 20px;
	}	
a.link {
	margin-top: 0px;
	}				
/* Bildergalerie */
#image_wrap {
    width:100% ;
	margin-left: -20px;
	height:100%;
	margin-right:20px;
	margin-bottom:20px;
	}	
#image_wrap >img {
	width:100%;
	}	
.galerie {
	height:auto;
	margin-top:30px;
	}	
.items >div >img{
	width:100%  ;
	border-radius:0px 8px 8px 0px;
	cursor:pointer;
	margin: 0px 10px 20px -20px;
	}	
}