@charset "utf-8";
/* CSS Document */
@media (min-width: 631px) and (max-width: 1299px) and (orientation: landscape){
body {
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    background-color: rgba(255,255,255,1.00);
    color: dimgray;
}

a {
	color: inherit;
	text-decoration: inherit;
}
img{margin: 0%;padding: 0%;
	display: block;}
#website-ownership {
	clear: none;
	float: left;
	width: 100%;
	padding-top: 2%;
	padding-bottom: 2%;
	font-family: caudex;
	font-style: normal;
	font-weight: 400;
	color: rgba(116,116,116,1.00);
	background-color: rgba(31,31,31,1.00);
	text-align: center;
}
#vorstellungm-logo {
		border: rgba(72,71,71,1.00) thin solid; padding-left: 1%; padding-top: 1%; padding-right: 1%; padding-bottom: 4%; width: 4%; height: 76px; margin: 4% auto; font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif; font-size: 202%;
	}

#menu {
	clear: none;
	float: left;
	width: 100%;
	margin: 0%;
	padding: 0%;
	background-color:rgba(31,31,31,1.00);
}
#menu-button-home {
    clear: none;
    float: left;
    width: 15%;
    margin: 1% 2%;
    padding: 0%;
    text-align: center;
    background-color: rgba(19,123,220,1.00);
    color: azure;
    font-size: 135%;
	border-bottom:black thin solid;
}
#menu-button-bio {
    clear: none;
    float: left;
    width: 15%;
    margin: 1% 2%;
    padding: 0%;
    text-align: center;
    background-color: rgba(165,19,220,1.00);
    color: azure;
    font-size: 135%;
	border-bottom:black thin solid;
}
	#menu-button-articles {
    clear: none;
    float: left;
    width: 15%;
    margin: 1% 2%;
    padding: 0%;
    text-align: center;
    background-color: crimson;
    color: azure;
    font-size: 135%;
	border-bottom:black thin solid;
}
#menu-button-music {
	clear: none;
	float: left;
	width: 15%;
	margin: 1% 2%;
	padding: 0%;
	text-align: center;
	background-color: rgba(220,82,19,1.00);
	color: azure;
	font-size: 135%;
	border-bottom:black thin solid;
}
#menu-button-contact {
    clear: none;
    float: left;
    width: 15%;
    margin: 1% 2%;
    padding: 0%;
    text-align: center;
    background-color: rgba(15,195,64,1.00);
    color: azure;
    font-size: 135%;
	border-bottom:black thin solid;
}

#construction{
	clear: none;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 200%
}

#site-wraper {
	clear: none;
	float: left;
	width: 100%;
	margin: 0%;
	padding: 0%;
}

#header-wraper {
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    font-family: knewave;
    font-size: 200%;
    font-style: normal;
    font-weight: 400;
	background-color: rgba(255,142,0,1.00);
}
#business-logo {
	clear: none;
	float: left;
	width: 18%;
	margin: 2% 2%;
	padding: 0%;
	
}
#business-name {
	clear: none;
	float: left;
	width: 60%;
	margin: 2% 0% 1% 4%;
	font-size: 200%;
	color: aliceblue;
	border-bottom: rgba(253,0,4,1.00) thin solid;
	text-shadow: -1px 1px 4px black;
	text-align:center;
	
	
}
#slogan {
	clear: none;
	float: left;
	width: 60%;
	margin: 0% 0% 1% 4%;
	font-size: 120%;
	color: red;
	
	text-shadow: -1px 1px 4px black;
	text-align:center;
}
#page-contet {
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    font-family: didact-gothic;
    font-style: normal;
    font-weight: 400;
}
#about {
	
	clear: none;
	float: left;
	width: 100%;
	margin: 0%;
	padding: 0%;
	background-color: azure;
}
#about-title {
    clear: none;
    float: left;
    width: 81%;
    margin: 2% 6% ;
    padding: 0%;
    font-family: knewave;
    font-style: normal;
    font-weight: 400;
	font-size: 270%;
	border-bottom: 
