BODY {
  background-image: url(flower.jpe);
  lang: DE;
  color: #000000;
  overflow-wrap: break-word;   /* moderner Standard */
  word-wrap: break-word;       /* für ältere Browser */
  word-break: break-word;      /* als Fallback, zwingt den Umbruch */
  white-space: normal;         /* sorgt dafür, dass Umbrechen möglich ist */
}

a:link {
  color: maroon;
  font-style: bold;
}

a:visited {
  color: #330000;
  font-style: italic;
}

a:active {
  color: green;
  font-style: normal;
}

BASEFONT {
  color: black;
  face: Comic Sans MS;
  size: 4pt;
}

H {
  color: #000000;
  font-family: Comic Sans MS;
  font-size: 18pt;
  font-weight: bold;
}

/*
BLOCKQUOTE.Texte {
  background: lightcyan;
  border-width: thin;
  border-style: solid;
  border-color: #0000ff;
  margin-left: 1cm;
  margin-right: 1cm;
  text-align: center;
  font-family: Comic Sans MS;
  font-size: 13pt;
  font-weight: normal;
}

BLOCKQUOTE.Sonst {
  background: #FFDDFF;
  border-width: thin;
  border-style: solid;
  border-color: #CC00FF;
  margin-left: 1cm;
  margin-right: 1cm;
  text-align: center;
  font-family: Comic Sans MS;
  font-size: 13pt;
  font-weight: normal;
}
*/

SPAN.Haupt {
  color: #111111;
  font-family: Comic Sans MS;
  font-size: 16pt;
  font-weight: bold;
}

Texte_im_Rahmen {
  color: #000000;
  font-family: Comic Sans MS;
  font-size: 14pt;
  font-weight: normal;
}

A.TITEL {
  color: black;
  font-family: Comic Sans MS;
  font-size: 20pt;
  font-weight: bold;
}

A.Haupt {
  color: maroon;
  font-family: Comic Sans MS;
  font-size: 18pt;
  font-weight: bold;
}

A.Neben {
  color: black;
  font-family: Comic Sans MS;
  font-size: 16pt;
  font-weight: bold;
}

GRAUSCHATTIG {
  text-shadow: 
    -1px -1px 0 rgba(128, 128, 128, 0.3),  
     1px -1px 0 rgba(128, 128, 128, 0.3),
    -1px  1px 0 rgba(128, 128, 128, 0.3),
     1px  1px 0 rgba(128, 128, 128, 0.3);  /* 128,128,128` = Grauwert (RGB für Grau) `0.5` = 50 % Deckkraft */
}

WEISSCHATTIG {
  /* Light Mode: heller Schatten um schwarzen Text */
  color: black;
  text-shadow:  
    -1px -1px 0 rgba(200, 200, 200, 0.6),
     1px -1px 0 rgba(200, 200, 200, 0.6),
    -1px  1px 0 rgba(200, 200, 200, 0.6),
     1px  1px 0 rgba(200, 200, 200, 0.6);
}

@media (prefers-color-scheme: dark) {
  WEISSCHATTIG {
    color: white;
    text-shadow:  
      -1px -1px 0 rgba(0, 0, 0, 0.8),
       1px -1px 0 rgba(0, 0, 0, 0.8),
      -1px  1px 0 rgba(0, 0, 0, 0.8),
       1px  1px 0 rgba(0, 0, 0, 0.8);
  }
}

GELBSCHATTIG {
  text-shadow: 
    -1px -1px 0 rgba(200, 200, 0, 0.5),  
     1px -1px 0 rgba(200, 200, 0, 0.5),
    -1px  1px 0 rgba(200, 200, 0, 0.5),
     1px  1px 0 rgba(200, 200, 0, 0.5);  
}


:root {
  /* Standard (Light-Mode) */
  --rahmen-text: black;
  --rahmen-border: black;
  --rahmen-bg: rgba(0, 0, 0, 0.3);
}

@media (prefers-color-scheme: dark) {
  :root {
    --rahmen-text: white;
    --rahmen-border: white;
    --rahmen-bg: rgba(255, 255, 255, 0.1);
  }
}

Texte_im_Rahmen {
  display: block;
  padding: 1em;
  margin: 1em 0;
  border: 1px solid var(--rahmen-border);
  background-color: var(--rahmen-bg);
  border-radius: 6px;
  color: var(--rahmen-text);
}

/* Style Sheetangaben von Ergotherapie Haenle */