.SUM {


		border-spacing: 1;
		border-collapse: collapse;
		border-radius: 10px;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		position: relative;
		
		width: 100%;
		border-collapse: separate;
		border-spacing: 0px;	
	}

	.SUM * {
		position: relative;
	}
		
		
	.SUM td{
		border: 1px solid #def;
		text-align:center;
		padding:2ch;
	}
		
		
		
	.SUM thead th{
		height: 15ch;
		text-align:center  !important;

		vertical-align:bottom !important;
		padding-bottom:2ch !important;

	}

	/*
	.SUM
	thead,
	thead tr,
	thead tr td{
		height: 2ch !important;
		text-align:center  !important;

		vertical-align:bottom !important;
		padding-bottom:2ch !important;

	}
	*/



		
		
	.SUM 	th div{
		text-align:left  !important;
		vertical-align:bottom !important;
		padding-left:2ch !important;
	}
		
	.SUM 	tr td:nth-child(1) {
		font: bold;
		color:blue;
		text-align:center;
		width: 0ch !important;
		/*border: 1px solid #cde;*/
	}
		
		
	.SUM tr td:nth-child(2) {
		text-align:left !important;
		padding:2ch !important;
		vertical-align:center !important;
		display:block;
	}
	

	.SUM tr td:nth-last-child(1) {

		font: bold;
		color:red;
		text-align:center;
		/*border: 1px solid #cde;*/

	}
	
	.SUM tbody tr:last-child {
		border: 0;
	}

	
	.SUM th span {
	  transform-origin: 0 50%;
	  transform: rotate(-75deg); 
	  white-space: nowrap; 
	  display: block;
	  position: absolute;
	  bottom: 0px;
	  left: 50%;
		
	}


		
	.wrap-table100{
		overflow-x:auto;
	}
		
	
	@media screen and (max-width: 992px) {

		.SUM td {

			font-size: 14px;

		}
		

		.SUM td:nth-child(1){
			width: 0px;
			padding:0px;
		}
		
		.SUM tr td:nth-child(2) {
			width: auto;
			display:block;
		}

		.SUM td:nth-child(n+3):nth-last-child(n+2){	/* Spalten von 3. bis vorletzte */


			width:5ch !important;
			padding:1ch;
			margin:1ch;
			
		}


		.wrap-table100{
			overflow-x:auto;
		}

	}	


/* ============================= select ========================= */
select {
	margin: 5px;
	width: 150px;
	padding: 5px 10px 5px 20px;
	font-size: 16px;
	border: 2px solid #69F;
	height: 34px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  /*background: url(/wp-content/plugins/eli/icon/72.png) 96% / 15% no-repeat #6BF;*/
	  
	outline: 0;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-overflow: ellipsis;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-appearance: button;
	-moz-appearance: button;
  }