/*
body.site {
	background: transparent;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
*/

/* für Template-Farben  */
:root {
--cassiopeia-color-primary: #0a8000;
--cassiopeia-color-link:  #E5CD0B;
--cassiopeia-color-hover: #5341d0;
}
/* old 
:root {
--cassiopeia-color-primary: #41D07F;
--cassiopeia-color-link:  #20B2AA;
--cassiopeia-color-hover: #800000;
}
fertig old */ 

/* für Schrift im Header */
.brand-logo {
  font-family: courier;
  font-size: 2em;
  font-weight: bold;
/*     text-shadow: 0 2px white; */
}

main > section {
  text-align: center;
}

/* von spalten_e.css */

div[class*="col-"] {
         display: grid;
         padding: 1rem;
         border-color: #999;
         border-width: 3px;
         border-style: solid;
         box-sizing: border-box;
/*         background-color: #888;*/
         text-align: center;
  		width: auto;	
}

.col-0 { /* für maximale Spalten, angepasst auf Viewport  */
         grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
}

.col-1 { /* eine Spalte ... eigentlich überflüssig */
         grid-template-columns:        repeat(1, 1fr);
/*         grid-template-columns:  auto;               passt die Breite automatisch an */
}

.col-2 { /* zwei Spalten */
         grid-template-columns:        repeat(2, 1fr);
/*         grid-template-rows: min-content auto auto;    passt die Breite automatisch an */

}

.col-3 { /* drei Spalten */
         grid-template-columns:        repeat(3, 1fr);
/*         grid-template-rows: min-content auto auto auto;    passt die Breite automatisch an */
}

.col-4 { /* vier Spalten  */
         grid-template-columns:        repeat(4, 1fr);
/*         grid-template-rows: min-content auto auto auto auto;    passt die Breite automatisch an */
}