h2{ font-size: 15px;
    font-weight: 600;
  }

button {
    margin-top: 10px;
    padding: 0.4em 0.4em;
    background: #ff48002e;
    border: thin solid red;
    border-radius: 0 0.4em 0.4em;
    box-shadow: 0 0.2em 0.4em gray;
    color: black;
    font-size: 11px;
    line-height: 0.8;
}


button:hover {
	
    background: yellow !important;}
    


small { font-size:10px; font-family:'Small Fonts',sans-serif; color:red;}

input[type="submit"] {
    margin-top: 10px;
    padding: 0.4em 0.4em;
    background: #ea4b0c;
    border: thin solid red;
    border-radius: 0 0.4em 0.4em;
    box-shadow: 0 0.2em 0.4em gray;
    color: black;
    font-size: 11px;
    line-height: 0.8;
	margin-bottom: 10px;
}
input:hover[type="submit"] {
	
    background: gold;
    border: thin solid red;
	
}


.link1 {
  color: red !important;
  font-size: 12px !important;
  font-weight: bold !important;
}


.link2 {
  color: green !important;
  
}


.to1, .t21, .t31, .t41, .t51, .t61, .t71, .t81, .t91, .t101, .t111, .t121, .t131  { max-width: 150px !important; padding-right: 10px;}
.t21, .t31, .t41, .t51, .t61, .t71, .t81, .t91, .t101, .t111, .t121, .t131{ font-size: 14px !important;}	


.to1, .to2{ background-color: gold;
	width: 200px;
	  font-size: 16px;
	}
	

	.to3, .to4 { background-color: #00800057;
	width: 200px;
	  font-size: 16px;
	}	
	
	.to5{ background-color: #ff00005e;
	width: 200px;
	  font-size: 16px;
	}	
	
	
.t21, .t22, .t23, .t24, .t25
{  
	width: 200px;
	  font-size: 11px;
	  padding-bottom: 15px;
	}	
	
