.Schild         { margin:3px 0px; padding:4px 7px; border-radius:4px; font-size:0.8em; display:inline; }
.TextDurchRot   { display:inline; color:#f00; text-decoration:line-through; }

.Artikelnummer  { font-family: 'PT Mono', Courier; font-size:0.9em; }

.Color1 { background-color:#ffc; }
.Color2 { background-color:#dff; }
.Color3 { background-color:#cfe; }
.Color4 { background-color:#fdd; }
.Color5 { background-color:#fec; }

.g_Delete 				        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Delete.png); transition:0.3s; }
.g_Delete:hover 		        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Delete_hover.png); }
.g_Bild 			            { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Bild.png); transition:0.3s; }
.g_Bild:hover 	                { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Bild_hover.png); }
.g_Dropbox 			            { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Dropbox.png); transition:0.3s; }
.g_Dropbox:hover 	            { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Dropbox.png); }
.g_delete_INV 			        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_delete_INV.png); transition:0.3s; }
.g_delete_INV:hover 	        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_delete_INV_hover.png); }
.g_Download 			        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Download.png); transition:0.3s; }
.g_Download:hover 	            { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Download_hover.png); }
.g_Einstellungen		        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Einstellungen.png);  }
.g_Einstellungen:hover	        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Einstellungen_hover.png); }
.g_Einstellungen_Admin 			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Einstellungen_Admin.png); transition:0.3s; }
.g_Einstellungen_Admin:hover 	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Einstellungen_Admin_hover.png); }
.g_Einstellungen_INV            { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Einstellungen_INV.png); transition:0.3s; }
.g_Einstellungen_INV:hover 	    { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Einstellungen_INV_hover.png); }
.g_Einstellungen_Rot 			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Einstellungen_Rot.png); transition:0.3s; }
.g_Einstellungen_Rot:hover 	    { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Einstellungen_Rot_hover.png); }
.g_ExtLink 				        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_ExtLink.png); transition:0.3s; }
.g_ExtLink:hover 		        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_ExtLink_hover.png); }
.g_Frage 				        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Frage.png); transition:0.3s; }
.g_Frage:hover                  { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Frage_hover.png); }
.g_GoogleDrive                  { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_GoogleDrive.png); transition:0.3s; }
.g_GoogleDrive:hover            { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_GoogleDrive_hover.png); }
.g_Help					        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Help.png); transition:0.3s; }
.g_Help:hover 			        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Help_hover.png); }
.g_Instagram 			        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Instagram.png); transition:0.3s; }
.g_Instagram:hover              { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Instagram_hover.png); }
.g_inWk 				        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_inWk.png); transition:0.3s; }
.g_inWk:hover					{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_inWk_hover.png); }
.g_inWk_Rot                     { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_inWk_Rot.png); transition:0.3s; }
.g_Links_Admin                  { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Links_Admin.png); transition:0.3s; }
.g_Links_Admin:hover            { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Links_Admin_hover.png); }
.g_Logoff				        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Logoff.png); transition:0.3s; }
.g_Logoff:hover			        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Logoff_hover.png); }
.g_Mail 				        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Mail.png); transition:0.3s; }
.g_Mail:hover 			        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Mail_hover.png); }
.g_Modal 				        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Modal.png); transition:0.3s; }
.g_Modal:hover 			        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Modal_hover.png); }
.g_Rechts                       { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Rechts.png); transition:0.3s; }
.g_Rechts:hover                 { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Rechts_hover.png);  }
.g_Links                        { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Links.png); transition:0.3s; }
.g_Links:hover                  { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Links_hover.png); }
.g_Lock                         { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Lock.png); transition:0.3s; }
.g_Lock:hover                   { max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Lock_hover.png); }
.g_News               	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_News.png); transition:0.3s; }
.g_News:hover         	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_News_hover.png); }
.g_Notification       	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Notification.png); transition:0.3s; }
.g_Notification:hover 	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Notification_hover.png); }
.g_PDF                	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_PDF.png); transition:0.3s; }
.g_PDF:hover          	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_PDF_hover.png); }
.g_Plus               	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Plus.png); transition:0.3s; }
.g_Plus:hover         	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Plus_hover.png); }
.g_Punkt              	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Punkt.png); transition:0.3s; }
.g_Punkt:hover			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Punkt_hover.png); }
.g_Print              	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Print.png); transition:0.3s; }
.g_Print:hover			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Print_hover.png); }
.g_Rauf					{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Rauf.png); transition:0.3s; }
.g_Rauf:hover			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Rauf_hover.png); border:0px; }
.g_Rechts_Admin			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Rechts_Admin.png); transition:0.3s; }
.g_Rechts_Admin:hover	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Rechts_Admin_hover.png);  }
.g_Reload				{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Reload.png); transition:0.3s; }
.g_Reload:hover			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Reload_hover.png); }
.g_ReloadButton			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Reload.png); transition:0.3s; }
.g_ReloadButton:hover	{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Reload_hover.png); }
.g_Runter				{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Runter.png); transition:0.3s; }
.g_Runter:hover			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Runter_hover.png); border:0px; }
.g_Statistik			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Statistik.png); transition:0.3s; }
.g_Statistik:hover		{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Statistik_hover.png); }
.g_Teile				{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Teile.png); transition:0.3s; }
.g_Teile:hover			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Teile_hover.png); }
.g_Telefon				{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Telefon.png); transition:0.3s; }
.g_Telefon:hover		{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_Telefon_hover.png); }
.g_www					{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_www.png); transition:0.3s; }
.g_www:hover			{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_www_hover.png); }
.g_YouTube				{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_YouTube.png); transition:0.3s; }
.g_YouTube:hover		{ max-width:25px; max-height:25px; background-size: 100%; background-image: url(/gfx/icons/g_YouTube_hover.png); }

