
				#Info{font-size:smaller}
				#Form{					border:0;}
				table{	font-size:inherit}
				#Info div not(#Ueberschrift),#Info .tab{	float:left;}
				#Info .Uberschrift{column-span:all;display:flex;vertical-align: middle;align-items:center}
				/*#Info .table tr{box-shadow: var(--bs-heraus-inset);
							border-radius:1em;
							margin:0.3em}*/
				
				#Info input,#Info td{	font-size:inherit;
										text-decoration:inherit;
										border:none;
										box-shadow:none !important;}
				#Kontakte td[label="Art"]{ font-weight:bolder}
				#Info td[type="email"]{ text-align:right}
				#Allehaeuser input			{	color:inherit;cursor:inherit;background-color:var(--color-bg-tl);max-width:16em;font-weight:bolder}
				#Allehaeuser input.Nummer{color:var(--color-important);font-size:x-large}
				#Info input[type=date]::-webkit-outer-spin-button,
				#Info input[type=date]::-webkit-inner-spin-button{display: none;}
				#Info input[type=date]::-webkit-calendar-picker-indicator{display:none;}
				#Info input[type=number]{-moz-appearance:textfield;}
				
				#Info .Uberschrift i{	font-size:200% !important;
	                        color:var(--color-h2);
	                        margin:5px;
                        }
				#Hausinfo,#Topinfo{		display:flex;flex-wrap:wrap;justify-content: unset}
				#Logs {float:right;z-index:1;position:relative}
			    #Hausinfo #Rueckstandsliste,#Zinsliste_Leerstand{max-height:25em;overflow:overlay !important;}
				#Rueckstandsliste::-webkit-scrollbar,#Zinsliste_Leerstand::-webkit-scrollbar {
					width: 1em;
				}
				#Rueckstandsliste::-webkit-scrollbar-track {
					/*background: var(--color-shadow);        /* color of the tracking area */
				}
				#Rueckstandsliste::-webkit-scrollbar-thumb,#Zinsliste_Leerstand::-webkit-scrollbar-thumb{
					background: linear-gradient(90deg,var(--color-bg),var(--color-shadow));    /* color of the scroll thumb */
					border-radius: 0 15px 15px 0;      
				}
				#Allehaeuser tr{background-size:cover;
							}
				#Allehaeuser tr:hover{background-blend-mode: var(--blend-mode)}
				
				
				#Topinfo input {background-color:inherit}
				#Hausinfo h2{			column-span:all;border-radius: 15px;}
				/*#Kontosaldo{			display:flex;}
				#Aktiva,#Passiva{		box-shadow: 5px 5px 5px var(--color-shadow),  -5px -5px 5px var(--color-white);
										border-radius:15px;
										height:100%
										}*/
				#Kontosaldo h2{				border-radius:0;
										border-top-left-radius:15px;
										border-bottom-left-radius:15px;}
				/*#Passiva h2{			border-radius:0;
										border-top-right-radius:15px;
										border-bottom-right-radius:15px}
				#Aktiva{				margin-right:10px;}*/
				#Topinfo h2{column-span:all;border-radius: 15px;}
				.Topliste{text-align:left}
				
				#Info>div:not(#checks)>div:not(.postit):not(#HausAlle),#Allehaeuser tr,#Logging{			
					opacity:0.7;
					overflow:hidden;
					margin:5px;
					padding:1em;
					border-radius: 15px;
					box-shadow: var(--bs-heraus-inset);
					backdrop-filter: brightness(110%);
					
				}
				#Info input{background-color:inherit}
				#Info>div:not(#checks)>div:not(.form):hover,#Allehaeuser tr:hover{
					opacity:1;

				}
				#Info>div:not(#checks)>div:not(.form):active,#Allehaeuser tr:active{	opacity:1;
										box-shadow: var(--bs-hinein);
										
										
										}
				#Info [onclick]:hover,#Info [onclick] *:hover{cursor:pointer}
				#Info [onclick*="ctrl"]:hover,#Info [onclick*="ctrl"] *:hover{cursor:grab}
				#Info [href]:hover{cursor:pointer}
				
				#checks	{	display:flex;
				}
				.check	{
					box-shadow:var(--bs-heraus);
					margin: 0;
					margin-right:20px;
					padding: 0;
					border-radius: 0;
					height:42px;
					width:42px; 
					background-position: center; 
					background-repeat: no-repeat; 
					background-size: auto;
					background:round;
					border-radius:50%;
					display:none;
				}
				.check:hover	{
					box-shadow:var(--bs-hinein);
				}
				.check:hover .checktitle{display:block;font-size:smaller}
				.checktitle{	display:none;
								margin-left:5em;
								width:auto;
								background-color:var(--color-bg);
								position:absolute;
								z-index:2}
				#Nutzer tr:first-child{margin-right:10px}
				#Nutzer tr:only-of-type{margin-right:0}
				#Nutzer tr{			box-shadow: var(--bs-heraus);
										border-radius:15px;
										padding-left:10px;
										padding-right:10px;
										height:100%
										}
				#Nutzer #Form{			display:flex}
				

				
				#MVfrist{				border-color:var(--color-important);}
				
				#Foto>a:hover{			box-shadow:none !important;
										background-color:inherit}
				#Foto img{				max-height:15vh;}
				
				/*#Info .Bezeichnung{			width:100px;}*/
				.Konto,.Nummer{			width:30px;}
				label{font:smaller;color:var(--color-input)}
				#Info .Summenzeile .Saldo,#Info .Summenzeile .Betrag,#Info .Summenzeile .Ust,#Info .Summenzeile .Gesamt,tfoot{border-top:1px solid}
				#Kontakte{max-width:50%}
				#KontaktListe thead{display:none}
				#KontaktListe tbody{	display:flex;
										flex-direction:row;
										flex-wrap:wrap;
										justify-content:flex-start;
										align-content: space-evenly;
										}
				#KontaktListe tr{	display:flex;
									flex-direction:column;
									flex-wrap:wrap;
									box-shadow: var(--bs-heraus-inset);
									border-radius:15px;
									margin-bottom:5px;
									
									margin:1%;
									padding:0.5%;
									}
				#Kontosaldo{column-count:2}
				th.Menu_Info_Favoriten{display:none}
				.MenuBezeichnung{border-radius: 12px;
						background-color: var(--color-white);
						box-shadow: var(--bs-heraus);
						transition: all 0.2s ease-in-out;
						cursor: pointer;
						float: left;
						clear: left;
						padding-left: 4px;
						padding-right: 4px;
						margin: 2px;
						font-size:larger!important}
				#Menu_Info_Favoriten tr:hover{
						box-shadow: none}
									
				.wobble,#Info tr:has(td[icon='clear']){animation:wobble infinite 2s}
				@keyframes wobble {
					0% {
						transform: rotate(0deg)
					}
					
					25% {
						transform: rotate(3deg)
					}
					50% {
						transform: rotate(0deg)
					}
					75% {
						transform: rotate(3deg)
					}
					100% {
						transform: rotate(0deg)
					}
					
}
.postit{
	font-family:"Special Elite";
	font-size:70%;
	overflow:hidden;
	color:black;
	padding:25px 15px;
	background:#fefabc;
	border: 1px solid #cccccc;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	transform:rotate(2deg) scale(0.95);
	border-bottom-right-radius:60px 5px;
}
.postit::before {
	content: "";
	background-color: rgba(0,0,0,0.035);
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0;
	height: 40px;
	z-index: -1;
}
.postit::after {
	content:"";
	position: absolute;
	bottom: 0;
	right: -4px;
	width: 100%;
	height: 140px;
	background-image: linear-gradient(173deg, rgba(0,0,0,0) 92%,
	rgba(0,0,0,0.4) 100%);
	transform: rotate(6deg);
	z-index: -1;
	filter: blur(2px);
}
