/*||||*/

/*||GENERIC SETTINGS||*/
/*||GENERIC SETTINGS||*/

/*.blur{
	background: rgb(55, 53, 90);
	background-image: url("grafiken/backgroundBlured.png");
	margin: 0;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}*/
@font-face {
  font-family: ZenLoop-Regular;
  src: url(zenloop-regular.ttf);
}

@font-face {
  font-family: CourierPrime;
  src: url(courierprime.ttf);
}

body{
	background: rgb(5, 5, 5);
	background-image: url("grafiken/background-awr.png");
	margin: 0;
	background-position: bottom center;
	background-attachment: fixed;
	background-size: cover;
}



h1{
	font-family: ZenLoop-Regular;
	font-size: 45px;
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
	
	border-bottom: 2.5px solid white;
	border-top:2.5px solid white;
	border-left: 0px solid white;
	border-right: 0px solid white;
	
	padding-bottom: 0.5%;
	padding-top: 0.5%;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 0.7%;
	margin-bottom: 1%;
	color: white;
	
	background-position: bottom center;
	background-attachment: fixed;
	background-size: cover;
	background-image: url("grafiken/background-awr-blured.png");
}

#indent{
	margin-left: 2%;
}

p{
	font-family: CourierPrime;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
	color: white;
}

a{
	font-family: CourierPrime;
	text-decoration: none;
	color: rgb(173, 5, 5);
	font-weight: bold;
}
a:hover{
	text-decoration: underline;
}

.logoLarge{
	margin-top: 1%;
}
.logoLarge img{
	width: 11%;
	margin-left: 44.1%;
}
@media only screen and (max-width: 425px){
	.logoLarge{
		margin-left: 0%;
		width: 100%;
	}
}

/*||PAGE CONTENT SETTINGS||*/
/*||PAGE CONTENT SETTINGS||*/
.pageContent{
	margin-left: 20%;
	margin-right: 20%;
	
	background-image: url("grafiken/background-awr-blured.png");
	background-position: bottom center;
	background-attachment: fixed;
	background-size: cover;
	border-bottom: 2.5px solid white;
	margin-bottom: 5%;
}

.subHeadline{
	text-align: center;
	margin-top: 2%;
	
	/*background-image: url("grafiken/backgroundLines.png");*/
}
.subHeadline p{
	margin-top: 0;
	padding-top: 1%;
	padding-bottom: 1%;
	font-size: 25px;
	font-weight: bold;
	
	border-bottom: 2.5px solid rgb(173, 5, 5);
	border-top: 2.5px solid rgb(173, 5, 5);
}

/*||NAVIGATION||*/
.navBar{
	text-align: center;
	font-size: 25px;
	/*border-left: 5px solid white;
	border-right: 5px solid white;*/
	border-top: 2.5px solid white;
	padding-top: 5px;
	padding-bottom: 5px;
}

.navBar a{
	color: black;
	margin-right: 3%;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	color: white;
	/*text-transform: uppercase;*/
}
.navBar a:hover{
	color: rgb(173, 5, 5);
}
#active{
	background: rgb(173, 5, 5);
}

#active a:hover{
	color: black;!important
}

/*||CONTENT LAYOUT||*/
/*	contentBox1: text+image on the right, red line on top
	contentBox2: text, red line on top
	contentBox3: text+image on the left, red line on top
	
	contentBox11: text+image on the right, no red line
	contentBox21: text+image, no red line
	contentBox31: text+image on the left, no red line*/
	
.contentBox1{
	margin-top: 1%;
	padding-top: 1%;
	border-top: 2.5px solid rgb(173, 5, 5);
	display: grid;
	grid-template-columns: 60% 40%;
	
	margin-left: 2%;
	margin-right: 2%;
}
.contentBox1 p{
	margin-right: 2%;
}

.contentBox2{
	margin-top: 1%;
	padding-top: 1%;
	border-top: 2.5px solid rgb(173, 5, 5);
	display: grid;
	grid-template-columns: 100%;
	
	margin-left: 2%;
	margin-right: 2%;
}

.contentBox3{
	margin-top: 1%;
	padding-top: 1%;
	border-top: 2.5px solid rgb(173, 5, 5);
	display: grid;
	grid-template-columns: 40% 60%;
	
	margin-left: 2%;
	margin-right: 2%;
}
.contentBox3 p{
	margin-left: 2%;
}

