/* Überall identisch*/
.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; }	
.Schild         { margin:3px 0px; padding:4px 7px; border-radius:4px; font-size:0.8em; display:inline; }

a.Rot:link      	{ color:#f44; }
a.Rot:visited 		{ color:#f44; }
a.Rot:hover 		{ color:#800; }
a.Rot:active 		{ color:#800; }

/* Blog Überall identisch*/
.Blog_Preview_Schmal    { width:100%; height: clamp(100px, 20vw, 200px);  border-radius:5px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.Blog_Preview_Breit     { width:100%; height: clamp( 75px, 20vw, 150px);  border-radius:5px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.Blog_Ohne		{ width:clamp(330px, 60vw, 650px); margin:auto; }
.Blog_Absatz    { width:clamp(330px, 60vw, 650px); margin:auto; margin-bottom:1.2rem; }
.Blog           { width:clamp(370px, 75vw, 800px); margin:auto; margin-bottom:1.2rem; }
.Blog_Bild      { width:clamp(370px, 75vw, 900px); margin:auto; margin-bottom:1.2rem; padding:4px; background-color:#eee; border: 1px solid #eee; border-radius:8px; }
.Bild           { width:clamp(370px, 75vw, 900px); margin:auto; }
.Tag           	{ background-color:#f9f9f9; padding:5px 10px; font-weight:400;border-radius:5px; }
.Tag:hover      { background-color:#ffeecc; }
a.Tag:link      { color:#888; margin-right:6px; text-decoration:none; line-height:1.7; }
a.Tag:visited   { color:#888; margin-right:6px; text-decoration:none; line-height:1.7; }
a.Tag:hover     { color:#333; margin-right:6px; text-decoration:none; line-height:1.7; }
a.Tag:active    { color:#333; margin-right:6px; text-decoration:none; line-height:1.7; }

/* fast identisch*/
.Spaltentrenner { background-color:#ddd; position:relative; left:0; top:0; height:100%; width:1px; }
.Zeilentrenner  { color:#aaa; margin:0px; padding:0px; }

.TextDurchRot   { color:#f00; text-decoration:line-through; display:inline;  }
.TextRot        { color:#f00; display:inline; }

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

.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:#f3f3f3; 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:#fef; color:#525; }
.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; }




.Flaeche_Links 		{ background-color:#0f0;  position:absolute; width: 30%; top:10vh; left:00px; height: 90vh; z-index: 6; }
.Flaeche_Rechts 	{ background-color:#0f0;  position:absolute; width: 30%; top:10vh; right:0px; height: 90vh; z-index: 6; }
.Flaeche_Schiessen 	        { position:absolute; width: 100%; top:00vh; right:0px; height: 15vh; z-index: 8;}
.Flaeche_Unten_Container    { position:absolute; width: 100%; bottom:00vh; left:0px; height: 60vh; z-index: 8; }
.Flaeche_Unten_Innen 	    { position:relative;height:100% }

.Vollbild_Container     { width: 100%; height: 95vh; display: flex; justify-content: center;  align-items: center; z-index: 4; }
.Vollbild               { max-width: 100%; max-height: 100%; height: auto; }

.Normalbild 	{ max-width: 300px; height: auto; }	
.MiniThumb 	  	{ display:inline;  max-width:80px;  max-height:80px;  padding: 5px 0px 2px 0px; }

.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 #bbb; border-radius:.5rem; box-shadow: #ddd 3px 3px 8px; }
.dropdown-menu   { box-shadow: #777 2px 2px 2px; }

.btn       { border:none; }

div.BigButtonRot            { color:#fff; background-color:#f00; border: 1px solid #f00; border-radius:0.4rem; position:relative; transition:0.3s; }
div.BigButtonRot:hover      { color:#fff; background-color:#b00; border: 1px solid #b00; 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+ */
}