@media (min-width:320px){
#fotos{
		display: block;
   	max-width: 90%;
    margin: 0 auto;
		align: center;
    border: 1px solid silver;
	}
}

@media (min-width:1025px){
#fotos{
		display: block;
		max-width: 100%;
  	max-height: 80vh;
    margin: 0 auto;
		align: center;
    border: 1px solid silver;
	}
}

@media (min-width:1025px){
#fotos1{
		display: block;
		max-width: 100%;
    margin: 0 auto;
		align: center;
    border: 1px solid silver;
	}
}

@media (min-width:320px){
	#buttons{
		width: 30%;
    margin: 0 auto;
    padding-top: 25px;
		display: table;
	}
}

@media (min-width:1025px){
	#buttons{
		width: 100%;
    margin-left: 0;
		display: table;
	}
}
            
#zuruck{
		display: table-cell;
    text-align: center;
    width: 48%;
    height: 30px;
    background-color: slategray;
    color: white;
    font-size: 1em;
		margin-right: 2%;
		border: 0px solid black;
		border-radius: 0px;
}
            
#vor{
		display: table-cell;
    text-align: center;
    width: 48%;
    height: 30px;
    background-color: slategray;
    color: white;
    font-size: 1em;
		margin-left: 2%;
		border: 0px solid black;
		border-radius: 0px;
}

@media (min-width:320px){
	#artikel{
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
	}
}

@media (min-width:1025px){
	#artikel{
    display: block;
    width: 100%;
    margin: 0 auto;
	}
}

@media (min-width:320px){
	#kategorie{
    display: block;
    width: 100%;
    margin: 0 auto;
		margin-bottom: -3%;
    text-align: center;
		font-size: 1.3em;
    color: #666;
		padding-bottom: 0%;
	}
}

@media (min-width:1025px){
	#kategorie{
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: left;
		font-size: 1.3em;
    color: #666;
	}
}