.t21, .t22 { background-color: #fff2df ;}	


.t31, .t32, .t33, .t34, .t35
{  
	width: 200px;
	  font-size: 11px;
	  padding-bottom: 15px;
	}	
	
.t31, .t32 { background-color: #e3bedd ;}	


.t41, .t42, .t43, .t44, .t45
{  
	width: 200px;
	  font-size: 11px;
	   padding-bottom: 15px;
	}	
	
.t41, .t42 { background-color: #f0d9bb ;}	


.t51, .t52, .t53, .t54, .t55
{  
	width: 200px;
	  font-size: 11px;
	   padding-bottom: 15px;
	}	
	
.t51, .t52 { background-color: #fff59b ;}	


.t61, .t62, .t63, .t64, .t65
{  
	width: 200px;
	  font-size: 11px;
	   padding-bottom: 15px;
	}	
	
.t61, .t62 { background-color: #83d0f44f ;}	


.t71, .t72, .t73, .t74, .t75
{  
	width: 200px;
	  font-size: 11px;
	   padding-bottom: 15px;
	}	
	
.t71, .t72 { background-color: #cfe09b47 ;}	


.t81, .t82, .t83, .t84, .t85
{  
	width: 200px;
	  font-size: 11px;
	   padding-bottom: 15px;
	}	
	
.t81, .t82 { background-color: #f39ca263 ;}	




.t91, .t92, .t93, .t94, .t95
{  
	width: 200px;
	  font-size: 11px;
	  padding-bottom: 15px;
	}	
.t91, .t92 { background-color: #ffd5a875 ;}	


.t101, .t102, .t103, .t104, .t105
{  
	width: 200px;
	  font-size: 11px;
	  padding-bottom: 15px;
	}	
.t101, .t102 { background-color: #9cf3a663 ;}	


.t111, .t112, .t113, .t114, .t115
{  
	width: 200px;
	  font-size: 11px;
	  padding-bottom: 15px;
	}	
.t111, .t112 { background-color: #f900d21f ;}	


.t121, .t122, .t123, .t124, .t125
{  
	width: 200px;
	  font-size: 11px;
	  padding-bottom: 15px;
	}	
.t121, .t122 { background-color: #8a83f44f ;}	

.t131, .t132, .t133, .t134, .t135
{  
	width: 200px;
	  font-size: 11px;
	  padding-bottom: 15px;
	}	
.t131, .t132 { background-color:yellow;}	




.t53, .t63, .t73, .t83 { color: white !important}
	
.t64, .t74, .t84 { color: white !important;}






	
.zzwei{
	font-size: 11px !important;
    font-weight: 600;
    font-family: verdana;
    
}




/* Container für die Spalten */

.Oben, .Oben2{
    background-color: gold !important;
}
.Oben, .Oben2, .Oben3, .Oben4, .Oben5{
 
    font-size: 15px;
    
    font-family: verdana;
    min-height: 110px;
    padding: 10px;
    margin-bottom: 10px;
}

.zwei {
    height: auto !important; /* Passt die Höhe automatisch an */
    background-color: #e1c6f4 !important;
    min-height: 200px;

}

.zwei1 {
    height: auto !important; /* Passt die Höhe automatisch an */
    background-color: #e1c6f4 !important;
    min-height: 200px;
}

.drei {
    background-color: #d2f4d5 !important;
    height: auto !important; /* Passt die Höhe automatisch an */
}

.vier {
    background-color: #f3dfb1 !important;
    height: auto !important; /* Passt die Höhe automatisch an */
}

.container {
    display: flex;
    overflow-x: auto;
}

/* Jede einzelne Spalte */
.column {
    flex: 1;
    
    margin: 0px;
    padding: 0px;
    box-sizing: border-box; 
    border: 1px solid black;
     
}

/* Optional: Stil für ein gleichmäßiges Aussehen der Spalten */
.column:nth-child(even) {
    background-color: blue;
}

/* Hintergrundfarben für die Reihen 
.column div:nth-child(1) {
    padding: 1px;
    margin-bottom: 1px;
}

.column div:nth-child(2) {
    background-color: #e1c6f4;
    padding: 1px;
    margin-bottom: 1px;
}

.column div:nth-child(3) {
    background-color: #d2f4d5;
    padding: 10px;
    margin-bottom: 10px;
}

.column div:nth-child(4) {
    background-color: #f3dfb1;
    padding: 10px;
    margin-bottom: 10px;
}

.column div:nth-child(5) {
    background-color: #b1c2f3;
    padding: 10px;
    margin-bottom: 10px;
}

.column div:nth-child(6) {
    background-color: #febfbf;
    padding: 10px;
    margin-bottom: 10px;
}

.column div:nth-child(7) {
    background-color: #fefba7;
    padding: 10px;
    margin-bottom: 10px;
}

.column div:nth-child(8) {
    background-color: #00ff96;
    padding: 10px;
    margin-bottom: 10px;
}

.column div:nth-child(9) {
    background-color: #deadc0;
    padding: 10px;
    margin-bottom: 10px;
}

*/

/* Style for form visibility */
.group-column > div[id^="form_"] {
    display: none;
}

.group-column.show-form > div[id^="form_"] {
    display: block;
}



table.WeinachtszauberT {
  font-family: Verdana, Geneva, sans-serif;
  border: 1px solid #000000;
   
  height: 200px;
  text-align: left;
  border-collapse: collapse;
}
table.WeinachtszauberT td, table.WeinachtszauberT th {
  border: 1px solid #AAAAAA; vertical-align: top;
  width: 300px;
  padding-left: 10px;
  padding-top: 10px;
}
table.WeinachtszauberT tbody td {
   
  color: #000000;
}
table.WeinachtszauberT tfoot td {
  
}
table.WeinachtszauberT tfoot .links {
  text-align: right;
}
table.WeinachtszauberT tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}