Responsive Seite mit Panels mit AdaptiveTheme und Layout Designer

Hi alle,

zähle mich selbst noch zu den Drupalanfängern. Seit ein paar Tagen versuche ich mich in Panels sowie in das AdaptiveTheme einzuarbeiten und möchte gerne folgendes erreichen:

Ich möchte ein responsive Theme haben. Habe ein Sub Theme vom AdaptiveTheme angelegt. Mit Panels habe ich eine frontpage angelegt und mit dem visuellen Layoutdesigner mein gewünschtes Layout angelegt und Content ( mini-panes ) eingepflegt.

Mein Problem ist nun, dass ich nicht ein vorgefertigtes panels Layout von AdaptiveTheme möchte, sondern ein eigenes. Dabei möchte ich auch die Möglichkeit beibehalten mit dem Layoutdesigner von Panels den Content individuell in andere Regionen verschieben zu können.

So soll das Layout aussehen:

Beim verkleinern des Fensters sollen die blauen boxen innerhalb der roten bereiche sich untereinander anordnen bzw. sich verkleinern.

Wie setze ich das nun um?

Meine Idee wäre jetzt gewesen, die Reihen (rot) als seperate Panels anzulegen und dort dann ein AdaptiveTheme Layout zu verwenden. Damit wäre das ganze responsive, verliere aber die möglichkeit auf der Frontpage die mini-panes in alle regionen zu verschieben. ( man kann dann nur noch in der jeweiligen reihe auf der entsprechenden panel seite die regionen verschieben).

Ich vermute einfach mal, dass ich etwas grundsätzliches noch nicht richtig verstanden habe

Bin dankbar für jede Hilfe!