/* ########################################################################## */
/* # BOF grid.css */
/* StyleSheet Grid-Einstellungen für alle Webseiten */
/* ########################################################################## */


@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}


/* g0x- */
@media screen {

  .grid-container {
	clear: both;
  }
  
  .grid-container > div:before,
  .grid-container > div:after,
  .grid-nested > div:before,
  .grid-nested > div:after,
  .grid-container:before,
  .grid-container:after {
    content: " "; /* 1 */
    display: table; /* 2 */
  }
  
  .grid-nested > div:after,
  .grid-container > div:after,
  .grid-container:after {
    clear: both;
  }
  
  /* Grid-Defaults - All */
  .g0x,
  .g0x-05, .g1x-05, .g2x-05, .g3x-05, .g4x-05,
  .g0x-10, .g1x-10, .g2x-10, .g3x-10, .g4x-10,
  .g0x-15, .g1x-15, .g2x-15, .g3x-15, .g4x-15,
  .g0x-20, .g1x-20, .g2x-20, .g3x-20, .g4x-20,
  .g0x-25, .g1x-25, .g2x-25, .g3x-25, .g4x-25,
  .g0x-30, .g1x-30, .g2x-30, .g3x-30, .g4x-30,
  .g0x-35, .g1x-35, .g2x-35, .g3x-35, .g4x-35,
  .g0x-40, .g1x-40, .g2x-40, .g3x-40, .g4x-40,
  .g0x-45, .g1x-45, .g2x-45, .g3x-45, .g4x-45,
  .g0x-50, .g1x-50, .g2x-50, .g3x-50, .g4x-50,
  .g0x-55, .g1x-55, .g2x-55, .g3x-55, .g4x-55,
  .g0x-60, .g1x-60, .g2x-60, .g3x-60, .g4x-60,
  .g0x-65, .g1x-65, .g2x-65, .g3x-65, .g4x-65,
  .g0x-70, .g1x-70, .g2x-70, .g3x-70, .g4x-70,
  .g0x-75, .g1x-75, .g2x-75, .g3x-75, .g4x-75,
  .g0x-80, .g1x-80, .g2x-80, .g3x-80, .g4x-80,
  .g0x-85, .g1x-85, .g2x-85, .g3x-85, .g4x-85,
  .g0x-90, .g1x-90, .g2x-90, .g3x-90, .g4x-90,
  .g0x-95, .g1x-95, .g2x-95, .g3x-95, .g4x-95,
  .g0x-100, .g1x-100, .g2x-100, .g3x-100, .g4x-100,
  .g0x-33, .g1x-33, .g2x-33, .g3x-33, .g4x-33,
  .g0x-66, .g1x-66, .g2x-66, .g3x-66, .g4x-66,
  .g0x-16, .g1x-16, .g2x-16, .g3x-16, .g4x-16,
  .g0x-12, .g1x-12, .g2x-12, .g3x-12, .g4x-12 {
    margin: 0;
    clear: none;
    padding: 0.75rem;
  }
  
  
  /* Grid-Defaults -g0x- */
  .g0x,
  .g0x-05,
  .g0x-10,
  .g0x-15,
  .g0x-20,
  .g0x-25,
  .g0x-30,
  .g0x-35,
  .g0x-40,
  .g0x-45,
  .g0x-50,
  .g0x-55,
  .g0x-60,
  .g0x-65,
  .g0x-70,
  .g0x-75,
  .g0x-80,
  .g0x-85,
  .g0x-90,
  .g0x-95,
  .g0x-100,
  .g0x-33,
  .g0x-66,
  .g0x-16,
  .g0x-12{
    float: left;
  }
  
  /* Grid-Weiten - g0x- */
  .g0x-05 { width: 5%; }
  .g0x-10 { width: 10%; }
  .g0x-15 { width: 15%; }
  .g0x-20 { width: 20%; }
  .g0x-25 { width: 25%; }
  .g0x-30 { width: 30%; }
  .g0x-35 { width: 35%; }
  .g0x-40 { width: 40%; }
  .g0x-45 { width: 45%; }
  .g0x-50 { width: 50%; }
  .g0x-55 { width: 55%; }
  .g0x-60 { width: 60%; }
  .g0x-65 { width: 65%; }
  .g0x-70 { width: 70%; }
  .g0x-75 { width: 75%; }
  .g0x-80 { width: 80%; }
  .g0x-85 { width: 85%; }
  .g0x-90 { width: 90%; }
  .g0x-95 { width: 95%; }
  .g0x-100 { width: 100%; }
  .g0x-33 { width: 33.33333%; }
  .g0x-66 { width: 66.66667%; }
  .g0x-16 { width: 16.66665%; }
  .g0x-12 { width: 12.5%; }
  
  /* Grid-Push-Pull-Defaults - g0x- */
  .g0x-push-no, .g0x-pull-no,
  .g0x-push-05, .g0x-pull-05,
  .g0x-push-10, .g0x-pull-10,
  .g0x-push-15, .g0x-pull-15,
  .g0x-push-20, .g0x-pull-20,
  .g0x-push-25, .g0x-pull-25,
  .g0x-push-30, .g0x-pull-30,
  .g0x-push-35, .g0x-pull-35,
  .g0x-push-40, .g0x-pull-40,
  .g0x-push-45, .g0x-pull-45,
  .g0x-push-50, .g0x-pull-50,
  .g0x-push-55, .g0x-pull-55,
  .g0x-push-60, .g0x-pull-60,
  .g0x-push-65, .g0x-pull-65,
  .g0x-push-70, .g0x-pull-70,
  .g0x-push-75, .g0x-pull-75,
  .g0x-push-80, .g0x-pull-80,
  .g0x-push-85, .g0x-pull-85,
  .g0x-push-90, .g0x-pull-85,
  .g0x-push-95, .g0x-pull-95,
  .g0x-push-33, .g0x-pull-33,
  .g0x-push-66, .g0x-pull-66,
  .g0x-push-16, .g0x-pull-16 {
    position: relative;
  }
  
  /* Grid-Push - g0x- */
  .g0x-push-no { left: 0; }
  .g0x-push-05 { left: 5%; }
  .g0x-push-10 { left: 10%; }
  .g0x-push-15 { left: 15%; }
  .g0x-push-20 { left: 20%; }
  .g0x-push-25 { left: 25%; }
  .g0x-push-30 { left: 30%; }
  .g0x-push-35 { left: 35%; }
  .g0x-push-40 { left: 40%; }
  .g0x-push-45 { left: 45%; }
  .g0x-push-50 { left: 50%; }
  .g0x-push-55 { left: 55%; }
  .g0x-push-60 { left: 60%; }
  .g0x-push-65 { left: 65%; }
  .g0x-push-70 { left: 70%; }
  .g0x-push-75 { left: 75%; }
  .g0x-push-80 { left: 80%; }
  .g0x-push-85 { left: 85%; }
  .g0x-push-90 { left: 90%; }
  .g0x-push-95 { left: 95%; }
  .g0x-push-33 { left: 33.33333%; }
  .g0x-push-66 { left: 66.66667%; }
  .g0x-push-16 { left: 16.66665%; }
  
  /* Grid-Pull - g0x- */
  .g0x-pull-no { left: 0; }
  .g0x-pull-05 { left: -5%; }
  .g0x-pull-10 { left: -10%; }
  .g0x-pull-15 { left: -15%; }
  .g0x-pull-20 { left: -20%; }
  .g0x-pull-25 { left: -25%; }
  .g0x-pull-30 { left: -30%; }
  .g0x-pull-35 { left: -35%; }
  .g0x-pull-40 { left: -40%; }
  .g0x-pull-45 { left: -45%; }
  .g0x-pull-50 { left: -50%; }
  .g0x-pull-55 { left: -55%; }
  .g0x-pull-60 { left: -60%; }
  .g0x-pull-65 { left: -65%; }
  .g0x-pull-70 { left: -70%; }
  .g0x-pull-75 { left: -75%; }
  .g0x-pull-80 { left: -80%; }
  .g0x-pull-85 { left: -85%; }
  .g0x-pull-90 { left: -90%; }
  .g0x-pull-95 { left: -95%; }
  .g0x-pull-33 { left: -33.33333%; }
  .g0x-pull-66 { left: -66.66667%; }
  .g0x-pull-16 { left: -16.66665%; }
  
  /* Grid-Prefixe - g0x- */
  .g0x-pref-no { margin-left: 0; }
  .g0x-pref-05 { margin-left: 5%; }
  .g0x-pref-10 { margin-left: 10%; }
  .g0x-pref-15 { margin-left: 15%; }
  .g0x-pref-20 { margin-left: 20%; }
  .g0x-pref-25 { margin-left: 25%; }
  .g0x-pref-30 { margin-left: 30%; }
  .g0x-pref-35 { margin-left: 35%; }
  .g0x-pref-40 { margin-left: 40%; }
  .g0x-pref-45 { margin-left: 45%; }
  .g0x-pref-50 { margin-left: 50%; }
  .g0x-pref-55 { margin-left: 55%; }
  .g0x-pref-60 { margin-left: 60%; }
  .g0x-pref-65 { margin-left: 65%; }
  .g0x-pref-70 { margin-left: 70%; }
  .g0x-pref-75 { margin-left: 75%; }
  .g0x-pref-80 { margin-left: 80%; }
  .g0x-pref-85 { margin-left: 85%; }
  .g0x-pref-90 { margin-left: 90%; }
  .g0x-pref-95 { margin-left: 95%; }
  .g0x-pref-33 { margin-left: 33.33333%; }
  .g0x-pref-66 { margin-left: 66.66667%; }
  .g0x-pref-16 { margin-left: 16.66665%; }
  
  /* Grid-Suffixe - g0x- */
  .g0x-suff-no { margin-right: 0; }
  .g0x-suff-05 { margin-right: 5%; }
  .g0x-suff-10 { margin-right: 10%; }
  .g0x-suff-15 { margin-right: 15%; }
  .g0x-suff-20 { margin-right: 20%; }
  .g0x-suff-25 { margin-right: 25%; }
  .g0x-suff-30 { margin-right: 30%; }
  .g0x-suff-35 { margin-right: 35%; }
  .g0x-suff-40 { margin-right: 40%; }
  .g0x-suff-45 { margin-right: 45%; }
  .g0x-suff-50 { margin-right: 50%; }
  .g0x-suff-55 { margin-right: 55%; }
  .g0x-suff-60 { margin-right: 60%; }
  .g0x-suff-65 { margin-right: 65%; }
  .g0x-suff-70 { margin-right: 70%; }
  .g0x-suff-75 { margin-right: 75%; }
  .g0x-suff-80 { margin-right: 80%; }
  .g0x-suff-85 { margin-right: 85%; }
  .g0x-suff-90 { margin-right: 90%; }
  .g0x-suff-95 { margin-right: 95%; }
  .g0x-suff-33 { margin-right: 33.33333%; }
  .g0x-suff-66 { margin-right: 66.66667%; }
  .g0x-suff-16 { margin-right: 16.66665%; }
  
  .g0x-100:before,
  .g0x-100:after {
    content: " "; /* 1 */
    display: table; /* 2 */
  }
  
  .g0x-100:after {
    clear: both;
  }
  
  /* Grid-Nested */
  .grid-nested,
  .no-pad-all {
  padding: 0;
  }
  
  /* no-padding */
  .no-pad-vertical {
  padding-top: 0;
  padding-bottom: 0;
  }
  .no-pad-horizontal {
  padding-left: 0;
  padding-right: 0;
  }
  .no-pad-top {
  padding-top: 0;
  }
  .no-pad-bottom {
  padding-bottom: 0;
  }
  .no-pad-left {
  padding-left: 0;
  }
  .no-pad-right {
  padding-right: 0;
  }
  
  
  /* Grid-Hide+Higher - g0x- */
  .g0x-hide-higher { display: none !important; }
  
  /* Grid-Hide+Lower - g0x- */
  .g0x-hide-lower { display: none !important; }
  .g1x-hide-lower { display: none !important; }
  .g2x-hide-lower { display: none !important; }
  .g3x-hide-lower { display: none !important; }
  .g4x-hide-lower { display: none !important; }
}

