/* Background */
@media only screen and (max-width: 799px) {
    #bgImage {
        background-image: url('https://content.mporemski.de/images/backgrounds/web_bg_placeholder_50_210518.jpg');
    }
}
@media only screen and (min-width: 800px) and (max-width: 1399px) {
    #bgImage {
        background-image: url('https://content.mporemski.de/images/backgrounds/web_bg_placeholder_75_210518.jpg');
    }
}
@media only screen and (min-width: 1400px) {
    #bgImage {
        background-image: url('https://content.mporemski.de/images/backgrounds/web_bg_placeholder_max_210518.jpg');
    }
}

#bgImage {
    position: absolute;
    width : 100%;
    height: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	filter: blur(8px);
	-webkit-filter: blur(8px);
	-webkit-animation: image_blur 5s infinite; 
}

@-webkit-keyframes image_blur {
    0% { -webkit-filter: blur(4px);}
	25% { -webkit-filter: blur(6px);}
    50% { -webkit-filter: blur(9px);}
    75% { -webkit-filter: blur(6px);}
	100% { -webkit-filter: blur(4.5px);}
}

/* Box */

.siteboxwrapper {
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}

.sitebox {
    background-color: white; 
    border-radius: 15px; 
    padding-top: 17px; 
    padding-bottom: 10px;
}