@font-face {
    font-family: nextart;
    src: url('fonts/nextartfont/nextart_regular.otf')
    format("opentype");
}

*{
	margin:0;
	padding:0;
}

html, body{
	height:100%;
}

body{
	color:#ffffff;
    background-color:#343434;
    font-family: nextart, Hevetica, Arial, sans-serif;
}

a{text-decoration: none;}

a:hover{text-decoration: none;}

p{
    font-family: Hevetica, Arial, sans-serif;
    color:#ffffff;
}

.wrapper{
    min-height: 100%;
}

nav{
    background-color:#686868;
}

.bildnav:hover{
    filter:alpha(opacity=80); /* IE 5-7 */
    opacity: 0.8; /* CSS3 Standard */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.bildnav{
    filter: alpha(opacity=100); /* IE 5-7 */
    opacity: 1.0; /* CSS3 Standard */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.inhalt{
	padding-bottom:150px;
}

.PositionFooter{
	height:180px;
	width:100%;
	margin-top:-160px;
}

.fodder{
    min-height: 100px;
    display: flex;
    text-align:center;
    align-items: center;
    justify-content: center;
}

.inputt{
    font-family: Hevetica, Arial, sans-serif;
}

.gras{
	width:100%;
	height:80px;
}

#grasM{float:left;
	color:transparent;
	width:950px;
	height:100%;
	background-image:url("schnecken/gras.png");
 	background-repeat: repeat-x;
	background-size: contain;
}

#grasL{
	float:left;
	color:transparent;
	width:80px;
	height:100%;
	background-image:url("schnecken/grasL.png");
 	background-repeat: repeat-x;
	background-size: contain;
}

#grasR{
	float:left;
	color:transparent;
	width:80px;
	height:100%;
	background-image:url("schnecken/grasR.png");
 	background-repeat: repeat-x;
	background-size: contain;
}

.buttontext {
	color: #ffffff;
	text-align:center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	margin: 10px;
	white-space: nowrap;
}

.buttonbild {
	margin: 10px;
	height: 80px;
}

@media(max-width:575px){
	.buttontext{font-size: 13px;}
	.buttonbild{margin-left: 20px;
				height: 50px;		}
}
@media(min-width:576px){
	.buttontext{font-size: 20px;}
	.buttonbild{margin-left: 10px;}
}
@media(min-width:768px){
	.buttontext{font-size: 30px;}
	.buttonbild{margin-left: 20px;}
}
@media(min-width:992px){
	.buttontext{font-size: 40px;}
}
@media(min-width:1200px){
	.buttontext{font-size: 50px;}
}

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