@charset "UTF-8";
/* CSS Document */
html,
body {
  height: 100%;
}

html {
  background: #fff;
}

body {

  margin: 0;
  font-family: sans-serif;
  font-size: 20px;
}

a  { color:#000000;
	text-decoration: none;
    outline: none;
}


a:hover {
  color: #636363;
	text-decoration: none;
    outline: thin;
}


a:active {
  color: #000000;
  text-decoration: none;
  outline: none;
}



.content {
  background-color: #ffffff;
  width: 85%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
  font-size: 1.2rem;
	/*min-height: 400px; */
  padding: 1%;
  padding-bottom: 3%;
  margin-bottom: 2rem;
  border-radius: .4rem;
}


.content img {
  max-width: 100%;
	height: auto;
}



hr {
  width: 57%;
  border-width: 1px;
  border-color: rgba(250, 250, 250, .6);
}

.clear {
  clear: both;
}

.logoData {

 display: block;
  margin-left: auto;
  margin-right: auto;
  width: 433px;
	height: 800px;
}

.absatz {
	
		width: 100%;
}

.bandcamp-absatz {
	
	 display: block;
	margin-top: 15px;
	margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.footer {

 display: block;
margin-left: auto;
  margin-right: auto;
  width: 100%;
}



@media only screen and (max-width: 760px) {
  .content {
    width: 90%;
	  text-align: left;
  }
   
      .content iframe {
        width: 90%;
   
        height: auto;
		  text-align: left;
      }
	.bandcamp-absatz {
	
	 display: block;
	margin-top: 15px;
	margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
	
	.logoData {
		  max-width: 100%;
	height: auto;
	}
	
	
}