.cart-item.ng-enter {
  -webkit-transition:0.5s linear all;
  transition:0.5s linear all;
  background-color: yellow;
}
.cart-item.ng-enter-active {
  background-color: white;
}

.content {
	margin: auto;
}

.UhrzeitListe {
	background-color: beige;
	margin-left: 20px;
}
body {font-size: 100%;}
td {font-size: 100%;}
.btn {font-size: 100%;}
@media (max-width: 1024px) {
  /* Beispiel: kleinere Schriftgröße auf Handys */
  body {
    font-size: 14px;
  }
  .menu {
    display: none; /* Menü ausblenden */
  }
  .mobile-menu {
    display: block; /* Mobiles Menü einblenden */
  }
}
@media screen and (orientation: landscape) {
.monatskalender {
	float: left;
}
}

.uhrzeitenliste {
	margin: auto;
	text-align: left;
	width: 300px;
	
}

.monat-vor {
	text-align: right;
}
.monat-back {
	text-align: left;
}
.monat-name {
	text-align: center;
}
.monat {
	color: blue;
	font-size: 130%;
	font-weight: bold;
}
	

.monat-wochentage {
	border-bottom: 2px solid gray;
	background-color: beige;
}

.monat-tag {
	border: 1px solid silver;
	margin: 5px;
	padding: 5px;
	width: 100px;
	text-align: center;
}

.nofree {
	color: silver;
	text-decoration: line-through;
}

.free {
	color: green;
	font-size: 110%;
	font-weight: bold;
}
.freiezeitenliste {
	vertical-align: top;
	background-color: beige;
}
.terminbuchauswahl {
	vertical-align: top;
	background-color: beige;
}

td {
	padding: 5px;
	margin: 1px;
}
table {
	border-spacing: 10px;
	background-color: lightblue;
}

.buchen {
	text-align: right;
}

.buchenBtn {
	text-align: right;
	background-color: lightgreen;
	font-weight: bold;
}
.bmk_userdata {
	font-size: -1;
	
}