.color-gn-0 { color: #378B2E; }	/* Main Primary color */
.color-gn-1 { color: #BFE8BB; }
.color-gn-2 { color: #75BF6D; }
.color-gn-3 { color: #105708; }
.color-gn-4 { color: #032300; }

.color-bl-0 { color: #423075; }	/* Main Secondary color (1) */
.color-bl-1 { color: #BBB2D6; }
.color-bl-2 { color: #7363A0; }
.color-bl-3 { color: #1E0E49; }
.color-bl-4 { color: #09021E; }

.color-ge-0 { color: #AA9839; }	/* Main Secondary color (2) */
.color-ge-1 { color: #FFF7CE; }
.color-ge-2 { color: #E9D985; }
.color-ge-3 { color: #6B5B0A; }
.color-ge-4 { color: #2B2400; }

.color-rt-0 { color: #A7383D; }	/* Main Complement color */
.color-rt-1 { color: #FDCCCF; }
.color-rt-2 { color: #E58388; }
.color-rt-3 { color: #690A0F; }
.color-rt-4 { color: #2A0002; }

.color-ws {
    color: #FFFFFF;
    border-right: 5px solid #2F5594;
    border-left: 5px solid #2F5594;
}

.color-link-none { font-family: "Lucida Calligraphy", "Candy Round BTN", "Bradley Hand ITC", "Brush Script Std", Verdana, Arial; text-decoration: none; color: #7C919A; }

.titel {
   font-family: kaushan-script;
   color: #1F6C00;
   font-style: normal;
   font-weight: 400;
   font-size: 44px;
   font-variant: normal;
   text-shadow: 2px 2px #000000;
   line-height: 55px;
}

h1 {
    color: #000000;
    line-height: 2%;
    font-size: x-large;
}

h2 {
    color: #000000;
    line-height: 2%;
    font-size: large;
} 

h3,h4,h5,h6,h7 {
	color: #000080;
}

.text {
	Color: #000000;
	Font-Family: Arial, Helvetica, Sans-Serif;
}

@media (max-width:980px){ 
	h1 {  font-size: xx-large; }
	h2 {  font-size: x-large; }
	.text { font-size: large; }
}

/* für Schrift in Kopfzeile */
.text-breiter-z1 {letter-spacing: clamp(0px, 2vw, 20px);}
.text-breiter-z2 {letter-spacing: clamp(0px, 0.33vw, 3.3px);}

.text-breiter-01 {letter-spacing: 0.089em;} 
.text-breiter-02 {letter-spacing: 0.2em;}
.text-breiter-03 {letter-spacing: 0.3em;}
.text-breiter-04 {letter-spacing: 0.4em;}
.text-breiter-05 {letter-spacing: 0.5em;}

.text60 { font-size: clamp(40px, 6vw, 60px); }
	/* font-size: clamp(1.5rem, 3vw, 2.5rem); /* automatische Anpassung der Schriftgröße an die Bildschirmgröße */
	/* Minimum: 1.5rem
	   Dynamisch: abhängig von 3% der Viewport-Breite
	   Maximum: 2.5rem */
	/* Viewport-Einheiten:
		vw = Viewport-Breite (1vw = 1% der Breite)
		vh = Viewport-Höhe */
.text40 {font-size: clamp(22px, 3.5vw, 35px);}
.text20 {
	font-size: clamp(12px, 2vw, 20px); 
	line-height: clamp(30px, 5vw, 50px);
}

.special {
	font-weight: bolder;	
	Color: #000080;
}


.cs_rot { color: #B33F3C; }	
.cs_grau { color: #897574; }
.cs_gold {	color: #FFD700;}

.text-kleiner {Font-Size: smaller;}
.text-groesser {Font-Size: larger;}
.text-klein {Font-Size: small;}
.text-x-klein {Font-Size: x-small;}
.text-xx-klein {Font-Size: xx-small;}
.text-gross {Font-Size: large;}
.text-x-gross {Font-Size: x-large;}
.text-xx-gross {Font-Size: xx-large;}

.code {
   font-family: "Courier New", Courier, monospace;
   letter-spacing: 2px;
   float: left;
   vertical-align: middle;
   color: #721512;
   margin: 1px;
   padding: 3px;
   font-weight: bold;
   font-size: medium;
}

.rainbow-text {
 animation-duration: 3.115s;
}

.rainbow-text {
 background: linear-gradient(53.13deg,#FFD33D 0%,#FFD33D 5%,#FB8532 16.02%,#EA4A5A 28.06%,#8A63D2 56.92%,#2188FF 72.93%,#34D058 84%,#FFD33D 95%,#FFD33D 100%);
 /*background-size: auto;*/
 background-clip: border-box;
 background-clip: text;
 display: inline-block;
 color: #FFFFFF; /*transparent;*/
 text-fill-color: transparent;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 animation: shine 6.28s alternate infinite;
 animation-duration: 6.28s;
 background-size: 400%;
}

/* zur Bewegung der Regenbogenfarben */
@keyframes shine {
 0% {
  background-position:200% center
 }
 62.8% {
  background-position:100% center
 }
 100% {
  background-position:200% center
 }
}