body {
	background: #eee;
	background: url("../img/wirkl.jpg") fixed;
	background-size: 100%;
	background-position: bottom;
	padding-bottom:50%;
}


* {font-family: Montserrat, Helvetica, Arial, sans-serif !important; }

a:hover {text-decoration: none;}

p {line-height: 170% !important;}

img {width: 100%; height: auto;}

.navbar {margin-bottom: 0; border: 0;}

h1 {font-size: 23px; line-height: 140%;}
h2 {font-size: 23px; text-align: center; margin-bottom: 50px;}

.myBG {
	background:#eee;
	padding-bottom:5px;
}


/* Tweaks am Responsive Grid */

.mbottom500 {
	margin-bottom:500px;
}

.element {margin-bottom: 50px;}

.intro {}

.divider {margin-top: 150px; margin-bottom: 40px; display: block; text-align: center; width: 100%;}

.off {display: none;}

.logo {display: inline-block; width: 100%; max-width: 70px; height: auto; margin: 0 auto;}

.unterzeile {font-size: 10px; letter-spacing: 2px;}

.uppercase {text-transform: uppercase !important;}

.about {font-size: 14px; text-transform: lowercase; letter-spacing: 0.04em; line-height: 150%;}

a, .green {color: #3d9e67;}


.row {
	margin:0;
}

.farbBlock {
	width: 100%;
	display:block;
}
.farbSchemaText {
	height:250px;
	display:block;
	text-align:center;
	padding-top: 110px;
}
.farbSchemaTextHell {
	color: #fff;
}
.farbSchemaTextDunkel {
	color: #333;
}

.intro {width: 100%; height: 10%; overflow: hidden; position: relative;}
.intro img {margin-top: -10%;}

.moreButton {
	width: 280px;
	margin:0 auto 150px auto;
	display: block;
	cursor: pointer;
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}
.moreButton:hover {
	width:100%;
	-webkit-transition: width 1s;
	transition: width 1s;
}

.moreButton span {
	border-bottom: 1px solid #bababa;
	text-align:center;
	padding:20px 50px 20px 50px;
	display: block;
	outline: none;
}
.moreButton:hover span {
	border-bottom: 1px solid #3d9e67;
	color: #3d9e67;
}

.freezeframe-container:hover {
	cursor:crosshair;
}
.textblock {
	margin: 0 0 50px 0;
}