body{

	
	--position-x:1;
	--position-y:-1;
	--depth:0.15em;
	
	--bs-blur-standard:	calc(var(--depth) * 2);
	
	--bs-shadow: 		calc(var(--depth) * var(--position-x) *-1) calc(var(--depth) * var(--position-y) *-1) var(--bs-blur-standard) var(--color-shadow);
	--bs-shadow-half:	calc(var(--depth)/2 * var(--position-x) *-1) calc(var(--depth)/2 * var(--position-y) *-1) var(--bs-blur-standard) var(--color-shadow);
	--bs-shadow-double:	calc(var(--depth)*2 * var(--position-x) *-1) calc(var(--depth)*2 * var(--position-y) *-1) var(--bs-blur-standard) var(--color-shadow);
	--bs-shadow-inset: 	inset calc(var(--depth) * var(--position-x)) calc(var(--depth) * var(--position-y)) var(--bs-blur-standard) var(--color-shadow);
	
	--bs-white: 		calc(var(--depth) * var(--position-x) ) calc(var(--depth) * var(--position-y) ) var(--bs-blur-standard) var(--color-white);
	--bs-white-half:	calc(var(--depth)/2 * var(--position-x) ) calc(var(--depth)/2 * var(--position-y) ) var(--bs-blur-standard) var(--color-white);
	--bs-white-double:	calc(var(--depth)*2 * var(--position-x) ) calc(var(--depth)*2 * var(--position-y) ) var(--bs-blur-standard) var(--color-white);
	--bs-white-inset:	inset calc(var(--depth) * var(--position-x) * -1) calc(var(--depth) * var(--position-y) * -1) var(--bs-blur-standard) var(--color-white);


	
	
	--bs-hinein: inset var(--bs-shadow), inset var(--bs-white);
	--bs-hinein-hover: inset var(--bs-shadow-half), inset var(--bs-white-half);
	
	--bs-heraus: var(--bs-shadow),  var(--bs-white);
	--bs-heraus-hover:  var(--bs-shadow-half),  var(--bs-white-half);
	--bs-heraus-active: inset var(--bs-shadow-half), inset var(--bs-white-half);
	--bs-heraus-inset: var(--bs-shadow-inset),  var(--bs-white-inset);
	
	--bs-sehrheraus: var(--bs-white-double),  var(--bs-shadow-double);
	--bs-sehrheraus-hover: var(--bs-heraus);
	--bs-sehrheraus-active: var(--bs-heraus-active);
	
	--bs-sehrhinein: inset var(--bs-shadow-double), inset var(--bs-white-double);
}
div.table:not(:has(.pivot)) tbody>tr:hover,form.table tbody>tr:hover{
	box-shadow:  var(--bs-hinein);
	
	}
	
div.table tr:not(tr:last-child) td,form.table tr:not(tr:last-child) td{
	border-bottom:1px solid var(--color-white);
}
page div.table td,page form.table td{
	border:none !important;
}
.Dateien>table{
	border-spacing:0;
}
table .Dateien td{
    border:none;
	border-collapse: separate;
    border-spacing: 2px;
}
.Kachel,
.Kachel_anim{
	border-radius: 1em;
	box-shadow: var(--bs-sehrheraus);
	overflow:hidden;
	cursor: pointer;
	border-collapse:collapse;
}
.Protokoll{
	border-radius: 1em;
	box-shadow: none;
	overflow:hidden;
	cursor: pointer;
	
	background:black;
	border-collapse:collapse;
}
.Protokoll > input{
	color:white;
}
.Protokoll input[type="checkbox"]:checked + span::before,input[type="radio"]:checked + span::before{
	background-color:white;

}
.Kachel_anim{
	opacity:0.7;
}
.Kachel_anim:hover{
	opacity:1;
	box-shadow: var(--bs-sehrheraus-hover);
}
.hl-y td{position:relative}
.hl-y td:hover::after{
  			content: '';
  			position: absolute;
  			/*box-shadow: var(--bs-hinein);
    		backdrop-filter: brightness(90%);*/
			background-color:var(--color-white)!important;
			opacity:0.4;
  			left: 0;
  			top: -5000px;
  			height: 10000px;
  			width: 100%;
  			z-index: -10;
}

input{
	font:inherit;
	font-size: 110%;
	box-shadow:  var(--bs-hinein);
	padding:0.2em;
	border-radius:1em;
	border:0;
	box-sizing: border-box;
    color: var(--color-input);
    background-color: var(--color-input-bg);
}
input:hover,select:hover .inputcontainer:hover{
    box-shadow:  var(--bs-hinein-hover);
}

input:not([type="checkbox"]):not(:read-only):focus,select:focus{
	background: var(--color-input-active) !important;
	box-shadow: var(--bs-hinein-hover);
}
input:focus-visible{
	outline:none;
}
/*input[value="0000-00-00"]:not(:focus){text-indent:200px}*/
input[type='date']:not(:focus):in-range::-webkit-datetime-edit-year-field,
  input[type='date']:not(:focus):in-range::-webkit-datetime-edit-month-field,
  input[type='date']:not(:focus):in-range::-webkit-datetime-edit-day-field,
  input[type='date']:not(:focus):in-range::-webkit-datetime-edit-text {
    color: transparent;
  }

