/* == DC-Tabelle Version 5.0 06/2023 == */

:root {
	--tb6-contrast: rgba(247,101,3,1.0);
	--tb6-contrast-light: rgba(247,101,3,0.33);
	--tb6-dark2: rgba(0,0,0,0.33);
	--tb6-dark: rgba(0,0,0,0.25);
	--tb6-mid2: rgba(0,0,0,0.20);
	--tb6-mid: rgba(0,0,0,0.167);
	--tb6-light2: rgba(0,0,0,0.1);  
	--tb6-light: rgba(0,0,0,0.067);  
	--tb6-none: rgba(0,0,0,0.0);  
	
	
	
	--tb6-contrast: rgba(247,101,3,1.0);
	--tb6-contrast-light: rgba(247,101,3,0.33);
	--tb6-dark2: rgba(0,0,0,0.50);
	--tb6-dark: rgba(0,0,0,0.33);
	--tb6-mid2: rgba(0,0,0,0.25);
	--tb6-mid: rgba(0,0,0,0.20);
	--tb6-light2: rgba(0,0,0,0.15);  
	--tb6-light: rgba(0,0,0,0.10);  
	--tb6-none: rgba(0,0,0,0.033);  
	
}


/*

TODO : umbenennen ...

.tabelle_v6 > tbody > tr.hl > td
.tabelle_v6 > tbody > tr.scaption > td,
.tabelle_v6 > tbody > tr.coltext > th

.tabelle_v6 > tbody > tr.sort > th
.tabelle_v6 > tbody > tr.sort > th.akt

.tabelle_v6 > tbody > tr.intro > th
.tabelle_v6 > tbody > tr.outro > th


Entfernen: tv4_h2 (unnötig)
*/



table.tabelle_v6 { table-layout:fixed; border-collapse:separate; border-spacing: 0; margin:0; font-size:11px; background-color:transparent; }


/*.tabelle_v6 > tbody > tr[dc-vertical-flow] > th:first-child > span { display:none; } *//* Std-Deaktiv*/
/*
.tabelle_v6 > tbody > tr[dc-vertical-flow="1"] > th:first-child { vertical-align:bottom; text-align:left; padding-left:6px !important; } 
.tabelle_v6 > tbody > tr[dc-vertical-flow="1"] > th:first-child > span { display:inline-block !important; font-size:26px; font-weight:bold; background-color:var(--tb6-dark); padding:6px; border-radius:2px; color:#eee; }
*/
/*
.tabelle_v6 > tbody > tr[dc-vertical-flow="1"] > th:first-child { position:relative; } 
.tabelle_v6 > tbody > tr[dc-vertical-flow="1"] > th:first-child > span { display:inline-block !important; position: absolute; left:calc(100% / 2 - 17.5px );  top:max(6px,calc(100% - 35px)); font-size:28px; height:28px; width:28px; line-height:28px; font-weight:bold; background-color:var(--tb6-dark2); padding:1px; border-radius:2px; color:#eee; outline:3px solid rgba(255,255,255,0.8); }
.tabelle_v6 > tbody > tr[dc-vertical-flow="1"] > th:first-child > span:hover { background-color:var(--tb6-contrast); cursor: pointer; }
*/

/*.tabelle_v6 > tbody > tr[dc-vertical-flow="1"] > th:first-child { position:relative; } */


/*
> *:nth-child(n+1)
.tabelle_v6 > tbody > tr[dc-vertical-flow="1"] > th:first-child { visibility:hidden; }

*/


.tabelle_v6 > tbody > tr > * { padding:2px; background-color:var(--tb6-light2); text-align:center; vertical-align:middle; word-wrap:break-word; height:25px; /* mindesthöhe*/ }
.tabelle_v6 > tbody > tr > * > * { word-wrap:normal; }

.tabelle_v6 > tbody > tr > td:first-child { padding-left:4px;  }
.tabelle_v6 > tbody > tr > td:last-child  { padding-right:4px; }