rgba(255,142,0,1.00)thin solid;}
#about-content-wraper {
	
	clear: none;
	float: left;
	width: 90%;
	margin: 0% 5% 2%;
	padding: 0%;
	background-color: rgba(203,0,3,1.00)
}
#about-contet {
	
	clear: none;
	float: left;
	width: 40%;
	margin: 0%;
	padding: 2%;
	background-color: rgba(203,0,3,1.00);
	color: aliceblue;
	font-size: 146%;
	text-align: justify;
}
#about-picture {
	clear: none;
	float: left;
	width: 56%;
}

#music {
	clear:none;
	float: left;
	width: 100%;
	margin: 0%;
	padding: 0%;
	background-color: rgba(219,37,40,1.00);
	color: azure;
}
#music-title {
	clear: none;
    float: left;
    width: 81%;
    margin: 2% 6% ;
    padding: 0%;
    font-family: knewave;
    font-style: normal;
    font-weight: 400;
	font-size: 270%;
	border-bottom: 
rgba(255,142,0,1.00)thin solid;
}
#music-content-wraper {
	
	clear: none;
	float: left;
	width: 90%;
	margin: 0% 3% 3% 3%;
	padding: 2%;
	background-color: rgba(203,0,3,1.00);
	color: aliceblue;
	font-size: 146%;
	text-align: justify;
	border-radius: 20px;
}
#song-wraper-1 {
	clear: none;
	float: left;
	width: 45%;
	padding: 0.5%;
	border-right: rgba(0,26,150,1.00) thin solid;
}
#album-art {
	clear: none;
	float: left;
	width: 36%
}
#album-description {
	clear: none;
	float: left;
	width: 63%;
	background-color: black;
}
#album-name {
	clear: none;
    float: left;
    width: 99%;
    margin: 0% 2% ;
    padding: 0%;
    font-family: knewave;
    font-style: normal;
    font-weight: 400;
	font-size: 90%;
	border-bottom: 
rgba(255,142,0,1.00)thin solid;
	text-align: left;
}
#album-title-album {
	clear: none;
	font-family: didact-gothic;
    font-style: normal;
    font-weight: 400;
	font-size: 81%;
}
#song-player-wraper {
	clear: none;
	float: left;
	background-color: black;
}
#button-visit-album {
    clear: none;
    float: left;
    width: 48%;
	margin: 1% 1%;
	background-color: darkorange;
    color: rgba(255,255,255,1.00);
    border-radius: 30px;
    text-align: center;
    border-bottom: rgba(0,0,0,1.00) thin solid;
}
#button-contribute {
    clear: none;
    float: left;
    width: 36%;
    margin: 1% 1%;
    background-color: rgba(0,187,255,1.00);
    color: rgba(55,43,43,1.00);
    border-radius: 30px;
    text-align: center;
    border-bottom: rgba(0,0,0,1.00) thin solid;
}
	
	#button-visit-album-album {
    clear: none;
    float: left;
    width: 90%;
	margin: 1% 1%;
	background-color: darkorange;
    color: rgba(255,255,255,1.00);
    border-radius: 30px;
    text-align: center;
    border-bottom: rgba(0,0,0,1.00) thin solid;
}
#button-contribute-album {
    clear: none;
    float: left;
    width: 90%;
    margin: 1% 1%;
    background-color: rgba(0,187,255,1.00);
    color: rgba(55,43,43,1.00);
    border-radius: 30px;
    text-align: center;
    border-bottom: rgba(0,0,0,1.00) thin solid;
}
	
