/*
Hier kannst du dein eigenes CSS einfügen.

Klicke auf das Hilfe-Symbol oben, um mehr zu lernen.
*/


.custom-menu-class{
  text-align: center;  
}

.custom-menu-class li {  
  display: inline;  
  padding: 15px;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}
table.schachtraining {
	border-width: 0px;
	border-spacing: 0px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
}
table.schachtraining th {
	border-width: 0px;
	padding: 4px;
	border-style: none;
	border-color: gray;
}
table.schachtraining td {
	border-width: 0px;
	padding: 4px;
	border-style: none;
	border-color: gray;
}

#neu {
  text-align: center;
  color:black;
  background-color: red;
  border-radius: 25px;
}

#link {
  text-align: center;
}

#second {
  text-align: center;
  /* color: #ccc; */
}

h1,h2,h3,h4,h5,h6 {
  /* color: #88C34B; */
}

.floatleft {
float: left;
border: 5px solid #BDBDBD;
background: #E0E0E0;
padding: 0px;
margin-right:20px;
}

.floatright {
float: left;
border: 5px solid #BDBDBD;
background: #E0E0E0;
padding: 0px;
margin-left:20px;
}

figcaption{
text-align:center;
}

#vorsitzender {
float: right; 
border: 1px dashed black;
width: 450px;
top: 50px;
box-shadow: 10px 10px 5px #888;
padding: 10px;
position: relative; 
}

#vorsitzende {
border: 1px dashed black;
}
 
#today { 
  background-color: yellow !important; 
  color: black;
}

#impressum {
/* float: right; */
border: 1px dashed black;
width: 350px;
top: 20px;
bottom: 20px;
box-shadow: 10px 10px 5px #888;
padding: 10px;
/* position: relative;  */
background-color: #ccc;
}

.wp-caption {
border: 1px solid black;
width: 450px;
box-shadow: 10px 10px 5px #888;
}

.green {
  border-color: grey;
  border-width: 1px; 
  border-style: outset; 
  color: white;
  background-color: #4CAF50;
}

.yellow {
    background-color: yellow;
}

.red {
    background-color: red;
}
.lightgrey {
    background-color: lightgrey;
}

.aufstieg {
  	background-image: url("/wp-content/uploads/2026/08/green-up-arrow_p.png");  
    background-size: 16px 16px;
    background-repeat: no-repeat;
  	background-position: right;
}

.abstieg {
    background-size: 16px 16px;
    background-repeat: no-repeat;
  	background-image: url("/wp-content/uploads/2026/08/red-down-arrow_p.png");  
  	background-position: right;
}


table { border: 2px outset grey ; padding: 1px }
th { color: white;  background-color: #4CAF50; }
td { border: thin inset grey ; margin: 1px }


/* Tabelle für Spielergebnisse */
table.spiel { 
  border-width: 1px; 
  border-style: outset; 
  border-collapse: collapse;
} 
table.spiel th {
  border-color: grey;
  border-width: 1px; 
  border-style: outset; 
  color: white;
  background-color: #4CAF50;
}
table.spiel td {
  border-width: 1px; 
  border-style: outset; 
  color: black;
  background-color: #CCC;
}

table.spieltag {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  background-color: white;
}

table.spieltag td, th {
  border: 1px solid #ddd;
  padding: 8px;
}

table.spieltag tr:nth-child(even){background-color: #f2f2f2;}

table.spieltag tr:hover {background-color: #ddd;}

table.spieltag th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

/* Spieler hat weiß */
.white {
    
}

/* Spieler hat schwarz */
.black {
    
}

/*
#content {
  margin: 0 auto;
  overflow: hidden;
}
*/

/* Spezialfarben */
/*
#secondary  {
	background-color: #ff6600;
    color: black;
}

.search-toggle {
	background-color: #ff6600;
    color: black;
}

.site-header {
	background-color: #ff6600;
    color: black;
}

a { 
    color: #ffff99;
}

.page {
	background-color:#ff6600;
}

*/

/*
.page {
  background-color: yellow;
}
*/

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left;  margin: 0 1em 1em 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }