/* Grid-Projectpage
-------------------------------------------------------------------------------*/

.row-p {
	display: inline-block;
	border: 0;
}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  	.row-p {
		margin: 0em 0em 0em 0em;
		width: 100%;
	}
}/* end media */

.row-p:hover {
	border: 0;
	cursor: auto;
}

.row-p::after {
    content: "";
    clear: both;
}

.row-p-b { /* Project-row With Border */
	display: inline-block;
	border: 1px solid black; 
}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  	.row-p-b {
		margin: 0em 0em 0em 0em;
		width: 100%;
	}
}/* end media */

.row-p-b:hover {
	border: 1px solid black;
}

.row-p-b::after {
    content: "";
    clear: both;

}

[class*="col-p-"] {   /* Properties of the columns */
  float: left;
}

.col-p-1 {width: calc( 100% / 12 );}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-1 {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-2 {width: calc( ( 100% / 12 ) * 2);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-2 {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-3 {width: calc( ( 100% / 12 ) * 3);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-3 {width: calc( ( 100% / 12 ) * 12); }
}/* end media */

.col-p-4 {width: calc( ( 100% / 12 ) * 4);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-4 {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-4-xp {width: calc( ( 100% / 12 ) * 4);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-4-xp {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-5 {width: calc( ( 100% / 12 ) * 5);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-5 {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-6 {width: calc( ( 100% / 12 ) * 6);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-6 {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-7 {width: calc( ( 100% / 12 ) * 7);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-7 {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-8 {width: calc( ( 100% / 12 ) * 8);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-8 {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-8-xp {width: calc( ( 100% / 12 ) * 8);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-8-xp {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-9 {width: calc( ( 100% / 12 ) * 9);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-9 {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-10 {width: calc( ( 100% / 12 ) * 10);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-10 {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-11 {width: calc( ( 100% / 12 ) * 11);}

@media screen and (max-width: 736px) {  /* 100% for mobile devices */
  .col-p-11 {width: calc( ( 100% / 12 ) * 12);}
}/* end media */

.col-p-12 {width: 100%;}
}