body      { background:#020109; letter-spacing:1.8px; color:#BFBCF0; }
h1        { font-family:Verdana; color:#BFBCF0;  text-shadow: 5px 5px 5px #020109; }
h2        { font-family:Verdana; font-style:italic; color:#BFBCF0; }
h3        { font-family:Verdana; font-style:italic; color:#BFBCF0; }
a         { color:#BFBCF0; line-height:150%; }
a:hover   { color:#1A8185; }
a:activated   { color:#AF1C44; }
a.blind    {text-decoration:none; }
a.gestreckt { font-size:16pt; letter-spacing:1mm; line-height:120%; color:#BFBCF0; }
a.green:link   { color:#1B8A1F; }
a.green:visited   { color:#1B8A1F; }
a.green:activated   { color:#AF1C44; }

.styled {
  border: 0;
  line-height: 2.5;
  padding: 0 20px;
  font-size: 1.2rem;
  font-family:Times;
  font-style:italic;
  font-weight:bold;
  letter-spacing:3px;
  text-align: center;
  color: #BFBCF0;
  text-shadow: 1px 1px 1px #000;
  border-radius: 10px;
  background-color: #592618;
  background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
  box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled:hover {
    color:#1E8589;
    background-color: #501F10;
}

.styled:active {
  box-shadow:
    inset -2px -2px 3px rgba(255, 255, 255, 0.6),
    inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}
  
.body2    { background:#484D4C; letter-spacing:2.0px; line-height:120%; color:#BFBCF0; }
.body3    { background:#484D6C; letter-spacing:2.0px; line-height:120%; color:#BFBCF0; }
.body4    { background:#BFBCF0; letter-spacing:2.0px; line-height:120%; color:#18247B; }
.body5    { background:#181E6D; letter-spacing:2.0px; line-height:120%; color:#9C5CFF; }
.body6    { background:#717081; letter-spacing:2.0px; line-height:120%; color:#BFBCF0; }
.body7    { background:#1F0B24; letter-spacing:2.0px; line-height:120%; color:#1A8185; }
.body9    { background:#552214; letter-spacing:2.0px; line-height:120%; color:#BFBCF0; }
.body10   { background:#0F233A; letter-spacing:2.0px; line-height:120%; color:#81BEF7 }
.bodyRot  { background:#550000; letter-spacing:2.0px; line-height:120%; color:#1C6895; }

.u-link        { font-style:underline; font-size:16pt; letter-spacing:1mm; line-height:120%; color:#1B8A1F; }
.h1-2     { font-family:Arial,Verdana; font-style:italic; color:#BFBCF0; text-shadow: 5px 5px 5px #020109; }
.h1-dezent { font-family:Arial,Verdana; font-style:italic; color:#BFBCF0; text-shadow: 4px 4px 5px #020109; }
.h1-white { font-family:Arial,Verdana; font-style:italic; color:#BFBCF0; text-shadow: 3px 3px 5px #3F3C70; }
.h2-2     { font-family:Arial,Verdana; font-style:italic; color:#BFBCF0; text-shadow: 5px 5px 5px #020109; }
.h2-white { font-family:Arial,Verdana; font-style:italic; color:#BFBCF0; text-shadow: 3px 3px 5px #3F3C70; }
.h2-dezent { font-family:Arial,Verdana; font-style:italic; color:#BFBCF0; text-shadow: 4px 4px 5px #03020A; }
.h3-2     { font-family:Arial,Verdana; font-style:italic; color:#BFBCF0; }
.h4-2     { font-family:Arial,Verdana; font-style:italic; color:#BFBCF0; }
.h1-3     { font-family:Arial,Verdana; font-style:italic; color:#18247B; text-shadow: 4px 4px 5px #6E6E6E; }
.h2-3     { font-family:Arial,Verdana; font-style:italic; color:#18247B; text-shadow: 3px 3px 5px #6E6E6E; }
.h4-3     { font-family:Arial,Verdana; font-style:italic; color:#18247B; }
.h1-4     { font-family:Arial,Verdana; font-style:italic; color:#AF1C44; }
.h2-4     { font-family:Arial,Verdana; font-style:italic; color:#AF1C44; }
.h4-4     { font-family:Arial,Verdana; font-style:italic; color:#AF1C44; }
.sprache  { font-style:underline; color:#43A38B; }
.gestreckt1   {  font-size:16pt; letter-spacing:1mm; line-height:120%; color:#BFBCF0; }
.gestreckt2   {  letter-spacing:1mm; line-height:120%; color:#BFBCF0; }
table     { letter-spacing:1.8px; line-height:120%; }
.fliesstext { font-family:Arial,Verdana; letter-spacing:2.0px; line-height:150%; }

img.shad { box-shadow: 4px 4px 15px black; }
.box1     { width: 350px; color: #BFBCF0; background-color: #532012; border: 0px solid red; box-shadow: 4px 4px 15px black;
           border-radius: 0 1em 1em 1em; margin: 20px auto; padding: 2em; }



<!-- (alte Link-Einstellung:   
a:
hover    color:#43A38B; (Grün)
activated    color:#AF1C44; 
visited  color:#1A97C1; (blau)
dunkler blaue schrift:#18247B
 ) 
rot: color:#AF1C44;
weiß: color:#BFBCF0;
blau-türkis-matt:color:#1A97C1;
für a hover: dunkleres türkisblau: #1A8185 
violettes violett: #691AC1; violett-knallig: #8800FD gemäßigter-etwas-blauer:#5A19CA #9A11F8 blauer: #882CFF
grün #1C957E  
helles violett #7A06F8 - gut f.vita

für Überschriften z.B. schönes weiß-violett: #9C5CFF;

Grasgrün: #1BA954 /  min.dunkler: #1B8A1F =besser gut für u-Link + weißer h1
  Schriftfarben blau für Body 10: #1A6073     #1C6895=festgelegt  
-->