// Filtech Farbvariablen

$ft-color-black : #111;
$ft-color-black-trans : hsla(0, 0%, 0%, 0.5); // schwarz transparent

$ft-color-white : #fff;
$ft-color-white-trans : hsla(0, 100%, 100%, 0.5); // weiss transparent

$ft-color-gray1 : hsl(0, 0%, 40%); // grau dunkel
$ft-color-gray2 : hsl(0, 0%, 67%); // grau mittel
$ft-color-gray3 : hsl(0, 0%, 93%); // grau hell

$ft-color-blue1 : hsl(203, 100%, 30%); // blau dunkel
$ft-color-blue : hsl(203, 100%, 37%); // blau mittel = Filtechlogo
$ft-color-blue3 : hsl(203, 85%, 85%); // blau hell

$ft-color-bluegreen1 : hsl(194, 100%, 30%); // blaugruen dunkel
$ft-color-bluegreen2 : hsl(194, 100%, 41%); // blaugruen mittel
$ft-color-bluegreen3 : hsl(194, 85%, 85%); // blaugruen hell

// Background-Colors

.bg-10 { background-color: $ft-color-black; color: $ft-color-white;
}
.bg-15 {background-color: $ft-color-black-trans;}

.bg-20 {background-color: $ft-color-white;}
.bg-25 {background-color: $ft-color-white-trans;}

.bg-30 { background-color: $ft-color-gray1; color: $ft-color-white;
}
.bg-35 { background-color: $ft-color-gray2; color: $ft-color-white;
}
.bg-37 {background-color: $ft-color-gray3;}

.bg-40 { background-color: $ft-color-blue1; color: $ft-color-white;
}
.bg-45 { background-color: $ft-color-blue; color: $ft-color-white;
}
.bg-47 {background-color: $ft-color-blue3;}

.bg-50 { background-color: $ft-color-bluegreen1; color: $ft-color-white;
}
.bg-55 {background-color: $ft-color-bluegreen2;}
.bg-57 {background-color: $ft-color-bluegreen3;}

// Colors fuer Fonts

.c10 {color: $ft-color-black;}
.c20 {color: $ft-color-white;}

.c30 {color: $ft-color-gray1;}
.c35 {color: $ft-color-gray2;}
.c37 {color: $ft-color-gray3;}

.c40 {color: $ft-color-blue1;}
.c45 {color: $ft-color-blue;}
.c47 {color: $ft-color-blue3;}

.c50 {color: $ft-color-bluegreen1;}
.c55 {color: $ft-color-bluegreen2;}
.c57 {color: $ft-color-bluegreen3;}

// END Colors