.information-window {
    position: fixed;
    width: 19vw;
    background: #27a338;
    top: 7vw;
    z-index: 999;
    padding: 2.5rem 4rem 2.5rem 2rem;
    right: 0vw;
    color: #fff;
	opacity: 1;
	transition: 0.3s ease;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
	font-size: 16px;
	line-height: 1.3rem;
}
.hideinfo {
    opacity: 0;
	right: -21vw;
}
.information-window-h1 {
    font-size: 21px;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: bold;
}
.infowindowbtn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: url("../images/info_close.png");
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
	opacity: 1;
}
.infowindowbtn:hover {
    opacity: 0.8;
}

#footer-contact {
    position: relative;
    float: left;
    display: flex;
    clear: both;
    margin-top: 1.8rem;
    width: 100%;
    color: #fff;
    flex-wrap: wrap;
}
.col-md-3 {
    float: left;
    flex: 0 0 29%;
    max-width: 29%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 1.5rem;
}
.footer-text strong {
    font-weight: bold;
}
.footer-text-header {
	font-size: 17px;
	font-weight: bold;
}
.headline-full-width {
    width: 100%;
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 1.5rem;
    margin-bottom: 2rem;
    font-weight: bold;
    padding-top: 2rem;
    border-top: 1px solid #fff;
}
.footer-inner .footer-text {
    margin-top: 7px;
}




/*-----MEDIA-QUERIE-----*/
@media (max-width: 922px) {
.col-md-3 {
    float: left;
    flex: 0 0 45%;
    max-width: 45%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 1.5rem;
}
.information-window {
    width: 40vw;
	top: 25vw;
}
.hideinfo {
	right: -41vw;
}	
}
@media (max-width: 799px) {
.col-md-3 {
    float: left;
    flex: 0 0 44%;
    max-width: 44%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 1.5rem;
}		
}
@media (max-width: 666px) {
.col-md-3 {
    float: left;
    flex: 0 0 43%;
    max-width: 43%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 1.5rem;
}
.information-window {
    width: 40vw;
	top: 20vw;
}
.hideinfo {
	right: -41vw;
}	
}
@media (max-width: 596px) {
.col-md-3 {
    float: left;
    flex: 0 0 100%;
    max-width: 43%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 1.5rem;
}	
}

@media (max-width: 480px) {
.information-window {
    width: 70vw;
	top: 25vw;
}
.hideinfo {
	right: -71vw;
}	
}

@media (max-width: 350px) {
.information-window {
	display: none;
}		
}