anchor.diff:  		</div>
   	</div>
   	<p>&nbsp;</p>
  -	<footer class="w3-container w3-teal">
  +	<footer class="w3-container w3-theme-d5">
   		<h5>Cookbook</h5>
   		<p>by René Anderes</p>
   	</footer> 	
   	
   	<div id="dialogDelete" class="w3-modal">
   		<div class="w3-modal-content w3-card-4 w3-animate-zoom" style="max-width:400px">
  -			<header class="w3-container w3-blue">
  -				<span onclick="dialogDelete.cancel();" class="w3-button w3-blue w3-xlarge w3-display-topright" title="Close Dialog">&times;</span>
  +			<header class="w3-container w3-theme-d5">
  +				<span onclick="dialogDelete.cancel();" class="w3-button w3-theme-d4 w3-xlarge w3-display-topright" title="Close Dialog">&times;</span>
   				<h2>Confirmation Required</h2>
   			</header>
   			<div class="w3-container">
   				<p>Das Rezept wirklich löschen?</p>
   			</div>
  -			<div class="w3-container w3-light-grey w3-padding">
  +			<div class="w3-container w3-theme-l4 w3-padding">
   				<div class="w3-bar w3-right-align">
  -					<button class="w3-button w3-red" onclick="dialogDelete.confirm();">Ja</button>
  -					<button class="w3-button w3-red" onclick="dialogDelete.cancel();">Nein</button>
  +					<button class="w3-button w3-theme-d4" onclick="dialogDelete.confirm();">Ja</button>
  +					<button class="w3-button w3-theme-d4" onclick="dialogDelete.cancel();">Nein</button>
   				</div>
   			</div>
   		</div>
  
positive.code: 					inputQuantity.val( ingredient.portion );
  				}
  				inputQuantity.appendTo( colQuantity );
  				labelQuantity = $("<label class='w3-text-gray w3-tiny'>");
  				labelQuantity.text( "Menge" );
  				labelQuantity.appendTo( colQuantity );
  				
  
negative.code: 		html, body, h1, h2, h3, h4, h5, h6 {
  		    font-family: "Proza Libre", Verdana, Helvetica, sans-serif;
  		}
  		/* tag-editor */
  		.tag-editor-tag {color:#fff !important; background-color:#77a3ca !important}	/* w3-theme-d1 */
  		.tag-editor-spacer {color:#f8fbfc !important; background-color:#f8fbfc !important} /* w3-theme-l5 */
  		/* delete icon */
  		.tag-editor .tag-editor-delete {color:#fff !important; background-color:#77a3ca !important}	/* w3-theme-d1 */
  		.tag-editor .tag-editor-delete i:before { color:#fff !important; }
  		.tag-editor .tag-editor-delete:hover i:before { color: #f44336 !important; }	/* w3-red */
  		 
  		/* w3.css theme (siehe https://www.w3schools.com/w3css/w3css_color_generator.asp) */
  		.w3-theme-l5 {color:#000 !important; background-color:#f8fbfc !important}
  		.w3-theme-l4 {color:#000 !important; background-color:#e9f0f6 !important}
  		.w3-theme-l3 {color:#000 !important; background-color:#d3e1ee !important}
  		.w3-theme-l2 {color:#000 !important; background-color:#bdd2e5 !important}
  		.w3-theme-l1 {color:#000 !important; background-color:#a7c4dd !important}
  		.w3-theme-d1 {color:#fff !important; background-color:#77a3ca !important}
  		.w3-theme-d2 {color:#fff !important; background-color:#5d92c0 !important}
  		.w3-theme-d3 {color:#fff !important; background-color:#4681b4 !important}
  		.w3-theme-d4 {color:#fff !important; background-color:#3c6e9a !important}
  		.w3-theme-d5 {color:#fff !important; background-color:#325c81 !important}
  		
  		.w3-theme-light {color:#000 !important; background-color:#f8fbfc !important}
  		.w3-theme-dark {color:#fff !important; background-color:#325c81 !important}
  		.w3-theme-action {color:#fff !important; background-color:#325c81 !important}
  		
  		.w3-theme {color:#000 !important; background-color:#92b6d5 !important}
  		.w3-text-theme {color:#92b6d5 !important}
  		.w3-border-theme {border-color:#92b6d5 !important}
  		
  		.w3-hover-theme:hover {color:#000 !important; background-color:#92b6d5 !important}
  		.w3-hover-text-theme {color:#92b6d5 !important}
  		.w3-hover-border-theme:hover {border-color:#92b6d5 !important}
  	</style>
  	<title>Kochbuch chez René</title>
  </head>
  <body class="w3-theme-l5">
  	<!-- Sidebar -->
  	<div class="w3-sidebar w3-bar-block w3-card-2 w3-animate-left w3-theme-l4" style="display:none;left:0;" id="mySidebar">
  	  <button class="w3-bar-item w3-button w3-red" onclick="w3_close()">Close</button>
  	  <button class="w3-button w3-bar-item w3-theme-d5" onclick="dialogLogin.show()">Login</button>
  	  <button id="addRecipe" class="w3-button w3-bar-item w3-theme-d5" title="neues Rezept erfassen">Neues Rezept</button>
        <button id="backupDatabase" class="w3-button w3-bar-item w3-theme-d5" title="Backup Database">Backup Database</button>
        <button id="about" class="w3-button w3-bar-item w3-theme-d5" title="About">About</button>
  	</div>
  	<script>
  		function w3_open() {
  