@font-face {
    font-family:Dekers;
    src: url('fonts/Dekers.ttf') format("truetype");
}

@font-face {
    font-family:MyriadPro-Regular;
    src: url('fonts/MyriadPro-Regular.otf'); format("opentype");
}

body {
	font-family: "MyriadPro-Regular";
	font-size:1.4rem;
	font-weight: 100;
}

.body-font-color{
    color: #3d5837;
}
.nav-toping:hover{
	background-color:#e6e4e5;
	border-radius: 25px;
}
.nav-dropdown:hover{
	background-color:#e6e4e5;
}
.nav-dropdown:active{
	background-color:#e6e4e5;
}


.toping-color {
	color: #3d5837 !important;
	font-family:"Dekers";
	font-weight: 100;
}
.toping-color-footer {
	color: black;
	font-family:"Dekers";
	font-weight: 100;
}

.logo-image{
	height:auto;
	width:30px;
}

.slider-image {
	width: 100vw;
	height: 40vh;
	background-position: center;
	background-size: cover;
}
@media (max-width: 600px){
    .logo-image{
    	width:25px;
    }
}
@media (max-width: 350px){
    .logo-image{
    	width:20px;
    }
}
@media (max-width: 768px){
    .galerie-group{
        display:flex;
        flex-flow: column wrap;
    }
    .galerie-image{
        height: 300px;
        width:auto;
        background-position: center;
        background-size: cover;
    }
    .impressum-group{
        display:flex;
        flex-flow: column wrap;
    }


}
.impressum-quelle {
    font-size:0.5em;
}



.Dienstleistungen-image {
	max-width:100%;
	height:auto;
}

.galerie-image{
	height: 300px;
	background-position: center;
	background-size: cover;

}
.galerie-image:hover{
	transition: transform 0.8s;
	transform: scale(1.1, 1.1);
}