/*
 & Columns : 12 
 & Gutter %: 20% 

 */
.grid_1 { width: 6.6666666666667%; }
.grid_2 { width: 15%; }
.grid_3 { width: 23.333333333333%; }
.grid_4 { width: 31.666666666667%; }
.grid_5 { width: 40%; }
.grid_6 { width: 48.333333333333%; }
.grid_7 { width: 56.666666666667%; }
.grid_8 { width: 65%; }
.grid_9 { width: 73.333333333333%; }
.grid_10 { width: 81.666666666667%; }
.grid_11 { width: 90%; }
.grid_12 { width: 98.333333333333%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-left: 0.83333333333333%;
	margin-right: 0.83333333333333%;
	margin-bottom:10px;
	float: left;
	display: block;
}
/*----------GRID1SPALTE-------------------------------*/
.element1cols { overflow:hidden; margin-bottom: 25px;}
.col0 { width:auto; float:left;}
.col0 {margin-left:5%;  margin-right:2%;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 10px;
/*border-radius: 10px;*/
border-left: 1px solid red; 
border-bottom:1px solid red;
background-color: #F1F1F1;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}
/* .fce-pagediv-blue .col0 { border-bottom:1px solid blue; }
 .fce-pagediv-green .col0 { border-bottom:1px solid green; }*/

/*----------GRID2SPALTEN-------------------------------*/
.element2cols { overflow:hidden; }
.col1, .col2 { width:45%; float:left;}
.col1 {margin-left:0%;  margin-right:2%;}
.col2 { margin-left: 2%;}
/*----------GRID---------------------------------------*/

/*----------GRID3SPALTEN-------------------------------*/
.element3cols { overflow:hidden; }

.col31, .col32 , .col33 { 
width:30%; float:left; height:80px; 
background-color: #E6E6E6; 

}

.col31 { margin-left:5%; 
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-left: 1px solid red; 
}

.col32 { margin-left: 0%; }

.col33 { margin-left: 0%; 
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-right: 1px solid red;
}
/*----------GRID---------------------------------------*/
################################

header {
  …
  grid-column-align: center;
  -ms-grid-column-align: center;
  grid-row-align: end;
  -ms-grid-align: end;
}
################################
/*----------GRID2SPALTEN-------------------------------*/
.col1, .col2 {clear.left; width:40%;  }
.col1 { margin-right:2%;}
.col2 { margin-left: 2%;}
/*----------GRID---------------------------------------*/

   @media screen and (orientation: portrait) {
     body { background-color: red; }
/*----------GRID2SPALTEN-------------------------------*/
.col1, .col2 { width:98%;  }
.col1 { clear:left;}
.col2 { clear:left;}
/*----------GRID---------------------------------------*/


/*----------GRID3SPALTEN-------------------------------*/
.element3cols { 
display: flex;
flex-direction: column;
vertical-align:middle;
}
.col31, .col32 , .col33 {margin-left: 2%; width:96%; height:60px; border-left: 1px solid red;vertical-align:middle; background-color: #E6E6E6;}
.col31 { clear:left;text-align: center !important;padding-top:10px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
justify-content: center;}
.col32 { clear:left;}
.col33 { clear:left;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
justify-content: center;}
/*----------GRID---------------------------------------*/

  }

   @media screen and (orientation: landscape) {
     body { background-color: red; }
}
.alpha{margin-left:0px;}
.omega{margin-right:0px;}

/* @
 * tinyfluidgrid.com  Gq1zpns+s
 & girlfriendnyc.com
 */