/* g1x- */
@media screen and (min-width: 400px) {
  
  
  
  /* Grid-Defaults - g1x- */
  .g1x-05,
  .g1x-10,
  .g1x-15,
  .g1x-20,
  .g1x-25,
  .g1x-30,
  .g1x-35,
  .g1x-40,
  .g1x-45,
  .g1x-50,
  .g1x-55,
  .g1x-60,
  .g1x-65,
  .g1x-70,
  .g1x-75,
  .g1x-80,
  .g1x-85,
  .g1x-90,
  .g1x-95,
  .g1x-100,
  .g1x-33,
  .g1x-66,
  .g1x-16 {
    float: left;
  }
  
  /* Grid-Weiten - g1x- */
  .g1x-05 { width: 5%; }
  .g1x-10 { width: 10%; }
  .g1x-15 { width: 15%; }
  .g1x-20 { width: 20%; }
  .g1x-25 { width: 25%; }
  .g1x-30 { width: 30%; }
  .g1x-35 { width: 35%; }
  .g1x-40 { width: 40%; }
  .g1x-45 { width: 45%; }
  .g1x-50 { width: 50%; }
  .g1x-55 { width: 55%; }
  .g1x-60 { width: 60%; }
  .g1x-65 { width: 65%; }
  .g1x-70 { width: 70%; }
  .g1x-75 { width: 75%; }
  .g1x-80 { width: 80%; }
  .g1x-85 { width: 85%; }
  .g1x-90 { width: 90%; }
  .g1x-95 { width: 95%; }
  .g1x-100 { width: 100%; }
  .g1x-33 { width: 33.33333%; }
  .g1x-66 { width: 66.66667%; }
  .g1x-16 { width: 16.66665%; }
  
  /* Grid-Push-Pull-Defaults - g1x- */
  .g1x-push-no, .g1x-pull-no,
  .g1x-push-05, .g1x-pull-05,
  .g1x-push-10, .g1x-pull-10,
  .g1x-push-15, .g1x-pull-15,
  .g1x-push-20, .g1x-pull-20,
  .g1x-push-25, .g1x-pull-25,
  .g1x-push-30, .g1x-pull-30,
  .g1x-push-35, .g1x-pull-35,
  .g1x-push-40, .g1x-pull-40,
  .g1x-push-45, .g1x-pull-45,
  .g1x-push-50, .g1x-pull-50,
  .g1x-push-55, .g1x-pull-55,
  .g1x-push-60, .g1x-pull-60,
  .g1x-push-65, .g1x-pull-65,
  .g1x-push-70, .g1x-pull-70,
  .g1x-push-75, .g1x-pull-75,
  .g1x-push-80, .g1x-pull-80,
  .g1x-push-85, .g1x-pull-85,
  .g1x-push-90, .g1x-pull-85,
  .g1x-push-95, .g1x-pull-95,
  .g1x-push-33, .g1x-pull-33,
  .g1x-push-66, .g1x-pull-66,
  .g1x-push-16, .g1x-pull-16 {
    position: relative;
  }
  
  /* Grid-Push - g1x- */
  .g1x-push-no { left: 0; }
  .g1x-push-05 { left: 5%; }
  .g1x-push-10 { left: 10%; }
  .g1x-push-15 { left: 15%; }
  .g1x-push-20 { left: 20%; }
  .g1x-push-25 { left: 25%; }
  .g1x-push-30 { left: 30%; }
  .g1x-push-35 { left: 35%; }
  .g1x-push-40 { left: 40%; }
  .g1x-push-45 { left: 45%; }
  .g1x-push-50 { left: 50%; }
  .g1x-push-55 { left: 55%; }
  .g1x-push-60 { left: 60%; }
  .g1x-push-65 { left: 65%; }
  .g1x-push-70 { left: 70%; }
  .g1x-push-75 { left: 75%; }
  .g1x-push-80 { left: 80%; }
  .g1x-push-85 { left: 85%; }
  .g1x-push-90 { left: 90%; }
  .g1x-push-95 { left: 95%; }
  .g1x-push-33 { left: 33.33333%; }
  .g1x-push-66 { left: 66.66667%; }
  .g1x-push-16 { left: 16.66665%; }
  
  /* Grid-Pull - g1x- */
  .g1x-pull-no { left: 0; }
  .g1x-pull-05 { left: -5%; }
  .g1x-pull-10 { left: -10%; }
  .g1x-pull-15 { left: -15%; }
  .g1x-pull-20 { left: -20%; }
  .g1x-pull-25 { left: -25%; }
  .g1x-pull-30 { left: -30%; }
  .g1x-pull-35 { left: -35%; }
  .g1x-pull-40 { left: -40%; }
  .g1x-pull-45 { left: -45%; }
  .g1x-pull-50 { left: -50%; }
  .g1x-pull-55 { left: -55%; }
  .g1x-pull-60 { left: -60%; }
  .g1x-pull-65 { left: -65%; }
  .g1x-pull-70 { left: -70%; }
  .g1x-pull-75 { left: -75%; }
  .g1x-pull-80 { left: -80%; }
  .g1x-pull-85 { left: -85%; }
  .g1x-pull-90 { left: -90%; }
  .g1x-pull-95 { left: -95%; }
  .g1x-pull-33 { left: -33.33333%; }
  .g1x-pull-66 { left: -66.66667%; }
  .g1x-pull-16 { left: -16.66665%; }
  
  /* Grid-Prefixe - g1x- */
  .g1x-pref-no { margin-left: 0; }
  .g1x-pref-05 { margin-left: 5%; }
  .g1x-pref-10 { margin-left: 10%; }
  .g1x-pref-15 { margin-left: 15%; }
  .g1x-pref-20 { margin-left: 20%; }
  .g1x-pref-25 { margin-left: 25%; }
  .g1x-pref-30 { margin-left: 30%; }
  .g1x-pref-35 { margin-left: 35%; }
  .g1x-pref-40 { margin-left: 40%; }
  .g1x-pref-45 { margin-left: 45%; }
  .g1x-pref-50 { margin-left: 50%; }
  .g1x-pref-55 { margin-left: 55%; }
  .g1x-pref-60 { margin-left: 60%; }
  .g1x-pref-65 { margin-left: 65%; }
  .g1x-pref-70 { margin-left: 70%; }
  .g1x-pref-75 { margin-left: 75%; }
  .g1x-pref-80 { margin-left: 80%; }
  .g1x-pref-85 { margin-left: 85%; }
  .g1x-pref-90 { margin-left: 90%; }
  .g1x-pref-95 { margin-left: 95%; }
  .g1x-pref-33 { margin-left: 33.33333%; }
  .g1x-pref-66 { margin-left: 66.66667%; }
  .g1x-pref-16 { margin-left: 16.66665%; }
  
  /* Grid-Suffixe - g1x- */
  .g1x-suff-no { margin-right: 0; }
  .g1x-suff-05 { margin-right: 5%; }
  .g1x-suff-10 { margin-right: 10%; }
  .g1x-suff-15 { margin-right: 15%; }
  .g1x-suff-20 { margin-right: 20%; }
  .g1x-suff-25 { margin-right: 25%; }
  .g1x-suff-30 { margin-right: 30%; }
  .g1x-suff-35 { margin-right: 35%; }
  .g1x-suff-40 { margin-right: 40%; }
  .g1x-suff-45 { margin-right: 45%; }
  .g1x-suff-50 { margin-right: 50%; }
  .g1x-suff-55 { margin-right: 55%; }
  .g1x-suff-60 { margin-right: 60%; }
  .g1x-suff-65 { margin-right: 65%; }
  .g1x-suff-70 { margin-right: 70%; }
  .g1x-suff-75 { margin-right: 75%; }
  .g1x-suff-80 { margin-right: 80%; }
  .g1x-suff-85 { margin-right: 85%; }
  .g1x-suff-90 { margin-right: 90%; }
  .g1x-suff-95 { margin-right: 95%; }
  .g1x-suff-33 { margin-right: 33.33333%; }
  .g1x-suff-66 { margin-right: 66.66667%; }
  .g1x-suff-16 { margin-right: 16.66665%; }
  
  .g1x-100:before,
  .g1x-100:after {
    content: " "; /* 1 */
    display: table; /* 2 */
  }
  
  .g1x-100:after {
    clear: both;
  }
  
  /* Grid-Hide+Higher - g1x- */
  .g1x-hide-higher { display: none !important; }
  
  /* Grid-Hide+Lower - g1x- */
  .g0x-hide-lower { display: block !important; }
  .g1x-hide-lower { display: block !important; }
  .g2x-hide-lower { display: none !important; }
  .g3x-hide-lower { display: none !important; }
  .g4x-hide-lower { display: none !important; }
  
}

