Elemente innerhalb der FlexBox überlappen obwohl die das nicht sollen...

[Nuria]

Du hast natürlich Recht... Ich hab erstmal ne kleine Pause gemacht und mit klarerem Kopf neu geprüft.

Wie folgt ist es gelöst: Nur die CSS- Definition für die elterliche Flexbox der betroffenen Elemente verändert.

Nicht Funktionierender Code

display:-webkit-flex;-webkit-flex-direction:column;-webkit-align-items:flex-start; 
display:-ms-flexbox;-ms-flex-direction:column;-ms-flex-align-items:flex-start;   
display:flex;flex-direction:column;  
-webkit-align-content: flex-start; 
align-content: flex-start;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;

Funktionierender Code

display:-webkit-flex;-webkit-flex-direction:column;-webkit-align-items:flex-start; 
display:-ms-flexbox;-ms-flex-direction:column;-ms-flex-align-items:flex-start;  
display:flex;flex-direction:column; 
-webkit-align-content: flex-start; 
align-content: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap:wrap;
flex-flow: row wrap;
border-width:2px;border-color:#ff0000;border-style:solid;

(Die Breiten werden durch Mediaquery-abhängige Bedingungen definiert, o.g. Code ist die vorangegangene Normalisierung.

Es geht also doch ^^ Bin wieder glücklich =)

Nochmals Danke