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

#wrapper > .bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;

			background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images2/Klavier.jpeg");
			background-size: auto,								auto,														100% auto;
			background-position: center,								center,														top center;
			background-repeat: repeat,								no-repeat,													no-repeat;
			background-attachment: scroll,								scroll,														scroll;
			z-index: -1;
		}
		
		header.major > p {
    margin-top: 0;
    text-align: left;
	padding: 0 15% 0 15% ;
}
		header.major > ul {
    margin-top: 0;
    text-align: left;
	padding: 0 20% 0 20% ;
}
a.image.main {padding: 0 15% 0 15%;}
xarticle{background-color: rgb(255, 255, 255); opacity: 0.4;}
#main{background-color: transparent;}
article img{background-color: transparent; opacity: 0.4;}
.logotext {float: right;top: 180px;position: relative;z-index: 50;
xright: 20rem;width: 40%;}
.logobild {xfloat: left;width: 100%; height: 23rem;xbackground-color: rgb(255, 255, 255); opacity: 0.7;position: relative;
background-image: url("../../images2/resonare_transparent.png");
 background-repeat: no-repeat;
    
}
#logobox {float: none; margin: 0 auto;

width: calc(100% - 4rem);

max-width: 72rem;

z-index: 2;}
@media screen and (max-width: 1680px) {
	.logobild {
	height: 30rem;
	}
}
@media screen and (max-width: 700px) {
	.logobild {background-image: url("../../images2/resonare_transparent.png");
    background-repeat: no-repeat;
    xbackground-attachment: fixed;
    background-position: -110px 5px; 
	xbackground-size: 80% ;
	height: 30rem;
}
}

@media screen and (max-width: 450px) {
	#logobox{width: 100%;}
	.logotext {float: right;top: 180px;position: relative;z-index: 50;
xwidth: 30%;}
.logobild {background-image: url("../../images2/resonare_transparent.png");
    background-repeat: no-repeat;
    xbackground-attachment: fixed;
    background-position: -130px 5px; 
	xbackground-size: 80%;
height: 30rem;	
}
}
@media screen and (max-width: 400px) {
	
	.logotext {float: right;top: 25px;position: relative;z-index: 50;
xwidth: 30%;}
}