.contentBox11{
	display: grid;
	margin-top: 1%;
	grid-template-columns: 60% 40%;
	
	margin-left: 2%;
	margin-right: 2%;
}
.contentBox11 p{
	margin-right: 2%;
}

.contentBox31{
	display: grid;
	margin-top: 1%;
	grid-template-columns: 40% 60%;
	
	margin-left: 2%;
	margin-right: 2%;
}
.contentBox31 p{
	margin-left: 2%;
}

.contentBox21{
	display: grid;
	margin-top: 1%;
	margin-bottom: 1%;
	grid-template-columns: 100%;
	
	margin-left: 2%;
	margin-right: 2%;
}

/*||TEXT||*/
.textIMGR{
}

/*||IMAGE||*/
.imageRight img{
	width: 100%;
	margin-top: 2%;
	
}


/*||GALERY||*/
.galery{
	display: grid;
	grid-template-columns: 33.333% 33.333% 33.333%;
	margin-top: 5%;
	padding-top: 3%;
	border-top: 2.5px solid rgb(173, 5, 5);
	
	margin-left: 2%;
	margin-right: 2%;
}

.galeryElement{
	text-align: center;
	margin-left: 1%;
	margin-right: 1%;
	padding-bottom: 3%;
	margin-bottom: 3%;
	/*box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
	transform: rotate(-1deg);*/
}

.galeryElement img{
	width: 100%;
	margin-bottom: 5px;
}

.galeryElement p{
	margin-top: 0;
}

.galeryElement img:hover{
	border-bottom: 5px solid rgb(173, 5, 5);
	margin-bottom: 0px;
}

/*||BOTTOM INFO||*/
.bottomInfo{
	margin-top: 15%;
	margin-bottom: 1%;
	text-align: center;
}
.bottomInfo p{
	font-size: 11px;
}

/*||RESPONSIVE||*/
/*||RESPONSIVE||*/
@media only screen and (max-width: 1024px){
		/*||GENERIC SETTINGS||*/
		h1{
			margin-left: 15%;
			margin-right: 15%;
		}
		
		.logoLarge img{
			width: 20%;
			margin-left: 40%;
		}
		/*||CONTENT LAYOUT||*/
		.contentBox1{
			grid-template-columns: 50% 50%;
		}
		
		.contentBox3{
			grid-template-columns: 50% 50%;
		}
		
		.contentBox11{
			grid-template-columns: 50% 50%;
		}
		
		.contentBox31{
			grid-template-columns: 50% 50%;
		}
		
		.pageContent{
			margin-left: 15%;
			margin-right: 15%;
		}
		/*||GALERY||*/
		.galery{
			grid-template-columns: 50% 50%;
		}
		.galeryElement{
			margin-bottom: 10%;
		}
}

@media only screen and (max-width: /*768*/820px){
		/*||GENERIC SETTINGS||*/
		h1{
			margin-left: 10%;
			margin-right: 10%;
		}
		
		.pageContent{
			margin-left: 10%;
			margin-right: 10%;
		}
		
		.logoLarge img{
			width: 20%;
			margin-left: 41%;
		}
		/*||CONTENT LAYOUT||*/
		.contentBox1{
			grid-template-columns: 100%;
		}
		.contentBox1 p{
			margin-right: 0;
		}
		
		.contentBox3{
			grid-template-columns: 100%;
		}
		.contentBox3 p{
			margin-left: 0;
		}
		
		.contentBox11{
			grid-template-columns: 100%;
		}
		.contentBox11 p{
			margin-right: 0;
		}
		
		.contentBox31{
			grid-template-columns: 100%;
		}
		.contentBox31 p{
			margin-left: 0;
		}
		
		/*||GALERY||*/
		.galery{
			grid-template-columns: 100% /*100%*/;
		}
		.galeryElement{
			margin-bottom: 10%;
		}
}

@media only screen and (max-width: 425px){
	h1{
		margin-left: 5%;
		margin-right: 5%;
	}
		
	.pageContent{
		margin-left: 5%;
		margin-right: 5%;
	}
}
I'trying(SONG)
We'll gonna be Legend(SONG)
I think your crazy/Maybe im crazy(SONG)