/*::::::::::::::::::::ARTICLES::::::::::::::::*/
	/*::::::::::::::::::::ARTICLES::::::::::::::::*/	
	/*::::::::::::::::::::ARTICLES::::::::::::::::*/	
	/*::::::::::::::::::::ARTICLES::::::::::::::::*/	
	/*::::::::::::::::::::ARTICLES::::::::::::::::*/	
	/*::::::::::::::::::::ARTICLES::::::::::::::::*/	
	/*::::::::::::::::::::ARTICLES::::::::::::::::*/	
	#articles-directory {
		clear: none;
		float: left;
		width: 90%;
		margin: 2%;
	}
	#article-content {
		clear: none;
		float: left;
		width: 90%;
		margin: 1% 3%;
		padding: 1%;
		border: rgba(203,0,3,1.00) thin solid;
		border-radius: 20px;
	}	
	
}












@media (min-width: 300px) and (max-width: 630px) and (orientation: landscape){
body {
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    background-color: rgba(255,255,255,1.00);
    color: dimgray;
}

a {
	color: inherit;
	text-decoration: inherit;
}
img{margin: 0%;padding: 0%;
	display: block;}
#website-ownership {
	clear: none;
	float: left;
	width: 100%;
	padding-top: 2%;
	padding-bottom: 2%;
	font-family: caudex;
	font-style: normal;
	font-weight: 400;
	color: rgba(116,116,116,1.00);
	background-color: rgba(31,31,31,1.00);
	text-align: center;
}
#vorstellungm-logo {
		border: rgba(72,71,71,1.00) thin solid; padding-left: 1%; padding-top: 2%; padding-right: 1%; padding-bottom: 4%; width: 13%; height: 90px; margin: 4% auto; font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif; font-size: 202%;
	}

#menu {
	clear: none;
	float: left;
	width: 100%;
	margin: 0%;
	padding: 0%;
	background-color:rgba(31,31,31,1.00);
}
#menu-button-home {
    clear: none;
    float: left;
    width: 21%;
    margin: 1% 2%;
    padding: 0%;
    text-align: center;
    background-color: rgba(19,123,220,1.00);
    color: azure;
    font-size: 135%;
	border-bottom:black thin solid;
}
#menu-button-bio {
    clear: none;
    float: left;
    width: 21%;
    margin: 1% 2%;
    padding: 0%;
    text-align: center;
    background-color: rgba(165,19,220,1.00);
    color: azure;
    font-size: 135%;
	border-bottom:black thin solid;
}
#menu-button-music {
	clear: none;
	float: left;
	width: 21%;
	margin: 1% 2%;
	padding: 0%;
	text-align: center;
	background-color: crimson;
	color: azure;
	font-size: 135%;
	border-bottom:black thin solid;
}
#menu-button-contact {
    clear: none;
    float: left;
    width: 21%;
    margin: 1% 2%;
    padding: 0%;
    text-align: center;
    background-color: rgba(220,82,19,1.00);
    color: azure;
    font-size: 135%;
	border-bottom:black thin solid;
}

#construction{
	clear: none;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 130%
}

#site-wraper {
	clear: none;
	float: left;
	width: 100%;
	margin: 0%;
	padding: 0%;
}

#header-wraper {
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    font-family: knewave;
    font-size: 200%;
    font-style: normal;
    font-weight: 400;
	background-color: rgba(255,142,0,1.00);
}
#business-logo {
	clear: none;
	float: left;
	width: 18%;
	margin: 1% 21%;
	padding: 0%;
	
}
#business-name {
	clear: none;
	float: left;
	width: 90%;
	margin: 0% 0% 1% 4%;
	font-size: 128%;
	color: aliceblue;
	border-bottom: rgba(253,0,4,1.00) thin solid;
	text-shadow: -1px 1px 4px black;
	text-align:center;
	
	
}
#slogan {
	clear: none;
	float: left;
	width: 90%;
	margin: 0% 0% 1% 4%;
	font-size: 100%;
	color: red;
	
	text-shadow: -1px 1px 4px black;
	text-align:center;
}
#page-contet {
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    font-family: didact-gothic;
    font-style: normal;
    font-weight: 400;
}
#about {
	
	clear: none;
	float: left;
	width: 100%;
	margin: 0%;
	padding: 0%;
	background-color: azure;
}
#about-title {
    clear: none;
    float: left;
    width: 81%;
    margin: 2% 6% ;
    padding: 0%;
    font-family: knewave;
    font-style: normal;
    font-weight: 400;
	font-size: 270%;
	border-bottom: 
