       Zeitpunkt: #{day.label} um #{time.label}\n"
       alert "done"
       console.log mentor, day, time
+  getColorsOfMentor: (total, index) ->
+    # we rotate over the color circle to create a color for every mentor
+    # but we skip every second color so that mentors next to each other have not too similar colors
+    indexShifted = (index) -> 
+      totalEven = total % 2 is 0
+      offset = if totalEven and index/total >= 0.5 then 1 else 0
+      (index*2+offset) % total
+
+    angle = 360 / total
+    hue = angle * indexShifted index
+    background: "hsla(#{hue}, 70%, 90%, 0.5)"
+    text: "hsl(#{hue}, 90%, 20%)"
+
   render: ->
     filteredMentors = @getFilteredMentors()
-    filteredMentorIds = _.keys filteredMentors
+    selectedMentors = @getSelectedMentors filteredMentors
 
     <div className="kit-mentor-schedules">
       <Filters 

        initialFilters=@state.filters
        onChange=@onChangeFilter
      />
      <Table 
        mentors=filteredMentors
        kid=@props.kid
        initialSelection=filteredMentorIds
        onSelectDate=@onSelectDate
        />
    </div>

MentorsForDisplayingFilter = React.createClass

        color: mentor.colors.text
        backgroundColor: mentor.colors.background
        borderColor: mentor.colors.text
    selectedIds = []
    for id in @props.selection
      selectedIds.push id if @props.mentors[id]?
    value = selectedIds.join @DELEMITER

    
    if value.length == 0 then value = null
    <div className="mentors-filtered">
      <Select 
