/* ============================================================================
@COMMON -> VARIABLES
========================================================================= */
/* Colors
========================================================================= */
/**
* Brand colors
*/
/**
* Gray scales
*/
/**
* Font colors
*/
/* Font
========================================================================= */
/**
* Font family
*/
/**
* Font weights
* Basierend auf die eingebundenen Google Font Styles
*/
/**
* Font sizes
*/
/**
* Headlines
*/
/* Border and Margin
========================================================================= */
/* Display and media-query sizes
========================================================================= */
/**
* Display sizes
*
* 1. Phone
* 2. Phone Landscape
* 3. Tablet Portrait
* 4. Tablet landscape / Small desktop
* 5. Large desktop
*/
/**
* Media-query min-width
*/
/**
* Media-query max-width
*/
/* Content sizes
========================================================================= */
/* ============================================================================
@COMMON -> VARIABLES
========================================================================= */
/* Display and media-query sizes
========================================================================= */
/**
* Display sizes
*
* 1. Phone
* 1.5 Custom1 - Peter
* 2. Phone Landscape
* 3. Tablet Portrait
* 4. Tablet landscape / Small desktop
* 5. Large desktop
*/
/**
* Media-query min-width
*/
/* ============================================================================
@COMMON -> REMPX-MIXIN
========================================================================= */
/**
 * Usage examples:
 * @include rem(font-size, 1.8rem)
 * @include rem(margin, 10px 20px 30px 40px)
 */