body{
    background-color: #f4f7ec;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #76B82A;
    text-decoration: none;
}

h1{
    font-family: 'MicrogrammaBold';
}

h2{
    font-family: 'Microgramma';
}

#header {
	background: #fff;
	box-shadow: 0px 0px 50px rgba(0,0,0,.25);
	position: relative;
	z-index: 2;
}

#logo {
	width: 400px;
}

#nav-main .nav-link {
	font-size: 1.5rem;
	margin-top: 24px;
	margin-left: 32px;
    font-family: 'Microgramma';
}


#footer {
	padding: 1rem 0;
}




#ueber-uns {
	background: #fff;
}

#ueber-uns li {
	margin-bottom: 0.8rem;
}

#kontakt {
    background: #fff;
}

#address-wrapper {
	height: 400px;
	background-image: url("../img/diamant.png");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: 2rem;
	flex-direction: column;
}

#contact-logo {
	width: 400px;
	max-width: 80%;
}

#address-wrapper address {
	text-align: center;
	margin-top: 2rem;
}

#impressum, #datenschutz {
	background: #fff;
}

section {
	min-height: 520px;
	padding: 2rem 0rem;
}


/* service */

.service-item {
    perspective: 1000px; 
    height: 320px;
}

.service-item-inner {
	background: #fff;
	box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.service-item:hover .service-item-inner {
    transform: rotateY(180deg);
  }

.service-item h3 {
	text-align: center;
	margin: 1.5rem 1rem 0.5rem;
	text-transform: uppercase;
	font-family: 'MicrogrammaBold';
	font-size: 1.4rem;
}

.service-item p {
	font-size: 1.2rem;
}

.item-back, .item-front {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #fff;
}

.item-back {
	transform: rotateY(180deg);
	padding: 2rem;
	display: flex;
	align-items: center;
}

/* include local font */
@font-face {
    font-family: 'Microgramma';
    src: url('../webfonts/MicrogrammaDMedExt.ttf');
}

@font-face {
    font-family: 'MicrogrammaBold';
    src: url('../webfonts/MicrogrammaDBolExt.ttf');
}


@media (max-width: 1399px){
    .service-item {
        height: 300px;
    }
}

@media (max-width: 1199px){
    .service-item {
        height: 330px;
    }
}

@media (max-width: 991px) {
    #logo {
        width: 260px;
    }

    #nav-main .nav-link {
        margin: 0;
        font-size: 1.2rem;
    }

    .service-item {
        height: 470px;
    }
}

@media (max-width: 767px) {
    .service-item {
        height: 365px;
    }
}

@media (max-width: 550px) {
    #address-wrapper {
        background-size: cover;
    }
}

@media (max-width: 440px) {
    .service-item {
        height: 310px;
    }
}

@media (max-width: 400px) {
    .service-item {
        height: 280px;
    }
}