@media only screen and (min-width:1px){

	body{
	background-image:url("Hintergrund.jpg");
	background-size: cover;
	background-attachment:fixed;
	}
	
	#container{
		width:98%;
		height:98%;
	}

	article{
		text-align:center;
	}

	article.Profil{
		text-align:left;
		font-size:1.5vw;
	}

	article.Kontakt{
		text-align:center;
		font-size:3vw;
	}

	main{
		margin-top:3%;
		margin-left:30%;
		margin-right:10%;
	}



	section {
		width:15%;
		height:10.5%;
		margin-left:53%;
	}

	img.logo {
		margin-left:auto;
		margin-right:auto;
		width:100%;
		height:auto;
	}

	img.profil {
		margin-left:auto;
		margin-right:auto;
		width:40%;
		height:auto;
	}

	header{
		margin-right:40%;
		font-size:50px;
		text-align:center;
	}

	leftbar{
		position:fixed;
		left:1%;
		top:40%;
		height:30%;
		width:15%;
		font-size:2vw;
	}

	a:link {
  		color: black;
  		text-decoration: none;
	}

	a:visited {
		 color: black;
 		 text-decoration: none;
	}

	h1{
		text-align:center;
		font-size:2vw;
	}

	h2{
		text-align:center;
		border-bottom: 1px solid;
		font-size:1.5vw;
	}

	h3{
		font-size:14px;
		font-style: italic;
		font-size:1.5vw;
	}

	h4{
		font-size:4vw;
	}

	h6{
		font-size:5vw;
		margin-top:10px;
		margin-bottom:0px;
	}

	.btn {
		line-height: 50px;
		height: 50px;
		text-align: center;
		width: 250px;
		cursor: pointer;
	  }

	.btn-aktiv{
		font-weight: bold;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-color: black;
		border-bottom-color: black;
	}  

	  .btn-one {
		color:black;
		transition: all 0.3s;
		position: relative;
	  }

	  .btn-one span {
		transition: all 0.3s;
	  }

	  .btn-one::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0;
		transition: all 0.3s;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-color: black;
		border-bottom-color: black;
		transform: scale(0.1, 1);
	  }

	  .btn-one:hover span {
		letter-spacing: 2px;
	  }

	  .btn-one:hover::before {
		opacity: 1; 
		transform: scale(1, 1); 
	  }

	  .btn-one::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		transition: all 0.3s;
		background-color: rgba(255,255,255,0.1);
	  }

	  .btn-one:hover::after {
		opacity: 0; 
		transform: scale(0.1, 1);
	  }
}