.BGRot			{ background-color:#f00; color:#fff; }
.BGWhite		{ background-color:#fff; color:#333; }
.BGLight		{ background-color:#e6e6e6; color:#666; }
.BGDark			{ background-color:#666; color:#fff; }
.BGGelb			{ background-color:#fe0; color:#333; }
.BGOrange		{ background-color:#ea0; color:#fff; }
.BGGruen		{ background-color:#5c3; color:#fff; }
.BGHellgruen	{ background-color:#beb; color:#000; }
.BGAdmin		{ background-color:#f0f; color:#fff; }
.BGLAdmin		{ background-color:#fbf; color:#333; }
.BGBlau			{ background-color:#56b; color:#fff; }

.BGLightColor	      	{ background-color:#f3f3f3; position:relative;}
.BGLightHover:hover 	{ background-color:#f3f3f3; position:relative;}
.BGAdminColor			{ background-color:#f4f; position:relative; }
.BGAdminLightColor		{ background-color:#fef; position:relative; }
.BGWhiteColor			{ position: relative;}
.BGWhiteHover:hover		{ background-color:#fff; position: relative;}
.BGLightBorderPerm		{ border-radius:10px; border: 1px solid #ddd; }
.BGLightBorder			{ border-radius:10px; border: 1px solid #fff; }
.BGLightBorder:hover	{ border-radius:10px; border: 1px solid #ddd; }

.Minibild	    { display:inline; max-width:150px;max-height:150px;width:auto; height:auto; border-radius:10%; }	
.Microbild		{ display:inline; max-width:100px;max-height:100px;width:auto; height:auto; border-radius:10%; }	
.Nanobild		{ display:inline; max-width:50px; max-height:50px; width:auto; height:auto; border-radius:10%; }	
.Iconbild	    { display:inline; max-width:35px; max-height:35px; width:auto; height:auto; border-radius:10%; }	
.Muebild      	{ display:inline; max-width:25px; max-height:25px; width:auto; height:auto; border-radius:10%; }	
.TextIcon     	{ display:inline; max-width:17px; max-height:17px; width:auto; height:auto; border-radius:10%; }	
.Sterne		    { display:inline; max-height:20px; }	

.IconMO         	{ opacity:75%; }
.IconMO:hover   	{ opacity:100%; }
.IconRot         	{ filter: saturate(100%) invert(21%) sepia(95%) saturate(4840%) hue-rotate(353deg) brightness(95%) contrast(128%); }
.IconRot:hover   	{ filter: saturate(100%) invert(21%) sepia(95%) saturate(4840%) hue-rotate(353deg) brightness(20%) contrast(128%); }
.IconAdmin         	{ filter: invert(0%) sepia(11%) saturate(6533%) hue-rotate(293deg) brightness(111%) contrast(127%); }
.IconAdmin:hover	{ filter: brightness(0) saturate(100%) invert(17%) sepia(80%) saturate(4651%) hue-rotate(294deg) brightness(114%) contrast(124%); }

.Feld	        { background-color:#fff; border: 1px solid #ddd; border-radius:.5rem; box-shadow: #ddd 3px 3px 8px; }

.btn       { border:none; }

div.BigButtonRot            { color:#fff; background-color:#f66; border: 1px solid #f66; border-radius:0.4rem; position:relative; transition:0.3s; }
div.BigButtonRot:hover      { color:#fff; background-color:#d00; border: 1px solid #d00; border-radius:0.4rem; position:relative; transition:0.3s; }
div.BigButtonGruen          { color:#fff; background-color:#0c0; border: 1px solid #0c0; border-radius:0.4rem; position:relative; transition:0.3s; }
div.BigButtonGruen:hover    { color:#fff; background-color:#0a0; border: 1px solid #0a0; border-radius:0.4rem; position:relative; transition:0.3s; }

.Seitenumbruch	{ page-break-after:always; }

.KontentBreit	  	{ display: block; }
.KontentSchmal		{ display: none; }
@media screen and (max-width: 991px) 
  {
  .KontentBreit		{ display: none; }
  .KontentSchmal	{ display: inline; }
  }
@media screen and (max-width:1200px) 
  {
  .HilfsbreiteDoppel 	{ max-width:155px; }
  .HilfsbreiteEinfach 	{ max-width:50px; }
  }

/* pt-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-mono-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/pt-mono-v13-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}