/* CSS Document */

body {
	font-family: "Courier New", Courier, mono;
		}
h1 {
	font-size: 2.35em;
	color: #CCCCCC;
	opacity:0.6;
	text-shadow: 5px 10px 10px #000000;
	text-transform: uppercase;
}
h2 {
	font-size: 3em;
	color: #CCCCCC;
	opacity:0.6;
	text-shadow: 5px 7px 7px #000000; 
	text-transform: uppercase;
}
		
p {
	font-size: 1.5em;
	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:20px 0 0 0;}

.bassist{
	width: 100%;
	height:800px;
	border-radius:0 0 40px 40px;
	}
.bassistpictocram{
width:250px;
height:680px;
opacity:0.9;
background-color: rgb(0 0 0 / 40%);
}
.innerleft{
	width: 100%;
	height:900px;
	border-radius:0 0 60px 60px;
	}
	
.inner{
	width: 100%;
	height:1150px;
	border-radius: 60px;
	margin:2% 0 0 0;
	}

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

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

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



.maler{
width: 100%;
height:800px;
background-image: url(img/Urban.jpg);
background-attachment:fixed;
background-position-y:top;
background-position-x:right;
background-size:200%;
background-repeat:no-repeat;
border-radius: 40px 40px 0 0;
margin:2% 0 0 0 ;
}
.malerpic{
width: 290px;
height:680px;
opacity:0.9;
background-color: rgb(0 0 0 / 0%);
padding: 120px 25% 0 38%;
}

.gallery{
	width: 100%;
	height:auto;
	background-color: rgb(0 0 0 / 60%);
	border-radius:60px;
	margin:2% 0 0 0;
	}
	
.galleryground{
    width:100%;
    height:2000px;
	padding:60px 0 0 40px;}

	
.pix{
width: 250px;
float: left;
padding: 1px;
}


.end{
width: 92%;
background-color: rgb(0 0 0 / 40%);
}
.favicon{
width: 7%;
background-color: rgb(0 0 0 / 40%);
float: left;
}

.imp{
width: 80%;
position:absolute;
top:150px;
left:0px;
padding:0 30% 0 10%;
background-color: rgb(0 0 0 / 60%);
}

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

.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 */