.tabelle_v6 > tbody > tr.intro > th {	padding:6px 4px 4px 4px;
										background-color:var(--tb6-contrast);  border-top-right-radius: 2px; border-top-left-radius: 2px;
										text-align:left; font-weight:bold; font-size:13px; color:#fff; 
                     }

.tabelle_v6 > tbody > tr.outro > th {	padding:4px 0 4px 0; background-color:transparent; height:0 !important; /* so klein wie möglich*/ border-top:var(--tb6-contrast) 5px solid;
										color:rgba(0,0,0,0.67); text-align:right;  
									
										/*display:none;*/
                     }
/* eventuell nur border */				 
/*table.tabelle_v6 {  border-bottom:var(--tb6-contrast) 5px solid; }*/


.tabelle_v6 > tbody > tr > th[data-mark] { /* Spaltenüberschrift markieren */
							background-color: var(--tb6-contrast-light) !important;
							border-bottom: var(--tb6-contrast) 3px solid !important;
}



/*
.tabelle_v6 > tbody > tr.colbild > th { padding:1px;}

.tabelle_v6 > tbody > tr.colbild > th.ecke,
.tabelle_v6 > tbody > tr.colbild > th:first-child,
*/

.tabelle_v6 > tbody > tr.coltext > th { font-size:12px; text-align:center; padding-top:6px; padding-bottom:6px; vertical-align:top; border-right:var(--tb6-mid) 1px inset; border-bottom:var(--tb6-dark) 3px solid; background-color:var(--tb6-light); height:auto !important; /*mindesthöhe*/ }
 
/*klappt nicht, weil es für table-row nicht geht (wohl nur block) */
.tabelle_v6 > tbody > tr.coltext { container-type: size; container-name: c-tab-coltext; }
@container c-tab-coltext (min-height: 90px) { th { vertical-align:bottom !important; } }
 


.tabelle_v6 > tbody > tr.coltext > th > *:last-child { margin-bottom:0; }

.tabelle_v6 > tbody > tr.coltext > th:first-child {  border-bottom:transparent 3px solid;  }


/* nur bei bildbox, ab 70 Pixel-Höhe*/


/*
@container summary (max-height: 70px) {
  .tabelle_v6 > tbody > tr.coltext > th > * { vertical-align:top; background-color:yellow !important; }
}
*/





/*.tabelle_v6 > tbody > tr.coltext > th:first-child { background-image:url(/bilder/geruest/logo_rand.svg); background-repeat: no-repeat; background-size: cover; }*/


.tabelle_v6 > tbody > tr.coltext > th[assi-first-child],
.tabelle_v6 > tbody > tr.coltext > th:first-child {
  position: relative;
}