td[type="checkbox"]{
	text-align:center;
}
input[type="checkbox"],input[type="radio"]{
	display:none;
}
input[type="checkbox"]::before,input[type="radio"]::before {
	position:relative;
	box-sizing:border-box;
	width: 1.5em;
	height: 1.5em;
	border-radius: 0.6em;
	background-clip:content-box;
	padding:0.3em;
	box-shadow:var(--bs-heraus-hover);
	background-color: var(--color-bg);
    content: close-quote;
    display: inline-block;
	/*margin:0.3em;*/
}
input[type="checkbox"] + span::before,input[type="radio"] + span::before {
	/*visibility:visible !important;*/
	position:relative;
	box-sizing:border-box;
	width: 1.5em;
	height: 1.5em;
	border-radius: 0.6em;
	background-clip:content-box;
	padding:0.3em;
	box-shadow:var(--bs-heraus-inset);
    content: close-quote;
    display: inline-block;
}

input[type="checkbox"]:checked::before,input[type="radio"]:checked::before {
	box-shadow: var(--bs-hinein-hover);
	background-color:var(--color-text);

}
input[type="checkbox"]:checked + span::before,input[type="radio"]:checked + span::before {
	box-shadow: var(--bs-hinein-hover);
	background-color:var(--color-text);

}
input[type="file"]{
	box-shadow:none;
}
input[type="file"]::-webkit-file-upload-button{
	color: var(--color-text);
	background:linear-gradient(var(--rotdeg),var(--color-white),var(--color-button-bg)) !important;
	outline:0;
	
	border:none !important;
	border-radius: 59px;
	cursor: pointer;
	box-shadow:  var(--bs-heraus) !important;
	transition: all 0.2s ease-in-out
}
input[type="file"]::-webkit-file-upload-button:focus{
   box-shadow: var(--bs-heraus-hover)  !important
}
input[type="file"]::-webkit-file-upload-button:hover{
	box-shadow:   var(--bs-heraus-hover)   !important;
	transition: all 0.2s ease-in-out;
}
input:invalid{background-color:var(--color-important)}
input[type=color]{
	border: none;
	border-radius: 1em;
	background: none;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: solid 1px #000; /*change color of the swatch border here*/
	border-radius: 1em;
}
input[type="color"]::-moz-color-swatch {
  border: none; /* Remove browser's border around color in color picker */
}
input[type=color]::-moz-focus-inner {
  border: none; /* Remove browser's padding around color in color picker */
  padding: 0; /* Remove browser's padding around color in color picker */
}
button,input[type="submit"],.buttonlike{
	float: left;
	padding:0.5em;
	margin:1em;
	color: var(--color-important);
	background:linear-gradient(var(--rotdeg),var(--color-white),var(--color-button-bg)) !important;
	outline:0;
	border:none !important;
	border-radius: 2em;
	cursor: pointer;
	box-shadow:  var(--bs-heraus-inset) !important;
	transition: all 0.2s ease-in-out;
}
  button:focus,input[type="submit"]:focus,.buttonlike:focus{
    box-shadow: var(--bs-heraus-hover)  !important;
	transition: all 0.2s ease-in-out;
  }
  button:hover,input[type="submit"]:hover,.buttonlike:hover{
    /*box-shadow:   var(--bs-heraus-hover)   !important;*/
	transition: all 0.2s ease-in-out;
  }
  
  button:active,input[type="submit"]:active,.buttonlike:active {
    box-shadow: var(--bs-heraus-active) !important;
	background:linear-gradient(var(--rotdeg),var(--color-white),var(--color-important)) !important;
  }

  #iframediv{
	border-radius: 15px;
	box-shadow: var(--bs-heraus-inset);
	outline:0;
	overflow:hidden;
}

#Content #iframedivheader{background: repeating-linear-gradient( 
					var(--rotdeg), var(--color-white), var(--color-shadow) 1em);
				visibility:inherit;
				}
#dateiframe{
	border:none;
	outline:0;
}
 
 *[titlecss]{position:relative}
 
 *:has(*[titlecss]){overflow:visible !important}
 *:has(*:has(*[titlecss])){overflow:visible}
 *:has(*:has(*:has(*[titlecss]))){overflow:visible}
 *[titlecss]:before{	content: attr(titlecss);
					position:absolute;
					top:3em;
					left:3em;
					min-width:10em;
					box-shadow: var(--bs-sehrheraus);
					border-radius: 1em;
					background-color:var(--color-white);
					display:none;
					z-index:1000}
.Ebene3[titlecss]:before{left:10em;top:-1em}
#Menu_Favoriten *[titlecss]:before{left:-15em;top:-1em}
/*#Menu_Favoriten *[titlecss]:before:hover #Menu_Favoriten{opacity:1}*/
#Menu_Favoriten{overflow:visible}
*[titlecss]:hover::before{display:block;transition:0.5s}