/* CSS Document */

body {
	font-family: "Courier New", Courier, mono;
		}
h1 {
	font-size: 2.3em;
	color: #CCCCCC;
	opacity:0.6;
	text-shadow: 5px 10px 10px #000000;
	text-transform: uppercase;
}
h2 {
	font-size: 1.8em;
	color: #CCCCCC;
	opacity:0.4;
	text-shadow: 5px 10px 10px #000000; 
	text-transform: uppercase;
}
		
p {
	font-size: 1.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;
padding:30px 0 0 0;
}

.bassist{
	width: 50%;
	height:715px;
	float: left;
	background-image: url(img/banner.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
	Border-radius: 0 0 0 15px;
	}
.bassistpictocram{
width:20%;
height:605px;
opacity:0.9;
background-color: rgb(0 0 0 / 40%);
padding: 120px 40% 0 40%;
}

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

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

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

.albums{
width:100px;
padding:0 0 0 0;
float: left;
}
.albumstext{
float: left;
}

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


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

.gallery{
	width: 75%;
	height:715px;
	float: left;
	background-image: url(img/banner.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
		}
	
.galleryground{
width: 100%;
height:715px;
background-color: rgb(0 0 0 / 60%);
}	
	
.pix{
width: 9.7%;
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: 0 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 */