/* g2x- */
@media screen and (min-width: 640px) {
  
  
  
  /* Grid-Defaults - g2x- */
  .g2x-05,
  .g2x-10,
  .g2x-15,
  .g2x-20,
  .g2x-25,
  .g2x-30,
  .g2x-35,
  .g2x-40,
  .g2x-45,
  .g2x-50,
  .g2x-55,
  .g2x-60,
  .g2x-65,
  .g2x-70,
  .g2x-75,
  .g2x-80,
  .g2x-85,
  .g2x-90,
  .g2x-95,
  .g2x-100,
  .g2x-33,
  .g2x-66,
  .g2x-16 {
    float: left;
  }
  
  /* Grid-Weiten - g2x- */
  .g2x-05 { width: 5%; }
  .g2x-10 { width: 10%; }
  .g2x-15 { width: 15%; }
  .g2x-20 { width: 20%; }
  .g2x-25 { width: 25%; }
  .g2x-30 { width: 30%; }
  .g2x-35 { width: 35%; }
  .g2x-40 { width: 40%; }
  .g2x-45 { width: 45%; }
  .g2x-50 { width: 50%; }
  .g2x-55 { width: 55%; }
  .g2x-60 { width: 60%; }
  .g2x-65 { width: 65%; }
  .g2x-70 { width: 70%; }
  .g2x-75 { width: 75%; }
  .g2x-80 { width: 80%; }
  .g2x-85 { width: 85%; }
  .g2x-90 { width: 90%; }
  .g2x-95 { width: 95%; }
  .g2x-100 { width: 100%; }
  .g2x-33 { width: 33.33333%; }
  .g2x-66 { width: 66.66667%; }
  .g2x-16 { width: 16.66665%; }
  
  /* Grid-Push-Pull-Defaults - g2x- */
  .g2x-push-no, .g2x-pull-no,
  .g2x-push-05, .g2x-pull-05,
  .g2x-push-10, .g2x-pull-10,
  .g2x-push-15, .g2x-pull-15,
  .g2x-push-20, .g2x-pull-20,
  .g2x-push-25, .g2x-pull-25,
  .g2x-push-30, .g2x-pull-30,
  .g2x-push-35, .g2x-pull-35,
  .g2x-push-40, .g2x-pull-40,
  .g2x-push-45, .g2x-pull-45,
  .g2x-push-50, .g2x-pull-50,
  .g2x-push-55, .g2x-pull-55,
  .g2x-push-60, .g2x-pull-60,
  .g2x-push-65, .g2x-pull-65,
  .g2x-push-70, .g2x-pull-70,
  .g2x-push-75, .g2x-pull-75,
  .g2x-push-80, .g2x-pull-80,
  .g2x-push-85, .g2x-pull-85,
  .g2x-push-90, .g2x-pull-85,
  .g2x-push-95, .g2x-pull-95,
  .g2x-push-33, .g2x-pull-33,
  .g2x-push-66, .g2x-pull-66,
  .g2x-push-16, .g2x-pull-16{
    position: relative;
  }
  
  /* Grid-Push - g2x- */
  .g2x-push-no { left: 0; }
  .g2x-push-05 { left: 5%; }
  .g2x-push-10 { left: 10%; }
  .g2x-push-15 { left: 15%; }
  .g2x-push-20 { left: 20%; }
  .g2x-push-25 { left: 25%; }
  .g2x-push-30 { left: 30%; }
  .g2x-push-35 { left: 35%; }
  .g2x-push-40 { left: 40%; }
  .g2x-push-45 { left: 45%; }
  .g2x-push-50 { left: 50%; }
  .g2x-push-55 { left: 55%; }
  .g2x-push-60 { left: 60%; }
  .g2x-push-65 { left: 65%; }
  .g2x-push-70 { left: 70%; }
  .g2x-push-75 { left: 75%; }
  .g2x-push-80 { left: 80%; }
  .g2x-push-85 { left: 85%; }
  .g2x-push-90 { left: 90%; }
  .g2x-push-95 { left: 95%; }
  .g2x-push-33 { left: 33.33333%; }
  .g2x-push-66 { left: 66.66667%; }
  .g2x-push-16 { left: 16.66665%; }
  
  /* Grid-Pull - g2x- */
  .g2x-pull-no { left: 0; }
  .g2x-pull-05 { left: -5%; }
  .g2x-pull-10 { left: -10%; }
  .g2x-pull-15 { left: -15%; }
  .g2x-pull-20 { left: -20%; }
  .g2x-pull-25 { left: -25%; }
  .g2x-pull-30 { left: -30%; }
  .g2x-pull-35 { left: -35%; }
  .g2x-pull-40 { left: -40%; }
  .g2x-pull-45 { left: -45%; }
  .g2x-pull-50 { left: -50%; }
  .g2x-pull-55 { left: -55%; }
  .g2x-pull-60 { left: -60%; }
  .g2x-pull-65 { left: -65%; }
  .g2x-pull-70 { left: -70%; }
  .g2x-pull-75 { left: -75%; }
  .g2x-pull-80 { left: -80%; }
  .g2x-pull-85 { left: -85%; }
  .g2x-pull-90 { left: -90%; }
  .g2x-pull-95 { left: -95%; }
  .g2x-pull-33 { left: -33.33333%; }
  .g2x-pull-66 { left: -66.66667%; }
  .g2x-pull-16 { left: -16.66665%; }
  
  /* Grid-Prefixe - g2x- */
  .g2x-pref-no { margin-left: 0; }
  .g2x-pref-05 { margin-left: 5%; }
  .g2x-pref-10 { margin-left: 10%; }
  .g2x-pref-15 { margin-left: 15%; }
  .g2x-pref-20 { margin-left: 20%; }
  .g2x-pref-25 { margin-left: 25%; }
  .g2x-pref-30 { margin-left: 30%; }
  .g2x-pref-35 { margin-left: 35%; }
  .g2x-pref-40 { margin-left: 40%; }
  .g2x-pref-45 { margin-left: 45%; }
  .g2x-pref-50 { margin-left: 50%; }
  .g2x-pref-55 { margin-left: 55%; }
  .g2x-pref-60 { margin-left: 60%; }
  .g2x-pref-65 { margin-left: 65%; }
  .g2x-pref-70 { margin-left: 70%; }
  .g2x-pref-75 { margin-left: 75%; }
  .g2x-pref-80 { margin-left: 80%; }
  .g2x-pref-85 { margin-left: 85%; }
  .g2x-pref-90 { margin-left: 90%; }
  .g2x-pref-95 { margin-left: 95%; }
  .g2x-pref-33 { margin-left: 33.33333%; }
  .g2x-pref-66 { margin-left: 66.66667%; }
  .g2x-pref-16 { margin-left: 16.66665%; }
  
  /* Grid-Suffixe - g2x- */
  .g2x-suff-no { margin-right: 0; }
  .g2x-suff-05 { margin-right: 5%; }
  .g2x-suff-10 { margin-right: 10%; }
  .g2x-suff-15 { margin-right: 15%; }
  .g2x-suff-20 { margin-right: 20%; }
  .g2x-suff-25 { margin-right: 25%; }
  .g2x-suff-30 { margin-right: 30%; }
  .g2x-suff-35 { margin-right: 35%; }
  .g2x-suff-40 { margin-right: 40%; }
  .g2x-suff-45 { margin-right: 45%; }
  .g2x-suff-50 { margin-right: 50%; }
  .g2x-suff-55 { margin-right: 55%; }
  .g2x-suff-60 { margin-right: 60%; }
  .g2x-suff-65 { margin-right: 65%; }
  .g2x-suff-70 { margin-right: 70%; }
  .g2x-suff-75 { margin-right: 75%; }
  .g2x-suff-80 { margin-right: 80%; }
  .g2x-suff-85 { margin-right: 85%; }
  .g2x-suff-90 { margin-right: 90%; }
  .g2x-suff-95 { margin-right: 95%; }
  .g2x-suff-33 { margin-right: 33.33333%; }
  .g2x-suff-66 { margin-right: 66.66667%; }
  .g2x-suff-16 { margin-right: 16.66665%; }
  
  .g2x-100:before,
  .g2x-100:after {
    content: " "; /* 1 */
    display: table; /* 2 */
  }
  
  .g2x-100:after {
    clear: both;
  }
  
  /* Grid-Hide+Higher - g2x- */
  .g2x-hide-higher { display: none !important; }
  
  /* Grid-Hide+Lower - g2x- */
  .g0x-hide-lower { display: block !important; }
  .g1x-hide-lower { display: block !important; }
  .g2x-hide-lower { display: block !important; }
  .g3x-hide-lower { display: none !important; }
  .g4x-hide-lower { display: none !important; }
  
}

