/* Styles construction ic-tt 11-2025 -    05-2026 */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: blue;
	color: white;}

h1 {background: linear-gradient(#ffff, #000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
h2 {background: linear-gradient(#ffff, #000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
h3 {background: linear-gradient(#fff, #000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
h4 {background: linear-gradient(#fff, #000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.infobox1 {
	border-radius: 8px;
	width: 450px; 
	background-color: white;
	color: blue;
	padding: 1rem;
	margin-bottom: 1rem;}

/* Behandlung von Tabellen */
table {
    width: 100%;
    margin-bottom: 20px;
}

/* Table with name
     ic-tt - Basic style for the table 05-2026 
*/
	
	.mytttable1 {
        width: 90%;
        margin: 20px auto;
        font-family: Arial, Helvetica, sans-serif;
	    
    }
	.mytttable1 th, td {
        border: 1px solid #ccc;
        padding: 8px 12px;
        text-align: left;
    }
    .mytttable1 th {
	/* Background Table Kopf/ head 333 */
        background-color: #333;
        color: #3F48CC;
    }
  	/* Jede ungerade Table Zeile helles Grau */
    .mytttable1 tr:nth-child(odd) {
        background-color: #EDEDED;
		color: #3F48CC;
    }

    /* Jede gerade Table Zeile WEISS */
    .mytttable1 tr:nth-child(even) {
        background-color: #ffffff;
		color: #3F48CC;
    }

    /* Option: Hover-Effekt Table Zeilen */
    .mytttable1 tr:hover {
	
		/* Background original d0ebff */
        background-color: #B9D1E3;
    }

    /* CSS-Counter for automatic table row numbering 05-2026 */
    .mytttable1 {
        counter-reset: rowNumber;
    }
    .mytttable1 tr {
        counter-increment: rowNumber;
    }
	/* .mytttable1 tr td:first-child::before */
    .mytttable1 tr td:last-child::after {
        content: counter(rowNumber);
        min-width: 1em;
        margin-right: 8px;
        display: inline-block;
    }
	
	.my-tt-table2 {
	width: 90%;
  border-collapse: collapse; /* Verhindert doppelte Rahmen */ }
	.my-tt-table2 th, td {
  border: 0px solid black;
  padding: 8px;
  text-align: left;}
  
  	.my-tt-table3 {
	width: 90%;
  border-collapse: collapse; /* Verhindert doppelte Rahmen */ }
	.my-tt-table3 th, td {
  border: 0px solid black;
  padding: 8px;
  text-align: left;}
  
  	.my-tt-table4 {
	width: 90%;
  border-collapse: collapse; /* Verhindert doppelte Rahmen */ }
  
	.my-tt-table4 {
  border: 0px solid black;
  padding: 8px;
  text-align: left;}

	.my-tt-table5 {
	width: 90%;
  border-collapse: collapse; /* Verhindert doppelte Rahmen */ }
  
  	.my-tt-table5 {
  border: 0px solid black;
  padding: 8px;
  text-align: left;}
  
   .my-tt-table5 {
	width: 90%;
  border-collapse: collapse; /* Verhindert doppelte Rahmen */ }
  
   .my-tt-table99 {
  border: 1px solid black;
  padding: 8px;
  text-align: left;}
  

.infobox2  {
	border-radius: 8px;
	background-color: white;
	color: blue;
	padding: 1rem;
	margin-bottom: 1rem;}


.infobox3 {
	border-radius: 8px;
	background-color: white;
	color: blue;
	padding: 1rem;
	margin-bottom: 1rem;}
.infobox4 {
	border-radius: 8px; 
	background-color: lightyellow;
	color: blue;
	padding: 1rem;
	margin-bottom: 1rem;}

.infobox5 {
	border-radius: 8px; 
	background-color: white;
	color: blue;
	padding: 1rem;
	margin-bottom: 1rem;}
	
.infobox10 {
	width: 450px;
	border-radius: 8px; 
	background-color: white;
	color: blue;
	padding: 1rem;
	margin-bottom: 1rem;}

}}}