
body {margin-top: 100px;font-family: 'Roboto Slab', serif; }

p{font-size:22px;color:#555;line-height:39px; }

.logo{margin-left:-5px;}

.header-image {
    display: block;
    width: 100%;
    text-align: center;
    background: url(../img/header-image.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; }

.headline {padding: 120px 0; }
.headline h1 {font-size: 4em;background: #fff;background: rgba(255,255,255,0.6);padding:8px 0; }
.headline h2 {font-size: 2.5em;background: #fff;background: rgba(255,255,255,0.6);padding:8px 0; }
h3{font-size:1.2em;text-align:center;font-weight:700;}

#home .col-md-6{padding:3em 1em 0 1em;}
#home .col-md-6 p{color:#555;}

#aboutus, #leistungen, #kontakt{padding-top:11em;}

.center{text-align:center;margin:0 auto;}

.abstand{padding-top:1em;}
.right{float:right;}

.indent ul {margin-left:3em;}

.featurette-divider {margin: 80px 0; }
.featurette-divider2 {margin: 40px 0; }
.featurette {overflow: hidden; }
.featurette-image.pull-left {margin-right: 40px; }
.featurette-image.pull-right {margin-left: 40px; }
.featurette-heading {font-size: 50px;line-height:55px;padding-bottom:0.5em; }

.pics{border-radius:50%;max-width:200px;height:auto;margin:0 auto;}

.article p, footer p{text-align:center;}
.smallcopy {font-size:16px;line-height:22px;text-align:left;}

footer {margin: 50px 0; }

h5{font-weight:600;font-size:18px}

/* Cookiehinweis */
#cookiedingsbums a {color:#f39100; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
   color:#fff; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #972317;   
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%;padding:0 20px; 
   font-size:16px;line-height:20px; 
  }

#cookiedingsbumsCloser {
   color: #000;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 15px;
   text-decoration: none;
   top: 8px;
   cursor:pointer;
    
   padding:8px;border-radius:4px;
   background: #f39100;    
 }

#cookiedingsbumsCloser:hover {color: #157b37;background-color:#fff}

@media(max-width:1200px) {
    .headline h1 {font-size: 4em;}
    .headline h2 {font-size: 2em;}
    .featurette-divider {margin: 50px 0;}	
	.featurette-divider2 {margin: 25px 0;}
    .featurette-image.pull-left {margin-right: 40px;}
    .featurette-image.pull-right {margin-left: 40px;}
    .featurette-heading {font-size: 35px;line-height:40px;}
	}

@media(max-width:991px) {
    .headline h1 {font-size: 3em;}
    .headline h2 {font-size: 2em;}	
	#home .col-md-6{padding:1em 0 0 0;}	
    .featurette-divider {margin: 40px 0;}	
	.featurette-divider2 {margin: 20px 0;}
    .featurette-image {max-width: 50%;}
    .featurette-image.pull-left {margin-right: 30px;}
    .featurette-image.pull-right {margin-left: 30px;}
	.featurette-heading {font-size: 30px;line-height:35px;}	
	.indent ul {margin-left:0em;font-size: 20px;}    
	}

@media(max-width:768px) {
    .container {margin: 0 15px;}
    .featurette-divider {margin: 40px 0;}
    .featurette-heading {font-size: 35px;line-height:40px;}
	.featurette-image.pull-left {display:none;}
    .featurette-image.pull-right {display:none;}
	}

@media(max-width:668px) {
    .headline h1 {font-size: 70px;}
    .headline h2 {font-size: 32px;}
    .featurette-divider {margin: 30px 0;}	
	.featurette-divider2 {margin: 15px 0;}
	
	}

@media(max-width:640px) {
    .headline {padding: 75px 0 25px 0;}
    .headline h1 {font-size: 60px;}
    .headline h2 {font-size: 30px;}
	.navbar-brand img{width:80%;height:auto;}
	.pull-left, .pull-right {display:none;}
	#leistungen .featurette-image {max-width: 100%;margin:0%;}
	.indent ul {margin-left:0em;}
	
	}

@media(max-width:375px) {
    body {margin-top: 150px;}
    .navbar{min-height:150px;}
    .logo{padding-top:100px;}
    .featurette-divider {margin: 10px 0;}
    .featurette-image {max-width: 100%;}
   	.navbar-brand img{width:80%;height:auto;margin-top:-85px;}	
	.navbar-nav{margin-left:140px;}	
	.pull-left, .pull-right {display:none;}
	
	}