/*****************************************************************************/
/* Übergreifende Styledefinitionen für Dimensionsangaben                     */
/* Bei responsiven Design ist darauf zu achten, das die Darstellung aller    */
/* Elemente in 320px Breite möglich ist. Z.B. mittels Einsatz von FLex-Boxen */
/*****************************************************************************/

.width25{width: 25px;}
.width50{width: 50px;}
.width75{width: 75px;}
.width100{width: 100px;}
.width150{width: 150px;}
.width200{width: 200px;}
.width250{width: 250px;}
.width300{width: 300px;}
.width400{width: 400px;}
.width500{width: 500px;}
.width600{width: 600px;}
.width700{width: 700px;}
.width800{width: 800px;}
.width900{width: 900px;}
.width1000{width: 1000px;}

.width10Proz {width: 10%;}
.width20Proz {width: 20%;}
.width30Proz {width: 30%;}
.width40Proz {width: 40%;}
.width50Proz {width: 50%;}
.width60Proz {width: 60%;}
.width70Proz {width: 70%;}
.width80Proz {width: 80%;}
.width90Proz {width: 90%;}
.width100Proz {width: 100%;}