/* Farbdefinitionen für Spiruli - von hell nach dunkel sortiert  */
/* ------------------------------------------------------------  */

/*
Benutzung im RTE Editor:
------------------------------------------------------------  


Beispiel:
------------------------------------------------------------ 
<span class="rte green-1"> ...text ist grün... </span>


Beispiel: Block mit Hintergrundbild Welle1 
------------------------------------------------------------  
<div class="rte hg_green">
<h3>Überschrift</h3>
<p>... text mit Wellenbilder als Hintergrund ...</p>
</div>



*/



/* Vordergrundfarbe */
.green-1 { color: #e6efd0; } .green-1 a { color: #e6efd0; }
.green-2 { color: #cfe09a; } .green-2 a { color: #cfe09a; }
.green-3 { color: #94c11c; } .green-3 a { color: #94c11c; }
.green-4 { color: #4e8134; } .green-4 a { color: #4e8134; }

.blue-1  { color: #88b6e2; }
.blue-2  { color: #004799; }

/* Hintergrundfarbe */
.bg-green-1 { background-color: #e6efd0; }
.bg-green-2 { background-color: #cfe09a; }
.bg-green-3 { background-color: #94c11c; }
.bg-green-4 { background-color: #4e8134; }

.bg-blue-1  { background-color: #88b6e2; }
.bg-blue-2  { background-color: #004799; }


/* Textfarben */
.white-1 { color: #fff; }
.black-1 { color: #000; }

/* Hintergrundfarben */
.bg-white-1 { background-color: #fff; }
.bg-black-1 { background-color: #000; }
.bg-transparent { background-color: transparent; }

/* Wellenbilder als Hintergrund */
.hg_green_light { background: url('/fileadmin/templates/spiruli1/img/hg_green_light.jpg'); background-size: auto; }
.hg_green       { background: url('/fileadmin/templates/spiruli1/img/hg_green.jpg');       background-size: auto; }


/* größe des Hintergrundbildes an den Block anpassen */
.hg_auto { background-size: auto; }
.hg_cover { background-size: cover; }
.hg_contain { background-size: contain; }