/* g3x- */
@media screen and (min-width: 960px) {
  

  
  /* Grid-Defaults - g3x- */
  .g3x-05,
  .g3x-10,
  .g3x-15,
  .g3x-20,
  .g3x-25,
  .g3x-30,
  .g3x-35,
  .g3x-40,
  .g3x-45,
  .g3x-50,
  .g3x-55,
  .g3x-60,
  .g3x-65,
  .g3x-70,
  .g3x-75,
  .g3x-80,
  .g3x-85,
  .g3x-90,
  .g3x-95,
  .g3x-100,
  .g3x-33,
  .g3x-66,
  .g3x-16 {
    float: left;
  }
  
  /* Grid-Weiten - g3x- */
  .g3x-05 { width: 5%; }
  .g3x-10 { width: 10%; }
  .g3x-15 { width: 15%; }
  .g3x-20 { width: 20%; }
  .g3x-25 { width: 25%; }
  .g3x-30 { width: 30%; }
  .g3x-35 { width: 35%; }
  .g3x-40 { width: 40%; }
  .g3x-45 { width: 45%; }
  .g3x-50 { width: 50%; }
  .g3x-55 { width: 55%; }
  .g3x-60 { width: 60%; }
  .g3x-65 { width: 65%; }
  .g3x-70 { width: 70%; }
  .g3x-75 { width: 75%; }
  .g3x-80 { width: 80%; }
  .g3x-85 { width: 85%; }
  .g3x-90 { width: 90%; }
  .g3x-95 { width: 95%; }
  .g3x-100 { width: 100%; }
  .g3x-33 { width: 33.33333%; }
  .g3x-66 { width: 66.66667%; }
  .g3x-16 { width: 16.66665%; }
  
  /* Grid-Push-Pull-Defaults - g3x- */
  .g3x-push-no, .g3x-pull-no,
  .g3x-push-05, .g3x-pull-05,
  .g3x-push-10, .g3x-pull-10,
  .g3x-push-15, .g3x-pull-15,
  .g3x-push-20, .g3x-pull-20,
  .g3x-push-25, .g3x-pull-25,
  .g3x-push-30, .g3x-pull-30,
  .g3x-push-35, .g3x-pull-35,
  .g3x-push-40, .g3x-pull-40,
  .g3x-push-45, .g3x-pull-45,
  .g3x-push-50, .g3x-pull-50,
  .g3x-push-55, .g3x-pull-55,
  .g3x-push-60, .g3x-pull-60,
  .g3x-push-65, .g3x-pull-65,
  .g3x-push-70, .g3x-pull-70,
  .g3x-push-75, .g3x-pull-75,
  .g3x-push-80, .g3x-pull-80,
  .g3x-push-85, .g3x-pull-85,
  .g3x-push-90, .g3x-pull-85,
  .g3x-push-95, .g3x-pull-95,
  .g3x-push-33, .g3x-pull-33,
  .g3x-push-66, .g3x-pull-66,
  .g3x-push-16, .g3x-pull-16 {
    position: relative;
  }
  
  /* Grid-Push - g3x- */
  .g3x-push-no { left: 0; }
  .g3x-push-05 { left: 5%; }
  .g3x-push-10 { left: 10%; }
  .g3x-push-15 { left: 15%; }
  .g3x-push-20 { left: 20%; }
  .g3x-push-25 { left: 25%; }
  .g3x-push-30 { left: 30%; }
  .g3x-push-35 { left: 35%; }
  .g3x-push-40 { left: 40%; }
  .g3x-push-45 { left: 45%; }
  .g3x-push-50 { left: 50%; }
  .g3x-push-55 { left: 55%; }
  .g3x-push-60 { left: 60%; }
  .g3x-push-65 { left: 65%; }
  .g3x-push-70 { left: 70%; }
  .g3x-push-75 { left: 75%; }
  .g3x-push-80 { left: 80%; }
  .g3x-push-85 { left: 85%; }
  .g3x-push-90 { left: 90%; }
  .g3x-push-95 { left: 95%; }
  .g3x-push-33 { left: 33.33333%; }
  .g3x-push-66 { left: 66.66667%; }
  .g3x-push-16 { left: 16.66665%; }
  
  /* Grid-Pull - g3x- */
  .g3x-pull-no { left: 0; }
  .g3x-pull-05 { left: -5%; }
  .g3x-pull-10 { left: -10%; }
  .g3x-pull-15 { left: -15%; }
  .g3x-pull-20 { left: -20%; }
  .g3x-pull-25 { left: -25%; }
  .g3x-pull-30 { left: -30%; }
  .g3x-pull-35 { left: -35%; }
  .g3x-pull-40 { left: -40%; }
  .g3x-pull-45 { left: -45%; }
  .g3x-pull-50 { left: -50%; }
  .g3x-pull-55 { left: -55%; }
  .g3x-pull-60 { left: -60%; }
  .g3x-pull-65 { left: -65%; }
  .g3x-pull-70 { left: -70%; }
  .g3x-pull-75 { left: -75%; }
  .g3x-pull-80 { left: -80%; }
  .g3x-pull-85 { left: -85%; }
  .g3x-pull-90 { left: -90%; }
  .g3x-pull-95 { left: -95%; }
  .g3x-pull-33 { left: -33.33333%; }
  .g3x-pull-66 { left: -66.66667%; }
  .g3x-pull-16 { left: -16.66665%; }
  
  /* Grid-Prefixe - g3x- */
  .g3x-pref-no { margin-left: 0; }
  .g3x-pref-05 { margin-left: 5%; }
  .g3x-pref-10 { margin-left: 10%; }
  .g3x-pref-15 { margin-left: 15%; }
  .g3x-pref-20 { margin-left: 20%; }
  .g3x-pref-25 { margin-left: 25%; }
  .g3x-pref-30 { margin-left: 30%; }
  .g3x-pref-35 { margin-left: 35%; }
  .g3x-pref-40 { margin-left: 40%; }
  .g3x-pref-45 { margin-left: 45%; }
  .g3x-pref-50 { margin-left: 50%; }
  .g3x-pref-55 { margin-left: 55%; }
  .g3x-pref-60 { margin-left: 60%; }
  .g3x-pref-65 { margin-left: 65%; }
  .g3x-pref-70 { margin-left: 70%; }
  .g3x-pref-75 { margin-left: 75%; }
  .g3x-pref-80 { margin-left: 80%; }
  .g3x-pref-85 { margin-left: 85%; }
  .g3x-pref-90 { margin-left: 90%; }
  .g3x-pref-95 { margin-left: 95%; }
  .g3x-pref-33 { margin-left: 33.33333%; }
  .g3x-pref-66 { margin-left: 66.66667%; }
  .g3x-pref-16 { margin-left: 16.66665%; }
  
  /* Grid-Suffixe - g3x- */
  .g3x-suff-no { margin-right: 0; }
  .g3x-suff-05 { margin-right: 5%; }
  .g3x-suff-10 { margin-right: 10%; }
  .g3x-suff-15 { margin-right: 15%; }
  .g3x-suff-20 { margin-right: 20%; }
  .g3x-suff-25 { margin-right: 25%; }
  .g3x-suff-30 { margin-right: 30%; }
  .g3x-suff-35 { margin-right: 35%; }
  .g3x-suff-40 { margin-right: 40%; }
  .g3x-suff-45 { margin-right: 45%; }
  .g3x-suff-50 { margin-right: 50%; }
  .g3x-suff-55 { margin-right: 55%; }
  .g3x-suff-60 { margin-right: 60%; }
  .g3x-suff-65 { margin-right: 65%; }
  .g3x-suff-70 { margin-right: 70%; }
  .g3x-suff-75 { margin-right: 75%; }
  .g3x-suff-80 { margin-right: 80%; }
  .g3x-suff-85 { margin-right: 85%; }
  .g3x-suff-90 { margin-right: 90%; }
  .g3x-suff-95 { margin-right: 95%; }
  .g3x-suff-33 { margin-right: 33.33333%; }
  .g3x-suff-66 { margin-right: 66.66667%; }
  .g3x-suff-16 { margin-right: 16.66665%; }
  
  .g3x-100:before,
  .g3x-100:after {
    content: " "; /* 1 */
    display: table; /* 2 */
  }
  
  .g3x-100:after {
    clear: both;
  }
  
  /* Grid-Hide+Higher - g3x- */
  .g3x-hide-higher { display: none !important; }
  
  /* Grid-Hide+Lower - g3x- */
  .g0x-hide-lower { display: block !important; }
  .g1x-hide-lower { display: block !important; }
  .g2x-hide-lower { display: block !important; }
  .g3x-hide-lower { display: block !important; }
  .g4x-hide-lower { display: none !important; }
  
}

