@font-face {
  font-family: 'Myriad';
  font-style: normal;
  src: url('myriad-pro-8.eot');
}

@font-face {
  font-family: 'Matura MT Script Capitals';
  font-style: normal;
  src: url('MATURASC.TTF');
}
 
body{
 font-family: 'Myriad', 'Arial';
 font-size: 300%;
 color:#000000;
}
.blau{
 color:#005498;
}
.link{
 color:#005498;
 text-align:right;
}
.warenkorb{
 font-size: 90%;
 color:#005498;
 padding:0% 2% 0.5% 2%;
}
.warenkorb_text{
 text-align:left;
 float: left;
}
.warenkorb_anzeige{
 text-align:right;
}
.box_fehler{
 color:#c80315;
}
.kopfzeile{
 font-size: 90%;
 text-align:center;
 color:#000000;
 background:#85cee5;
 padding:5% 1% -1% 1%;
}
.schriftzug{
 text-align:center;
 font-family: 'Matura MT Script Capitals', Arial;
 font-size: 250%;
 text-shadow: 4px 4px 4px #aaa;
 color:#005498;
 margin: -1% 0% -3% 0%;
}
.schriftzug_2{
 text-align:center;
 font-family: 'Matura MT Script Capitals', Arial;
 font-size: 150%;
 color:#005498;
 margin: 0% 0% -3% 0%;
}
.reservierung{
 font-size: 80%;
 color:#005498;
}
.ort{
 font-size: 90%;
}
.band{
 color:#005498;
 font-weight:bold; 
 font-size: 120%;
 display: inline;
}
.tisch{
 float: left;
 margin: 0.5%;
}
.ueberschrift{
 font-size: 110%;
 text-align:center;
 color:#005498;
}
.kontakt{
 font-size: 110%;
 color:#005498;
 font-style:italic;
}
.card{
 margin: 0 5% 5% 5%;
 font-size: 80%;
 float:left;
}
.card-title{
 padding:1% 2% 0% 2%;
}
.card-body{
 text-align:center;
}
.card-footer{
 text-align:right;
}
.spende{
 text-align:left;
 float:left;
}

.bild{
 width:100%;
}
.main{
 margin:0% 2.5% 0% 2.5%;
}
.footer{
 margin:5%;
}
table{
 font-size: 90%;
}
.noPrint{
 display: block;
}
.btn-hinzufuegen, .btn-hinzufuegen:hover, .btn-loeschen, .btn-loeschen:hover{
  padding: 0.5%;
  margin: 2%; 
  text-align: center;
  text-decoration: none;
  font-size: 90%;
  width: 30%;
  border-radius: 10px;
  display: inline-block;
}
.btn-login{
  padding: 0.5%;
  margin: 1%; 
  text-align: center;
  text-decoration: none;
  font-size: 90%;
  width: 7%;
  border-radius: 10px;
  display: inline-block;
}
.btn-hinzufuegen, .btn-login{
  background-color: #49be25;
  border: 5px solid #49be25;
  color: #FFFFFF;
}
.btn-hinzufuegen:hover, .btn-login:hover {
  background-color: #FFFFFF;
  border: 5px solid #49be25;
  color: #49be25;
  text-decoration: none;
}

.btn-hin{
  background-color: #49be25;
  border: 5px solid #49be25;
  color: #FFFFFF;
}
.btn-hin:hover{
  background-color: #FFFFFF;
  border: 5px solid #49be25;
  color: #49be25;
  text-decoration: none;
}
.btn-loe{
  background-color: #c80315;
  border: 5px solid #c80315;
  color: #FFFFFF;
}
.btn-loe:hover {
  background-color: #FFFFFF;
  border: 5px solid #c80315;
  color: #c80315;
  text-decoration: none;
}

.btn-loeschen{
  background-color: #c80315;
  border: 5px solid #c80315;
  color: #FFFFFF;
}
.btn-loeschen:hover {
  background-color: #FFFFFF;
  border: 5px solid #c80315;
  color: #c80315;
  text-decoration: none;
}
.btn-reservieren, .btn-reservieren:hover{
  padding: 0.5%;
  margin: 1%; 
  text-align: center;
  text-decoration: none;
  font-size: 90%;
  width: 70%;
  display: inline-block;
  border-radius: 10px;
}
.btn-reservieren{
  background-color: #005498;
  border: 5px solid #005498;
  color: #FFFFFF;
}
.btn-reservieren:hover {
  background-color: #FFFFFF;
  border: 5px solid #005498;
  color: #005498;
  text-decoration: none;
}