/* CSS Document */

body {
	font-family: "Courier New", Courier, mono;
		}
h1 {
	font-size: 1.9em;
	color: #CCCCCC;
	opacity:0.6;
	text-shadow: 5px 10px 10px #000000;
	text-transform: uppercase;
}
h2 {
	font-size: 1.2em;
	color: #CCCCCC;
	opacity:0.4;
	text-shadow: 5px 7px 7px #000000; 
	text-transform: uppercase;
}
		
p {
	font-size: 1em;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000; 
}		
		
a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}

.container{
width:100%;
background-image: url(img/banner.png);
background-attachment:fixed;
background-repeat:no-repeat;
}

.top{
width: 100%;
height: 110px;
background-image: url(img/banner.png);
background-attachment:fixed;
background-repeat:no-repeat;
border-radius: 15px 0 0 0;
padding:30px 0 0 0 ;
}

.bassist{
	width: 50%;
	height:710px;
	float: left;
	background-image: url(img/banner.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
	Border-radius: 0 0 0 15px;
	}

.innerleft{
	width: 21%;
	height:710px;
	float: left;
	background-image: url(img/banner.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
	Border-radius: 0 0 0 60px;
	}
	
.inner{
	width: 26%;
	height:710px;
	float: left;
	background-image: url(img/banner.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
   }

.textground{
    width:100%;
    height:710px;
    background-color: rgb(0 0 0 / 60%);
	padding: 30px 20px 0 10px;
		}

.videoground{
    width:100%;
    height:710px;
    background-color: rgb(0 0 0 / 60%);
	padding:30px 0 0 0;
	}

.video{
width: 90%;
height: auto;
aspect-ratio: 16 / 9;
padding:0 0 10px 10px;
}

.bassistpictocram{
width:20%;
height:590px;
opacity:0.9;
background-color: rgb(0 0 0 / 40%);
padding: 120px 40% 0 40%;
}

.maler{
width: 50%;
height:710px;
background-image: url(img/Sturz.jpg);
background-attachment:fixed;
background-position-y:bottom;
background-position-x:right;
background-size:75%;
background-repeat:no-repeat;
float: left;
border-radius: 0 0 15px 0;
}
.malerpic{
width: 30%;
height:590px;
opacity:0.9;
background-color: rgb(0 0 0 / 40%);
padding: 120px 35% 0 35%;
}

.gallery{
	width: 79%;
	height:710px;
	float: left;
	background-image: url(img/banner.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
		}
	
.galleryground{
width: 100%;
height:710px;
background-color: rgb(0 0 0 / 60%);
padding: 30px 0 0 10px;
}	
	
.pix{
width: 100px;
float: left;
padding: 1px;
}

.end{
width: 95%;
background-color: rgb(0 0 0 / 40%);
float: left;
padding: 5px 0 0 0;
}
.favicon{
width: 3%;
background-color: rgb(0 0 0 / 40%);
float: left;
}

.imp{
width: 90%;
padding: 40px 5% 0 5%;

}
.socialbutton{
float: left;
width: 40px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */