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

.zeit-hidden{ display: none;}

.zurueck {
	display: none;}

}

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

#preise {
	margin-bottom: 0;}
}


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

td {
	display: block;}

th, .info, .datum-ma, .name{ display: none;}

.rahmen td {
	border: 0;
	padding: 0;}

.abstand {
	padding-right: 0;}
	
.datum, .datum-we, .datum-anders {
	padding-top: 15px;}
	
#belegungsplan {
	margin-top: 5px;
	margin-bottom: 45px;}

.site-nav {
	margin: 0;}

h2 {
	margin-bottom: 0;}

.top-margin {
	margin-bottom: 0;}

.edit { 
	display: inline;
	margin-right: 14px;
}

.link-button:link, .link-button:visited {
	padding-top: 10px;
	padding-bottom: 10px;}

.edit img {
	width: 50px;
	margin-bottom: 45px;}
	
.email{
	margin-top: 15px;}

#buchung-neu {
	margin-top: 15px;}
	
#buchungsuebersicht td:last-child{
	padding-bottom: 30px;}
	
.dienst-ja, .dienst-nein{
	padding-top: 15px;}
	
.dienst-nein a:link, .dienst-nein a:visited {
	padding: 15px;}
	
.dienstplan td , .dienstplan th {
	border: none;}
	
.site-nav {
	margin-bottom: 15px;}

}

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

#logo {
	width: 100px;}

}

@media screen and (min-width:600px) and (max-width:999px) {

h1 {
	font-size: 1.4rem;
	font-weight: 400;
	margin: 0;
	padding-top: 5%;}
	

h2 {
	font-size: 1.4rem;
	font-weight: 400;}
	
}

@media screen and (min-width:1000px) and (max-width:1299px) {

.container {
    width: 95%;
	margin: 0 auto;}


body{  
	font-size: 1.2rem;}

h1 {
	font-size: 1.8rem;
	font-weight: 400;
	margin: 0;
	padding-top: 6%;}
	
h2 {
	font-size: 1.8rem;
	font-weight: 400;}
	
}


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

.container {
    width: 80%;
    margin: 0 auto;
    max-width: 1300px;}

body{  
	font-size: 1.4rem;}

h1 {
	font-size: 2.2rem;
	font-weight: 400;
	margin: 0;
	padding-top: 6%;}

h2 {
	font-size: 2.2rem;
	font-weight: 400;}
	
}