body {
	background-color: #666;
}

div.wc {
	background-color: #fff;
}

/* Logo im Titel horizontal und vertikal zentriert */
.vertical-center {
	height:100%;
	width:100%;
	text-align: center;  /* align the inline(-block) elements horizontally */
	font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.vertical-center:before {    /* create a full-height inline block pseudo=element */
	content: " ";
	display: inline-block;
	vertical-align: middle;    /* vertical alignment of the inline element */
	height: 100%;
}

.vertical-center > .container {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;  	/* vertical alignment of the inline element */
								/* reset the font property */
	font: 16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar {
    margin-bottom: 0;
}

h1 {
	font-family: "alternate-gothic-no-1-d", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	text-transform: uppercase;
	color: #54641c;
	padding: 0 0 0 11px;
	margin-top: 65px;
}

h1.icon-home {
	background: #c8de88 url('../img/icon-home.png') no-repeat right center;
}

h1.icon-angebot {
	background: #c8de88 url('../img/icon-angebot.png') no-repeat right center;
}

h1.icon-portrait {
	background: #c8de88 url('../img/icon-portrait.png') no-repeat right center;
}

h1.icon-blog {
	background: #c8de88 url('../img/icon-blog.png') no-repeat right center;
}

h1.icon-kontakt {
	background: #c8de88 url('../img/icon-kontakt.png') no-repeat right center;
}

h2 {
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	color: #4d4d4d;
}

h3 {
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	color: #4d4d4d;
	margin-bottom: 7px;
	margin-top: 5px;
}

h3.blog {
	margin-top: 0;
}

/* p mit Abstand danach */
p.space {
	margin-bottom: 22px;
}

p.morespace {
	margin-bottom: 42px;
}

p.muchspace {
	margin-bottom: 62px;
}

.zitat {
	font-style: italic;
	font-weight: 400;
	font-size: 22px;
	text-transform: uppercase;
	color: #4d4d4d;
	padding-top: 32px;
}

.zitat-sub {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	color: #4d4d4d;
	padding-bottom: 48px;
}

.btn {
	font-weight: 700;
	font-size: 18px;
	color: #54641c;
	background-color: #a8c838;
}

/* Kalenderblatt Blog */
p.blatt {
	width: 95px;
	margin: 0 auto;
}

span.tag {
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 4em;
	background-color: #d4d8c4;
}

span.monat {
	display: block;
	color: #54641c;
	font-weight: 700;
	font-size: 1em;
	background-color: #a8c838;
}

form {
	margin-bottom: 65px;
}

div#response {
	margin-top: 15px;
}

.schutz {
	display: none; /* Schutz vor Spam im Kontaktformular */
}

.footer {
	background-color: #666;
	padding: 30px 0 15px 0;
}

.footer p, .footer p a {
	color: #999;
	
}

.impressum {
	font-family: "alternate-gothic-no-1-d", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	text-transform: uppercase;
}

.sticker {
    position: absolute;
    top: -61px;
    right: 50px;
    z-index: 1001;
}

.img-overlay {
    position: relative;
}

@media (max-width: 480px) {
	.jumbo-home {
		background: url('../img/titelbild-home-xs.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 180px;
		margin-bottom: 0;
	}
	
	.jumbo-angebot {
		background: url('../img/titelbild-angebot-xs.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 180px;
		margin-bottom: 0;
	}
	
	.jumbo-portrait {
		background: url('../img/titelbild-portrait-xs.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 180px;
		margin-bottom: 0;
	}
	
	.jumbo-blog {
		background: url('../img/titelbild-blog-xs.jpg') center bottom;
		background-size: cover; /* Hintergrund passt sich an */
		height: 180px;
		margin-bottom: 0;
	}
	
	.jumbo-kontakt {
		background: url('../img/titelbild-kontakt-xs.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 180px;
		margin-bottom: 0;
	}
	
	.navbar .navbar-nav li {
		font-family: "alternate-gothic-no-1-d", sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 2em;
		text-transform: uppercase;
		text-align: center;
		padding: 0 15px;
	}
	
	.sticker {
		display: none;
	}
	
	h1 {
		margin-top: 45px;
	}
	
	p.blatt {
		margin: 0;
	}

}

@media (min-width: 480px) {
	.jumbo-home {
		background: url('../img/titelbild-home-sm.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 240px;
		margin-bottom: 0;
	}
	
	.jumbo-angebot {
		background: url('../img/titelbild-angebot-sm.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 240px;
		margin-bottom: 0;
	}
	
	.jumbo-portrait {
		background: url('../img/titelbild-portrait-sm.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 240px;
		margin-bottom: 0;
	}
	
	.jumbo-blog {
		background: url('../img/titelbild-blog-sm.jpg') center bottom;
		background-size: cover; /* Hintergrund passt sich an */
		height: 240px;
		margin-bottom: 0;
	}
	
	.jumbo-kontakt {
		background: url('../img/titelbild-kontakt-sm.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 240px;
		margin-bottom: 0;
	}
	
	.navbar .navbar-nav li {
		font-family: "alternate-gothic-no-1-d", sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 2em;
		text-transform: uppercase;
		text-align: center;
		padding: 0 15px;
	}
}	

@media (max-width: 768px) {
	div.col-xs-12.text-left, div.col-xs-12.text-right {
		text-align: center;
	}
	
	.sticker {
		display: none;
	}
	
	h1 {
		margin-top: 45px;
	}
	
	p.blatt {
		margin: 0;
	}
}


@media (min-width: 768px) {
	.jumbo-home {
		background: url('../img/titelbild-home-md.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 300px;
		margin-bottom: 0;
	}
	
	.jumbo-angebot {
		background: url('../img/titelbild-angebot-md.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 300px;
		margin-bottom: 0;
	}
	
	.jumbo-portrait {
		background: url('../img/titelbild-portrait-md.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 300px;
		margin-bottom: 0;
	}
	
	.jumbo-blog {
		background: url('../img/titelbild-blog-md.jpg') center bottom;
		background-size: cover; /* Hintergrund passt sich an */
		height: 300px;
		margin-bottom: 0;
	}
	
	.jumbo-kontakt {
		background: url('../img/titelbild-kontakt-md.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 300px;
		margin-bottom: 0;
	}

	.navbar .navbar-nav {
	    display: inline-block;
   		float: none;
    	vertical-align: top;
	}

	.navbar .navbar-collapse {
		text-align: center;
	}
	
	.navbar .navbar-nav li {
		font-family: "alternate-gothic-no-1-d", sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 2em;
		text-transform: uppercase;
		padding: 0 15px;
	}
}



@media (min-width: 992px) {
	.jumbo-home {
		background: url('../img/titelbild-home-lg.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 350px;
		margin-bottom: 0;
	}
	
	.jumbo-angebot {
		background: url('../img/titelbild-angebot-lg.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 350px;
		margin-bottom: 0;
	}
	
	.jumbo-portrait {
		background: url('../img/titelbild-portrait-lg.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 350px;
		margin-bottom: 0;
	}
	
	.jumbo-blog {
		background: url('../img/titelbild-blog-lg.jpg') center bottom;
		background-size: cover; /* Hintergrund passt sich an */
		height: 350px;
		margin-bottom: 0;
	}
	
	.jumbo-kontakt {
		background: url('../img/titelbild-kontakt-lg.jpg') center center;
		background-size: cover; /* Hintergrund passt sich an */
		height: 350px;
		margin-bottom: 0;
	}
	
	.sticker {
    	right: 100px;
	}
}

@media (min-width: 1280px) {
	
	
	.sticker {
    	right: 200px;
	}
}

@media (min-width: 1440px) {
	.sticker {
    	right: 300px;
	}
}

@media (min-width: 1600px) {
	.sticker {
    	right: 400px;
	}
}