/* --- BODY GLOBAL --- */

body { 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000;
	margin: 50px;
}


/* --- TEXTLINKS --- */

a { color: #FFF; text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { color: #FF69B4; text-decoration: none; }


/* --- BILDLINKS OHNE RAHMEN --- */

a img { border: none; }


/* --- INHALT --- */

.content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-items: stretch;
	align-content: stretch;
  }

.link01 {
    flex: 1 1 500px;
    margin: 20px;
	border: 0px;
	padding: 50px;
	background-image: url("../pics/bandcamp.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	font-size: 7rem;
	font-weight: bold;
	font-style: normal;
	line-height: 0.8;
	text-align: right;
  }

.link03 {
    flex: 1 1 500px;
    margin: 20px;
	border: 0px;
	padding: 50px;
	background-image: url("../pics/dafont.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	font-size: 7rem;
	font-weight: bold;
	font-style: normal;
	line-height: 0.8;
	text-align: right;
  }

.link04 {
    flex: 1 1 500px;
    margin: 20px;
	border: 0px;
	padding: 50px;
	background-image: url("../pics/tremorhex.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	font-size: 7rem;
	font-weight: bold;
	font-style: normal;
	line-height: 0.8;
	text-align: right;
  }

.link05 {
    flex: 1 1 500px;
    margin: 20px;
	border: 0px;
	padding: 50px;
	background-image: url("../pics/thfx.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	font-size: 7rem;
	font-weight: bold;
	font-style: normal;
	line-height: 0.8;
	text-align: right;
  }

.link06 {
    flex: 1 1 500px;
    margin: 20px;
	border: 0px;
	padding: 50px;
	background-image: url("../pics/instagram.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	font-size: 7rem;
	font-weight: bold;
	font-style: normal;
	line-height: 0.8;
	text-align: right;
  }

.link07 {
    flex: 1 1 500px;
    margin: 20px;
	border: 0px;
	padding: 50px;
	background-image: url("../pics/dafont.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	font-size: 7rem;
	font-weight: bold;
	font-style: normal;
	line-height: 0.8;
	text-align: right;
  }

.link08 {
    flex: 1 1 500px;
    margin: 20px;
	border: 0px;
	padding: 50px;
	background-image: url("../pics/sternbruecke.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	font-size: 7rem;
	font-weight: bold;
	font-style: normal;
	line-height: 0.8;
	text-align: right;
  }

.link09 {
    flex: 1 1 500px;
    margin: 20px;
	border: 0px;
	padding: 50px;
	background-image: url("../pics/noiseberg.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	font-size: 7rem;
	font-weight: bold;
	font-style: normal;
	line-height: 0.8;
	text-align: right;
  }

.link10 {
    flex: 1 1 500px;
    margin: 20px;
	border: 0px;
	padding: 50px;
	background-image: url("../pics/bandcamp_col.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	font-size: 7rem;
	font-weight: bold;
	font-style: normal;
	line-height: 0.8;
	text-align: right;
  }