rgba(255,142,0,1.00)thin solid;}
#about-content-wraper {
	
	clear: none;
	float: left;
	width: 90%;
	margin: 0% 5% 2%;
	padding: 0%;
	background-color: rgba(203,0,3,1.00)
}
#about-contet {
	
	clear: none;
	float: left;
	width: 90%;
	margin: 0%;
	padding: 2%;
	background-color: rgba(203,0,3,1.00);
	color: aliceblue;
	font-size: 146%;
	text-align: justify;
}
#about-picture {
	clear: none;
	float: left;
	width: 100%;
}

#music {
	clear:none;
	float: left;
	width: 100%;
	margin: 0%;
	padding: 0%;
	background-color: rgba(219,37,40,1.00);
	color: azure;
}
#music-title {
	clear: none;
    float: left;
    width: 81%;
    margin: 2% 6% ;
    padding: 0%;
    font-family: knewave;
    font-style: normal;
    font-weight: 400;
	font-size: 270%;
	border-bottom: 
rgba(255,142,0,1.00)thin solid;
}
#music-content-wraper {
	
	clear: none;
	float: left;
	width: 90%;
	margin: 0% 3% 3% 3%;
	padding: 2%;
	background-color: rgba(203,0,3,1.00);
	color: aliceblue;
	font-size: 146%;
	text-align: justify;
	border-radius: 20px;
}
#song-wraper-1 {
	clear: none;
	float: left;
	width: 90%;
	padding: 0.5%;
	border-bottom: rgba(0,26,150,1.00) thin solid;
}
#album-art {
	clear: none;
	float: left;
	width: 90%
}
#album-description {
	clear: none;
	float: left;
	width: 90%;
	background-color: black;
}
#album-name {
	clear: none;
    float: left;
    width: 99%;
    margin: 0% 2% ;
    padding: 0%;
    font-family: knewave;
    font-style: normal;
    font-weight: 400;
	font-size: 90%;
	border-bottom: 
rgba(255,142,0,1.00)thin solid;
	text-align: left;
}
#album-title-album {
	clear: none;
	font-family: didact-gothic;
    font-style: normal;
    font-weight: 400;
	font-size: 81%;
}
#song-player-wraper {
	clear: none;
	float: left;
	background-color: black;
}
#button-visit-album {
    clear: none;
    float: left;
    width: 90%;
	margin: 3%;
	background-color: darkorange;
    color: rgba(255,255,255,1.00);
    border-radius: 30px;
    text-align: center;
    border-bottom: rgba(0,0,0,1.00) thin solid;
}
#button-contribute {
    clear: none;
    float: left;
    width: 60%;
    margin: 3%;
    background-color: rgba(0,187,255,1.00);
    color: rgba(55,43,43,1.00);
    border-radius: 30px;
    text-align: center;
    border-bottom: rgba(0,0,0,1.00) thin solid;
}
	
	#button-visit-album-album {
    clear: none;
    float: left;
    width: 90%;
	margin: 3%;
	background-color: darkorange;
    color: rgba(255,255,255,1.00);
    border-radius: 30px;
    text-align: center;
    border-bottom: rgba(0,0,0,1.00) thin solid;
}
#button-contribute-album {
    clear: none;
    float: left;
    width: 90%;
    margin: 3%;
    background-color: rgba(0,187,255,1.00);
    color: rgba(55,43,43,1.00);
    border-radius: 30px;
    text-align: center;
    border-bottom: rgba(0,0,0,1.00) thin solid;
}
	
	
	
	
}