.tabelle_v6 > tbody > tr.coltext > th[assi-first-child]::before,
.tabelle_v6 > tbody > tr.coltext > th:first-child::before {
  content: ' ';
  display: block; width: 100%;  height: 100%; position: absolute;  left: 0;  top: 0;
  
  background-image:url(/bilder/geruest/logo_rand.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  pointer-events: none;
  
  filter: grayscale(100%); opacity: 0.033;
}


/* Aktiver Flow ... */ /* unten, oben (zur Sicherheit), oben innen*/
.tabelle_v6 > tbody > tr[dc-vertical-flow="1"] { box-shadow:0 5px 5px #fff; background-color: #fff; } /* ,0 -3px 0 var(--tb6-contrast),inset 0 5px 0 var(--tb6-contrast)*/
/* verschiebt die Tabelle jedoch auch 5 Pixel nach unten */
.tabelle_v6 > tbody > tr[dc-vertical-flow="1"] > th { border-top: 5px solid var(--tb6-contrast); }
.tabelle_v6 > tbody > tr[dc-vertical-flow="1"] > th > span[dc-vertical-flow-goto] { display:inline-block !important; position: absolute; left:calc(100% / 2 - 17.5px ); top:max(6px,calc(100% - 35px)); font-size:28px; height:28px; width:28px; line-height:28px; font-weight:bold; background-color:var(--tb6-dark2); padding:1px; border-radius:2px; color:#eee; outline:3px solid rgba(255,255,255,0.8); }
.tabelle_v6 > tbody > tr[dc-vertical-flow="1"] > th > span[dc-vertical-flow-goto]:hover { background-color:var(--tb6-contrast); cursor: pointer; }





/*.tabelle_v6 > tbody > tr.colbild > th.ecke,
.tabelle_v6 > tbody > tr.colbild > th:first-child { text-align:center; vertical-align:middle; }*/

.tabelle_v6 > tbody > tr.sort > th { cursor:pointer; font-size:9px; font-weight:bold; background-color:var(--tb6-mid2); padding:1px; padding-bottom:2px; text-align:center; letter-spacing:0.2em; background-image:url(/bilder/datatable_sort0.png); background-repeat:no-repeat; background-position: center center; height:16px !important; }
.tabelle_v6 > tbody > tr.sort > th.akt { background-color:var(--tb6-dark); background-image:url(/bilder/datatable_sort1.png);}
.tabelle_v6 > tbody > tr.sort > th.akt:first-child { background-color:var(--tb6-dark); }

.tabelle_v6 > tbody > tr > td {	background-color:var(--tb6-none); padding:4px 2px; border-top: 1px inset var(--tb6-dark); border-right: 1px inset var(--tb6-mid);
		
		
}
/* im Artikel entfernen:
.tv4_h2 > tbody > tr > td { height:36px; line-height:120%; }
*/

/*.tabelle_v6 > tbody > tr > td.rowtext,*/
.tabelle_v6 > tbody > tr > td[assi-first-child],
.tabelle_v6 > tbody > tr > td:first-child { background-color:var(--tb6-light); text-align:left;}

.tabelle_v6 > tbody > tr.scaption > td  { background-color:var(--tb6-mid); color:#333; font-weight:bold; font-size:13px; padding:6px 4px 4px 4px; }
.tabelle_v6 > tbody > tr.scaption a  { /*color:#FFF !important; */ }

.tabelle_v6 > tbody > tr.hl > td { background-color:var(--tb6-light) !important; }
/*.tabelle_v6 > tbody > tr.hl > td.rowtext,*/
.tabelle_v6 > tbody > tr.hl > td[assi-first-child],
.tabelle_v6 > tbody > tr.hl > td:first-child { background-color:var(--tb6-light2) !important; color:#333; font-weight:bold; }


/* kein rechter Rand, wenn mit fond */
.tabelle_v6 > tbody > tr.scaption > td,
.tabelle_v6 > tbody > tr.coltext > th:last-child,
.tabelle_v6 > tbody > tr.hl > td:last-child { border-right:none; }

/*2022/10*/
/* eventuell vom STatus übernehmen --- */
/*isStatus ..isbest .. */

.tabelle_v6 > tbody > tr > td[data-mark] { background-repeat: no-repeat; }
.tabelle_v6 > tbody > tr > td[data-mark='pos'] { background-image: linear-gradient(225deg, rgba(0,128,0,1.0), rgba(0,128,0,1.0) 6px, transparent 6px, transparent), linear-gradient(225deg, rgba(0,128,0,0.0), rgba(0,128,0,0.25) 9px, transparent 9px, transparent), linear-gradient(to left, rgba(0,128,0,0.07), rgba(0,128,0,0.07)); }
.tabelle_v6 > tbody > tr > td[data-mark='neg'] { background-image: linear-gradient(315deg, rgba(255,0,0,1.0), rgba(255,0,0,1.0) 6px, transparent 6px, transparent), linear-gradient(315deg, rgba(255,0,0,0.0), rgba(255,0,0,0.25) 9px, transparent 9px, transparent), linear-gradient(to left, rgba(255,0,0,0.07), rgba(255,0,0,0.07)); }
.tabelle_v6 > tbody > tr > td[data-mark='mrk'] { background-image: radial-gradient(circle at 0% 0%, rgba(0,0,0,0.15), rgba(0,0,0,0) 50%),radial-gradient(circle at 100% 100%, rgba(0,0,0,0.15), rgba(0,0,0,0) 50%); }