body {
	margin: 0;
	font-family: monospace;
/* 	height: 2000px; Damit Scrollen möglich ist */ 
    background: linear-gradient(white, lightblue);
}

a {
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

ol, ul {
  list-style: none;
}

h1 {
    font-family: sans-serif;
    font-size: 45px;
    line-height: 30px;
    font-weight: 900;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #0084f8;
    /* height: 70px; */
    margin-top: 0px;
    margin-bottom: 10px;
}

h1 span {
  color: #ffffff;
}

h1 a:hover {
  color: inherit;
}

.category_ttl {
	font-weight: bold;
	font-size: 15px;
}

@media only screen and (max-width: 6000px) {
  	
}

@media only screen and (max-width: 1400px) {
  	
}


@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 1150px) {
	
}

@media only screen and (max-width: 1100px) {

}

@media only screen and (max-width: 1050px) {

}

@media only screen and (max-width: 980px) {
  	
}
@media only screen and (max-width: 940px) {

}

@media only screen and (max-width: 875px) {

}

@media only screen and (max-width: 850px) {

}

@media only screen and (max-width: 830px) {

}

@media only screen and (max-width: 820px) {

}

@media only screen and (max-width: 790px) {

}

@media only screen and (max-width: 760px) {

}

@media only screen and (max-width: 740px) {

}

@media only screen and (max-width: 710px) {

}

@media only screen and (max-width: 695px) {

}

@media only screen and (max-width: 660px) {

}

@media only screen and (max-width: 640px) {

}

@media only screen and (max-width: 620px) {
	
}

@media only screen and (max-width: 610px) {

}

@media only screen and (max-width: 600px) {
	
}

@media only screen and (max-width: 570px) {

}

@media only screen and (max-width: 520px) {

}

@media only screen and (max-width: 500px) {

}
	
@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 450px) {
	
}

@media only screen and (max-width: 430px) {

}

@media only screen and (max-width: 400px) {

}

@media only screen and (max-width: 380px) {
	
}

@media only screen and (max-width: 370px) {

}

@media only screen and (max-width: 360px) {
    
}

@media only screen and (max-width: 350px) {

}
/*========================================================
                    BODY styles
=========================================================*/




/*========================================================
                    FOOTER styles
=========================================================*/