.link{
    color: #78bfff;
    font-family: 'Pacifico', cursive;
    font-size: 16px;
}

@media (min-width: 900px) {
    body{
	width: auto;
	height: auto;
    }
    .wrap{
	position: relative;
	width: 600px;
	height: auto;
	left: 50%;
	margin-left: -300px;
	background-color: rgba(30,30,30,0.8);
        color: white;
	margin-top: 25px;
	padding: 25px;
    }
    .kategorie{
	margin: 10px;
	width: 400px;
	height: auto;
	opacity: 1;
        background-size: 100%;
        font-family: 'Pacifico', cursive; 
	color: white;
	font-size: 28px;
	text-align: left;
	padding-left: 25px;
	padding-top: 35px;
	padding-bottom: 30px;
	text-shadow: 2px 2px 4px #101010;
    }
    .hp{
        font-family: 'Pacifico', cursive; 
        font-size: 40px; 
        line-height: 15px;
        margin-top: 20px;
        text-shadow: 2px 2px 4px #101010;
    }
    .hup{
        font-family: 'Pacifico', cursive; 
        font-size: 22px;  
        text-shadow: 2px 2px 4px #101010;
    }
    .hp2{
        font-family: 'Pacifico', cursive; 
        font-size: 30px; 
        text-shadow: 2px 2px 4px #101010;
    }
    .hupbottom{
        font-family: 'Pacifico', cursive; 
        font-size: 18px;  
        text-shadow: 2px 2px 4px #101010;
    }
    .bottom{
        padding-bottom: 0px;
    }
}
@media (max-width: 899px) {
    body{
	width: auto;
	height: auto;
    }
    .wrap{
	position: relative;
	height: auto;
	background-color: rgba(30,30,30,0.7);
        color: white;
	margin-top: 20px;
    }
    .kategorie{
	opacity: 1;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 280px;
	height: 70px;
        background-size: 100%;
        font-family: 'Pacifico', cursive; 
	color: white;
	font-size: 28px;
	text-align: left;
	padding-left: 25px;
        padding-top: 15px;
	text-shadow: 2px 2px 4px #101010;
    }
    .hp{
        font-family: 'Pacifico', cursive; 
        font-size: 48px; 
        line-height: 50px;
        text-shadow: 2px 2px 4px #A1A1A1;
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
        text-shadow: 2px 2px 4px #101010;
    }
    .hup{
        font-family: 'Pacifico', cursive; 
        font-size: 24px; 
        line-height: 30px; 
        text-shadow: 2px 2px 4px #A1A1A1;
        padding-left: 15px;
        padding-right: 15px;
        text-shadow: 2px 2px 4px #101010;
    }
    .hp2{
        font-family: 'Pacifico', cursive; 
        font-size: 32px; 
        text-shadow: 2px 2px 4px #A1A1A1;
        padding-left: 15px;
        padding-right: 15px;
        text-shadow: 2px 2px 4px #101010;
    }
    .hupbottom{
        font-family: 'Pacifico', cursive; 
        font-size: 18px;  
        text-shadow: 2px 2px 4px #101010;
    }
    .bottom{
        padding-bottom: 20px;
    }
}