/* g4x- */
@media screen and (min-width: 1180px) {
  
  
  
  /* Grid-Defaults - g4x- */
  .g4x-05,
  .g4x-10,
  .g4x-15,
  .g4x-20,
  .g4x-25,
  .g4x-30,
  .g4x-35,
  .g4x-40,
  .g4x-45,
  .g4x-50,
  .g4x-55,
  .g4x-60,
  .g4x-65,
  .g4x-70,
  .g4x-75,
  .g4x-80,
  .g4x-85,
  .g4x-90,
  .g4x-95,
  .g4x-100,
  .g4x-33,
  .g4x-66,
  .g4x-16,
  .g4x-12 {
    float: left;
  }
  
  /* Grid-Weiten - g4x- */
  .g4x-05 { width: 5%; }
  .g4x-10 { width: 10%; }
  .g4x-15 { width: 15%; }
  .g4x-20 { width: 20%; }
  .g4x-25 { width: 25%; }
  .g4x-30 { width: 30%; }
  .g4x-35 { width: 35%; }
  .g4x-40 { width: 40%; }
  .g4x-45 { width: 45%; }
  .g4x-50 { width: 50%; }
  .g4x-55 { width: 55%; }
  .g4x-60 { width: 60%; }
  .g4x-65 { width: 65%; }
  .g4x-70 { width: 70%; }
  .g4x-75 { width: 75%; }
  .g4x-80 { width: 80%; }
  .g4x-85 { width: 85%; }
  .g4x-90 { width: 90%; }
  .g4x-95 { width: 95%; }
  .g4x-100 { width: 100%; }
  .g4x-33 { width: 33.33333%; }
  .g4x-66 { width: 66.66667%; }
  .g4x-16 { width: 16.66665%; }
  .g4x-12 { width: 12.5%; }
  
  /* Grid-Push-Pull-Defaults - g4x- */
  .g4x-push-no, .g4x-pull-no,
  .g4x-push-05, .g4x-pull-05,
  .g4x-push-10, .g4x-pull-10,
  .g4x-push-15, .g4x-pull-15,
  .g4x-push-20, .g4x-pull-20,
  .g4x-push-25, .g4x-pull-25,
  .g4x-push-30, .g4x-pull-30,
  .g4x-push-35, .g4x-pull-35,
  .g4x-push-40, .g4x-pull-40,
  .g4x-push-45, .g4x-pull-45,
  .g4x-push-50, .g4x-pull-50,
  .g4x-push-55, .g4x-pull-55,
  .g4x-push-60, .g4x-pull-60,
  .g4x-push-65, .g4x-pull-65,
  .g4x-push-70, .g4x-pull-70,
  .g4x-push-75, .g4x-pull-75,
  .g4x-push-80, .g4x-pull-80,
  .g4x-push-85, .g4x-pull-85,
  .g4x-push-90, .g4x-pull-85,
  .g4x-push-95, .g4x-pull-95,
  .g4x-push-33, .g4x-pull-33,
  .g4x-push-66, .g4x-pull-66,
  .g4x-push-16, .g4x-pull-16 {
    position: relative;
  }
  
  /* Grid-Push - g4x- */
  .g4x-push-no { left: 0; }
  .g4x-push-05 { left: 5%; }
  .g4x-push-10 { left: 10%; }
  .g4x-push-15 { left: 15%; }
  .g4x-push-20 { left: 20%; }
  .g4x-push-25 { left: 25%; }
  .g4x-push-30 { left: 30%; }
  .g4x-push-35 { left: 35%; }
  .g4x-push-40 { left: 40%; }
  .g4x-push-45 { left: 45%; }
  .g4x-push-50 { left: 50%; }
  .g4x-push-55 { left: 55%; }
  .g4x-push-60 { left: 60%; }
  .g4x-push-65 { left: 65%; }
  .g4x-push-70 { left: 70%; }
  .g4x-push-75 { left: 75%; }
  .g4x-push-80 { left: 80%; }
  .g4x-push-85 { left: 85%; }
  .g4x-push-90 { left: 90%; }
  .g4x-push-95 { left: 95%; }
  .g4x-push-33 { left: 33.33333%; }
  .g4x-push-66 { left: 66.66667%; }
  .g4x-push-16 { left: 16.66665%; }
  
  /* Grid-Pull - g4x- */
  .g4x-pull-no { left: 0; }
  .g4x-pull-05 { left: -5%; }
  .g4x-pull-10 { left: -10%; }
  .g4x-pull-15 { left: -15%; }
  .g4x-pull-20 { left: -20%; }
  .g4x-pull-25 { left: -25%; }
  .g4x-pull-30 { left: -30%; }
  .g4x-pull-35 { left: -35%; }
  .g4x-pull-40 { left: -40%; }
  .g4x-pull-45 { left: -45%; }
  .g4x-pull-50 { left: -50%; }
  .g4x-pull-55 { left: -55%; }
  .g4x-pull-60 { left: -60%; }
  .g4x-pull-65 { left: -65%; }
  .g4x-pull-70 { left: -70%; }
  .g4x-pull-75 { left: -75%; }
  .g4x-pull-80 { left: -80%; }
  .g4x-pull-85 { left: -85%; }
  .g4x-pull-90 { left: -90%; }
  .g4x-pull-95 { left: -95%; }
  .g4x-pull-33 { left: -33.33333%; }
  .g4x-pull-66 { left: -66.66667%; }
  .g4x-pull-16 { left: -16.66665%; }
  
  /* Grid-Prefixe - g4x- */
  .g4x-pref-no { margin-left: 0; }
  .g4x-pref-05 { margin-left: 5%; }
  .g4x-pref-10 { margin-left: 10%; }
  .g4x-pref-15 { margin-left: 15%; }
  .g4x-pref-20 { margin-left: 20%; }
  .g4x-pref-25 { margin-left: 25%; }
  .g4x-pref-30 { margin-left: 30%; }
  .g4x-pref-35 { margin-left: 35%; }
  .g4x-pref-40 { margin-left: 40%; }
  .g4x-pref-45 { margin-left: 45%; }
  .g4x-pref-50 { margin-left: 50%; }
  .g4x-pref-55 { margin-left: 55%; }
  .g4x-pref-60 { margin-left: 60%; }
  .g4x-pref-65 { margin-left: 65%; }
  .g4x-pref-70 { margin-left: 70%; }
  .g4x-pref-75 { margin-left: 75%; }
  .g4x-pref-80 { margin-left: 80%; }
  .g4x-pref-85 { margin-left: 85%; }
  .g4x-pref-90 { margin-left: 90%; }
  .g4x-pref-95 { margin-left: 95%; }
  .g4x-pref-33 { margin-left: 33.33333%; }
  .g4x-pref-66 { margin-left: 66.66667%; }
  .g4x-pref-16 { margin-left: 16.66665%; }
  
  /* Grid-Suffixe - g4x- */
  .g4x-suff-no { margin-right: 0; }
  .g4x-suff-05 { margin-right: 5%; }
  .g4x-suff-10 { margin-right: 10%; }
  .g4x-suff-15 { margin-right: 15%; }
  .g4x-suff-20 { margin-right: 20%; }
  .g4x-suff-25 { margin-right: 25%; }
  .g4x-suff-30 { margin-right: 30%; }
  .g4x-suff-35 { margin-right: 35%; }
  .g4x-suff-40 { margin-right: 40%; }
  .g4x-suff-45 { margin-right: 45%; }
  .g4x-suff-50 { margin-right: 50%; }
  .g4x-suff-55 { margin-right: 55%; }
  .g4x-suff-60 { margin-right: 60%; }
  .g4x-suff-65 { margin-right: 65%; }
  .g4x-suff-70 { margin-right: 70%; }
  .g4x-suff-75 { margin-right: 75%; }
  .g4x-suff-80 { margin-right: 80%; }
  .g4x-suff-85 { margin-right: 85%; }
  .g4x-suff-90 { margin-right: 90%; }
  .g4x-suff-95 { margin-right: 95%; }
  .g4x-suff-33 { margin-right: 33.33333%; }
  .g4x-suff-66 { margin-right: 66.66667%; }
  .g4x-suff-16 { margin-right: 16.66665%; }
  
  .g4x-100:before,
  .g4x-100:after {
    content: " "; /* 1 */
    display: table; /* 2 */
  }
  
  .g4x-100:after {
    clear: both;
  }
  
  /* Grid-Hide+Higher - g4x- */
  .g4x-hide-higher { display: none !important; }
  
  /* Grid-Hide+Lower - g4x- */
  .g0x-hide-lower { display: block !important; }
  .g1x-hide-lower { display: block !important; }
  .g2x-hide-lower { display: block !important; }
  .g3x-hide-lower { display: block !important; }
  .g4x-hide-lower { display: block !important; }
  
}
@media screen {
  
  /* Grid-Visible - gx- */
  .g0x-visible { display: none !important; }
  .g1x-visible { display: none !important; }
  .g2x-visible { display: none !important; }
  .g3x-visible { display: none !important; }
  .g4x-visible { display: none !important; }
}

