change media queries from fixed pixels to bootstrap screen variables

this prevents erroneous changes in the variables.less to the screen
breakpoints while forgetting to adapt the media queries.
moved breabcrumb seperator to variables.less to enable overrides