@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/Montserrat-Regular-webfont.eot');
    src: url('../fonts/Montserrat-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat-Regular-webfont.woff') format('woff'),
         url('../fonts/Montserrat-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat-Regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/Montserrat-Bold-webfont.eot');
    src: url('../fonts/Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat-Bold-webfont.woff') format('woff'),
         url('../fonts/Montserrat-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat-Bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserrathairline';
    src: url('../fonts/Montserrat-Hairline-webfont.eot');
    src: url('../fonts/Montserrat-Hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Hairline-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat-Hairline-webfont.woff') format('woff'),
         url('../fonts/Montserrat-Hairline-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat-Hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/Montserrat-Light-webfont.eot');
    src: url('../fonts/Montserrat-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Light-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat-Light-webfont.woff') format('woff'),
         url('../fonts/Montserrat-Light-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat-Light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body {
	background-color:#f1f1f1;
	width:100%;
	font-family:'montserratlight';
	font-size: 16px;
	/*overflow-y: scroll;*/
}

a {
   outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #222222;
    font-family: 'montserratregular', "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	text-transform:uppercase;
}

h1 {
	font-family: 'montserratregular', "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-weight:bold;
	line-height:1.1;		
	margin: 88px 45px 0px 45px;
	font-size: 50px;
}

h2 {
	font-family: 'montserrathairline', "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;	
	margin: 45px 45px 20px 45px;
}


.abstand_klein h2 {
	margin-top: 20px;
}

.abstand_gross h2 {
	margin-top: 120px;
}


h3 {
	font-size: 25px;
	font-family: 'montserratbold', "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	margin-bottom:25px;
} 


a {
	color: #fff;
}

.mittelgrau a {
	color: #000;
}

a:hover {
	text-decoration:underline;
	color: #fff;
}

a.anker:hover {
	text-decoration:none;
	color: #fff;
}

.mittelgrau a:hover {
	color: #000;
}

ul li {
	list-style: none;
	}


.row {
	padding: 0 2.5em;	
}

p {
	padding: 15px 45px 15px 45px;
	margin-bottom: 5.25rem;
}


#header {
	margin-top: 1px;
	background-color:#3b3a39;	
	margin: 1 auto 0 auto;
    max-width: 80em;
	z-index:50;
	}
	
	
#header.fixed {
	margin-top: 0px;
}

#header.fixed img {
	max-width: 50%;
}
	
	
.fixed {
	background-color:#3b3a39;
	
}
	
#header ul {
	float: right;	
	margin-top: 77px;
}

#header.fixed ul {	
	margin-top: 27px;
}
	
#header li {
	font-family: 'montserrathairline', "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	float: left;
	text-transform:uppercase;	
	margin-left: 32px;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
    background: none;
    border-radius: none;
    color: #ffffff;
}

.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
        background: none;
}
	

.logo {
	margin: 65px 0 28px 0;
}

.fixed .logo {
	margin: 25px 0 15px 0;
}
	

.hellgrau {
	background-color: #d9dada;
}

.mittelgrau {
	background-color: #c5c6c6;
}

.mittelgrau_2, .mittelgrau_2 h2 {
	background-color: #b1b2b2;
	color: #fff;
}

.dunkelgrau, .dunkelgrau h2 {
	background-color: #9c9c9c;
	color: #fff;
}

.weiss {
	background-color: #fff;
}

.center {
	text-align:center;
}


.leistungen {
	padding: 90px 90px 80px 90px; 
} 


.leistungen li {
	margin-bottom:25px; 
} 

.leistungen li img {
	margin-right:25px; 
}

/*.impressum {
	background:url(../img/neuland33_impressum.jpg);
	background-size:cover;	
	} */
	
	
	
#impressum a {
	color: #222222;
	}
	
.close-reveal-modal:hover {
	text-decoration:none;
}


#kontakt p a {
	text-decoration: underline;
	}


#footer {
	background-color: #d9dada;
	/*height: 380px;*/
	height: 780px;
	margin-top: 170px;
}


.item {
    float: left;
    position: relative;
    line-height: 1em;
}


.grid-sizer { width: 25%; }
.w1 { width: 25%; }
.w2 { width: 50%; }


@media screen and (max-width: 1224px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 33.33%; }
  .w1 { width: 33.33%; }
  .w2 { width: 66.66%; }
}

@media screen and (max-width: 720px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 50%; }
  .w1 { width: 50%; }
  .w2 { width: 100%; }
}

@media screen and (max-width: 480px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 100%; }
  .w1, .w2 { width: 100%; }
}

.image{
    max-width: 100%;
    margin: 0;
    display: block;
}

.image:after {
    clear:both;
}

.overlay:hover {
	opacity: 1;
	}

.overlay {
    width: 100%;
    height: 100%;
	transition: all 0.5s ease-in ; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in; /* chrome & safari */
    -moz-transition: all 0.5s ease-in; /* firefox */
    -o-transition: all 0.5s ease-in; /* opera */
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    color: #000;
    /*display: none;*/
	opacity:0;
	padding: 15px;
}

.inner {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
	width: 100%;
    height: 100%;
}


.overlay .title {
    text-align: center;
	font-family: 'montserrathairline', "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	margin-bottom: 0;
	font-size: 22px;
}

.overlay .description {
	text-align: center;
    width: 100%;
	text-transform:uppercase;
}

.overlay .description p {
	padding: 5px;
	font-size: 0.8rem;
}


.item:hover .overlay {
    display: block;
	color: #000;
	text-decoration:none;
}


.bg_overlay {
  height: 100%;
  width: 100%;
  float: left;
  background-color:rgba(255,255,255,0.90);
}

.valign {
		text-align:center;
 		width: 100%;
  		margin: 0 auto;
}

.versal {
	text-transform: uppercase;
	
	}