/* g0x- */
@media screen and (max-width: 399px) {
  
  /* Grid-Hide - g0x- */
  .g0x-hide { display: none !important; }
  
  /* Grid-Visible - g0x- */
  .g0x-visible { display: block !important; }
  
}

/* g1x- */
@media screen and (min-width: 400px) and (max-width: 639px) {
  
  /* Grid-Hide - g1x- */
  .g1x-hide { display: none !important; }
  
  /* Grid-Visible - g1x- */
  .g1x-visible { display: block !important; }
  
}

/* g2x- */
@media screen and (min-width: 640px) and (max-width: 959px) {
  
  /* Grid-Hide - g2x- */
  .g2x-hide { display: none !important; }
  
  /* Grid-Visible - g2x- */
  .g2x-visible { display: block !important; }
  
}

/* g3x- */
@media screen and (min-width: 960px) and (max-width: 1179px) {
  
  /* Grid-Hide - g3x- */
  .g3x-hide { display: none !important; }
  
  /* Grid-Visible - g3x- */
  .g3x-visible { display: block !important; }
  
}

/* g4x- */
@media screen and (min-width: 1180px) {
  
  /* Grid-Hide - g4x- */
  .g4x-hide { display: none !important; }
  
  /* Grid-Visible - g4x- */
  .g4x-visible { display: block !important; }
  
}


/* ########################################################################## */
/* # EOF grid.css */
/* ########################################################################## */