/* .grid_wrapper { display: grid; } */
/* .grid_item { position: relative; } */
.columns-1 { grid-template-columns: repeat(1, 1fr); }
.columns-2 { grid-template-columns: repeat(2, 1fr); }
.columns-3 { grid-template-columns: repeat(3, 1fr); }
.columns-4 { grid-template-columns: repeat(4, 1fr); }
.columns-5 { grid-template-columns: repeat(5, 1fr); }
.columns-6 { grid-template-columns: repeat(6, 1fr); }
.columns-7 { grid-template-columns: repeat(7, 1fr); }
.columns-8 { grid-template-columns: repeat(8, 1fr); }
.columns-9 { grid-template-columns: repeat(9, 1fr); }
.columns-10 { grid-template-columns: repeat(10, 1fr); }
.columns-11 { grid-template-columns: repeat(11, 1fr); }
.columns-12 { grid-template-columns: repeat(12, 1fr); }

.rowflow-2  { grid-template-rows: repeat(2, 1fr); grid-auto-flow: column; }
.rowflow-3  { grid-template-rows: repeat(3, 1fr); grid-auto-flow: column; }
.rowflow-4  { grid-template-rows: repeat(4, 1fr); grid-auto-flow: column; }
.rowflow-5  { grid-template-rows: repeat(5, 1fr); grid-auto-flow: column; }
.rowflow-6  { grid-template-rows: repeat(6, 1fr); grid-auto-flow: column;}
.rowflow-7  { grid-template-rows: repeat(7, 1fr); grid-auto-flow: column;}
.rowflow-8  { grid-template-rows: repeat(8, 1fr); grid-auto-flow: column;}
.rowflow-9  { grid-template-rows: repeat(9, 1fr); grid-auto-flow: column;}
.rowflow-10 { grid-template-rows: repeat(10, 1fr); grid-auto-flow: column;}

/* .flex_wrapper { display: flex; } */
.flex_col_2 { flex: 0 0 100%; }
.flex_col_3 { flex: 0 0 100%; }
.flex_col_4 { flex: 0 0 100%; }
.flex_col_5 { flex: 0 0 100%; }

  @media (min-width: 576px) { 
    .flex_col_2 { flex: 0 0 100%; }
    .flex_col_3 { flex: 0 0 100%; }
    .flex_col_4 { flex: 0 0 100%; }
    .flex_col_5 { flex: 0 0 100%; }
  }
  @media (min-width: 768px) { 
    .flex_col_2 { flex: 0 0 49%; }
    .flex_col_3 { flex: 0 0 49%; }
    .flex_col_4 { flex: 0 0 49%; }
    .flex_col_5 { flex: 0 0 49%; }
  }
  @media (min-width: 992px) { 
    .flex_col_2 { flex: 0 0 49%; }
    .flex_col_3 { flex: 0 0 49%; }
    .flex_col_4 { flex: 0 0 49%; }
    .flex_col_5 { flex: 0 0 30%; }
  }
  @media (min-width: 1200px) { 
    .flex_col_2 { flex: 0 0 49%; }
    .flex_col_3 { flex: 0 0 30.6666%; }
    .flex_col_4 { flex: 0 0 24%; }
    .flex_col_5 { flex: 0 0 24%; }
  }
  @media (min-width: 1400px) {  
    .flex_col_2 { flex: 0 0 49%; }
    .flex_col_3 { flex: 0 0 30.6666%; }
    .flex_col_4 { flex: 0 0 24%; }
    .flex_col_5 { flex: 0 0 19%; }
  }
  

.gallery__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; 
}

.justify-items-start { justify-items: start!important; }
.justify-items-center { justify-items: center!important; }
.justify-items-end { justify-items: end!important; }

/* ! */
.align-content-start { align-content: start!important; }
.align-content-center { align-content: center!important; }
.align-content-end { align-content: end!important; }

.justify-content-start { justify-content: start!important; }
.justify-content-center { justify-content: center!important; }
.justify-content-end { justify-content: end!important; }
.justify-content-between { justify-content: space-between!important; }

.align-items-start { align-items: start!important; }
.align-items-center { align-items: center!important; }
.align-items-end { align-items: end!important; }

.align-self-start { align-self: start!important; }
.align-self-center { align-self: center!important; }
.align-self-end { align-self: end!important; }

.justify-self-start { justify-self: start!important; }
.justify-self-center { justify-self: center!important; }
.justify-self-end { justify-self: end!important; }

.content-justify-start { display:flex;justify-content: start!important; }
.content-justify-center { display:flex;justify-content: center!important; }
.content-justify-end { display:flex;justify-content: end!important; }

.content-align-start { display:flex;align-items: start!important; }
.content-align-center { display:flex;align-items: center!important; }
.content-align-end { display:flex;align-items: end!important; }

.grow-equal-height {grid-auto-rows: 1fr;}


.vh_100 {height:100vh;}
.vh_90  {height:90vh;}
.vh_80  {height:80vh;}
.vh_75  {height:75vh;}
.vh_60  {height:60vh;}
.vh_50  {height:50vh;}


@media (max-width: 575px) { 
}
@media (max-width: 767px) { 
}
@media (max-width: 991px) { 
}
@media (max-width: 1199px) { 
}
@media (max-width: 1407px) { 
}
@media (min-width: 1408px) {  
}

.glayer10  { z-index: 10; }
.glayer20  { z-index: 20; }
.glayer30  { z-index: 30; }
.glayer40  { z-index: 40; }
.glayer50  { z-index: 50; }
.glayer60  { z-index: 60; }
.glayer70  { z-index: 70; }
.glayer80  { z-index: 80; }
.glayer90  { z-index: 90; }
.glayer100 { z-index: 100; }

.grid-columns--fit { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }

.columns_xs-1  { grid-template-columns: repeat(1, 1fr); }
.columns_xs-2  { grid-template-columns: repeat(2, 1fr); }
.columns_xs-3  { grid-template-columns: repeat(3, 1fr); }
.columns_xs-4  { grid-template-columns: repeat(4, 1fr); }
.columns_xs-5  { grid-template-columns: repeat(5, 1fr); }
.columns_xs-6  { grid-template-columns: repeat(6, 1fr); }
.columns_xs-7  { grid-template-columns: repeat(7, 1fr); }
.columns_xs-8  { grid-template-columns: repeat(8, 1fr); }
.columns_xs-9  { grid-template-columns: repeat(9, 1fr); }
.columns_xs-10 { grid-template-columns: repeat(10, 1fr); }
.columns_xs-11 { grid-template-columns: repeat(11, 1fr); }
.columns_xs-12 { grid-template-columns: repeat(12, 1fr); }
.grow_xs-1  { grid-template-rows: 1 }
.grow_xs-2  { grid-template-rows: 2 }
.grow_xs-3  { grid-template-rows: 3 }
.grow_xs-4  { grid-template-rows: 4 }
.grow_xs-5  { grid-template-rows: 5 }
.grow_xs-6  { grid-template-rows: 6 }
.grow_xs-7  { grid-template-rows: 7 }
.grow_xs-8  { grid-template-rows: 8 }
.grow_xs-9  { grid-template-rows: 9 }
.grow_xs-10 { grid-template-rows: 10 }
.grow_xs-11 { grid-template-rows: 11 }
.grow_xs-12 { grid-template-rows: 12 }
.grow_xs-13 { grid-template-rows: 13 }
.grow_xs-14 { grid-template-rows: 14 }
.grow_xs-15 { grid-template-rows: 15 }
.grow_xs-16 { grid-template-rows: 16 }

.gcs-xs-1  { grid-column-start: 1; }
.gcs-xs-2  { grid-column-start: 2; }
.gcs-xs-3  { grid-column-start: 3; }
.gcs-xs-4  { grid-column-start: 4; }
.gcs-xs-5  { grid-column-start: 5; }
.gcs-xs-6  { grid-column-start: 6; }
.gcs-xs-7  { grid-column-start: 7; }
.gcs-xs-8  { grid-column-start: 8; }
.gcs-xs-9  { grid-column-start: 9; }
.gcs-xs-10 { grid-column-start: 10; }
.gcs-xs-11 { grid-column-start: 11; }
.gcs-xs-12 { grid-column-start: 12; }
.gcs-xs-13 { grid-column-start: 13; }
.gcs-xs-14 { grid-column-start: 14; }
.gcs-xs-15 { grid-column-start: 15; }
.gcs-xs-16 { grid-column-start: 16; }
.gce-xs-1  { grid-column-end: 1; }
.gce-xs-2  { grid-column-end: 2; }
.gce-xs-3  { grid-column-end: 3; }
.gce-xs-4  { grid-column-end: 4; }
.gce-xs-5  { grid-column-end: 5; }
.gce-xs-6  { grid-column-end: 6; }
.gce-xs-7  { grid-column-end: 7; }
.gce-xs-8  { grid-column-end: 8; }
.gce-xs-9  { grid-column-end: 9; }
.gce-xs-10 { grid-column-end: 10; }
.gce-xs-11 { grid-column-end: 11; }
.gce-xs-12 { grid-column-end: 12; }
.gce-xs-13 { grid-column-end: 13; }
.gce-xs-14 { grid-column-end: 14; }
.gce-xs-15 { grid-column-end: 15; }
.gce-xs-16 { grid-column-end: 16; }
.gce-xs-17 { grid-column-end: 17; }
.grs-xs-1  { grid-row-start: 1; }
.grs-xs-2  { grid-row-start: 2; }
.grs-xs-3  { grid-row-start: 3; }
.grs-xs-4  { grid-row-start: 4; }
.grs-xs-5  { grid-row-start: 5; }
.grs-xs-6  { grid-row-start: 6; }
.grs-xs-7  { grid-row-start: 7; }
.grs-xs-8  { grid-row-start: 8; }
.grs-xs-9  { grid-row-start: 9; }
.grs-xs-10 { grid-row-start: 10; }
.grs-xs-11 { grid-row-start: 11; }
.grs-xs-12 { grid-row-start: 12; }
.gre-xs-1  { grid-row-end: 1; }
.gre-xs-2  { grid-row-end: 2; }
.gre-xs-3  { grid-row-end: 3; }
.gre-xs-4  { grid-row-end: 4; }
.gre-xs-5  { grid-row-end: 5; }
.gre-xs-6  { grid-row-end: 6; }
.gre-xs-7  { grid-row-end: 7; }
.gre-xs-8  { grid-row-end: 8; }
.gre-xs-9  { grid-row-end: 9; }
.gre-xs-10 { grid-row-end: 10; }
.gre-xs-11 { grid-row-end: 11; }
.gre-xs-12 { grid-row-end: 12; }
.gre-xs-13 { grid-row-end: 13; }


@media (min-width: 576px) { 
  .columns_sm-1  { grid-template-columns: repeat(1, 1fr); }
  .columns_sm-2  { grid-template-columns: repeat(2, 1fr); }
  .columns_sm-3  { grid-template-columns: repeat(3, 1fr); }
  .columns_sm-4  { grid-template-columns: repeat(4, 1fr); }
  .columns_sm-5  { grid-template-columns: repeat(5, 1fr); }
  .columns_sm-6  { grid-template-columns: repeat(6, 1fr); }
  .columns_sm-7  { grid-template-columns: repeat(7, 1fr); }
  .columns_sm-8  { grid-template-columns: repeat(8, 1fr); }
  .columns_sm-9  { grid-template-columns: repeat(9, 1fr); }
  .columns_sm-10 { grid-template-columns: repeat(10, 1fr); }
  .columns_sm-11 { grid-template-columns: repeat(11, 1fr); }
  .columns_sm-12 { grid-template-columns: repeat(12, 1fr); }
  .grow_sm-1  { grid-template-rows: 1 }
  .grow_sm-2  { grid-template-rows: 2 }
  .grow_sm-3  { grid-template-rows: 3 }
  .grow_sm-4  { grid-template-rows: 4 }
  .grow_sm-5  { grid-template-rows: 5 }
  .grow_sm-6  { grid-template-rows: 6 }
  .grow_sm-7  { grid-template-rows: 7 }
  .grow_sm-8  { grid-template-rows: 8 }
  .grow_sm-9  { grid-template-rows: 9 }
  .grow_sm-10 { grid-template-rows: 10 }
  .grow_sm-11 { grid-template-rows: 11 }
  .grow_sm-12 { grid-template-rows: 12 }
  .grow_sm-13 { grid-template-rows: 13 }
  .grow_sm-14 { grid-template-rows: 14 }
  .grow_sm-15 { grid-template-rows: 15 }
  .grow_sm-16 { grid-template-rows: 16 }

  .gcs-sm-1  { grid-column-start: 1; }
  .gcs-sm-2  { grid-column-start: 2; }
  .gcs-sm-3  { grid-column-start: 3; }
  .gcs-sm-4  { grid-column-start: 4; }
  .gcs-sm-5  { grid-column-start: 5; }
  .gcs-sm-6  { grid-column-start: 6; }
  .gcs-sm-7  { grid-column-start: 7; }
  .gcs-sm-8  { grid-column-start: 8; }
  .gcs-sm-9  { grid-column-start: 9; }
  .gcs-sm-10 { grid-column-start: 10; }
  .gcs-sm-11 { grid-column-start: 11; }
  .gcs-sm-12 { grid-column-start: 12; }
  .gce-sm-1  { grid-column-end: 1; }
  .gce-sm-2  { grid-column-end: 2; }
  .gce-sm-3  { grid-column-end: 3; }
  .gce-sm-4  { grid-column-end: 4; }
  .gce-sm-5  { grid-column-end: 5; }
  .gce-sm-6  { grid-column-end: 6; }
  .gce-sm-7  { grid-column-end: 7; }
  .gce-sm-8  { grid-column-end: 8; }
  .gce-sm-9  { grid-column-end: 9; }
  .gce-sm-10 { grid-column-end: 10; }
  .gce-sm-11 { grid-column-end: 11; }
  .gce-sm-12 { grid-column-end: 12; }
  .gce-sm-13 { grid-column-end: 13; }
  .grs-sm-1  { grid-row-start: 1; }
  .grs-sm-2  { grid-row-start: 2; }
  .grs-sm-3  { grid-row-start: 3; }
  .grs-sm-4  { grid-row-start: 4; }
  .grs-sm-5  { grid-row-start: 5; }
  .grs-sm-6  { grid-row-start: 6; }
  .grs-sm-7  { grid-row-start: 7; }
  .grs-sm-8  { grid-row-start: 8; }
  .grs-sm-9  { grid-row-start: 9; }
  .grs-sm-10 { grid-row-start: 10; }
  .grs-sm-11 { grid-row-start: 11; }
  .grs-sm-12 { grid-row-start: 12; }
  .grs-sm-13 { grid-row-start: 13; }
  .grs-sm-14 { grid-row-start: 14; }
  .grs-sm-15 { grid-row-start: 15; }
  .grs-sm-16 { grid-row-start: 16; }
  .gre-sm-1  { grid-row-end: 1; }
  .gre-sm-2  { grid-row-end: 2; }
  .gre-sm-3  { grid-row-end: 3; }
  .gre-sm-4  { grid-row-end: 4; }
  .gre-sm-5  { grid-row-end: 5; }
  .gre-sm-6  { grid-row-end: 6; }
  .gre-sm-7  { grid-row-end: 7; }
  .gre-sm-8  { grid-row-end: 8; }
  .gre-sm-9  { grid-row-end: 9; }
  .gre-sm-10 { grid-row-end: 10; }
  .gre-sm-11 { grid-row-end: 11; }
  .gre-sm-12 { grid-row-end: 12; }
  .gre-sm-13 { grid-row-end: 13; }
  .gre-sm-14 { grid-row-end: 14; }
  .gre-sm-15 { grid-row-end: 15; }
  .gre-sm-16 { grid-row-end: 16; }
  .gre-sm-17 { grid-row-end: 17; }

}

@media (min-width: 768px) { 
  .columns_md-1  { grid-template-columns: repeat(1, 1fr); }
  .columns_md-2  { grid-template-columns: repeat(2, 1fr); }
  .columns_md-3  { grid-template-columns: repeat(3, 1fr); }
  .columns_md-4  { grid-template-columns: repeat(4, 1fr); }
  .columns_md-5  { grid-template-columns: repeat(5, 1fr); }
  .columns_md-6  { grid-template-columns: repeat(6, 1fr); }
  .columns_md-7  { grid-template-columns: repeat(7, 1fr); }
  .columns_md-8  { grid-template-columns: repeat(8, 1fr); }
  .columns_md-9  { grid-template-columns: repeat(9, 1fr); }
  .columns_md-10 { grid-template-columns: repeat(10, 1fr); }
  .columns_md-11 { grid-template-columns: repeat(11, 1fr); }
  .columns_md-12 { grid-template-columns: repeat(12, 1fr); }
  .grow_md-1  { grid-template-rows: 1 }
  .grow_md-2  { grid-template-rows: 2 }
  .grow_md-3  { grid-template-rows: 3 }
  .grow_md-4  { grid-template-rows: 4 }
  .grow_md-5  { grid-template-rows: 5 }
  .grow_md-6  { grid-template-rows: 6 }
  .grow_md-7  { grid-template-rows: 7 }
  .grow_md-8  { grid-template-rows: 8 }
  .grow_md-9  { grid-template-rows: 9 }
  .grow_md-10 { grid-template-rows: 10 }
  .grow_md-11 { grid-template-rows: 11 }
  .grow_md-12 { grid-template-rows: 12 }
  .grow_md-13 { grid-template-rows: 13 }
  .grow_md-14 { grid-template-rows: 14 }
  .grow_md-15 { grid-template-rows: 15 }
  .grow_md-16 { grid-template-rows: 16 }

  .gcs-md-1  { grid-column-start: 1; }
  .gcs-md-2  { grid-column-start: 2; }
  .gcs-md-3  { grid-column-start: 3; }
  .gcs-md-4  { grid-column-start: 4; }
  .gcs-md-5  { grid-column-start: 5; }
  .gcs-md-6  { grid-column-start: 6; }
  .gcs-md-7  { grid-column-start: 7; }
  .gcs-md-8  { grid-column-start: 8; }
  .gcs-md-9  { grid-column-start: 9; }
  .gcs-md-10 { grid-column-start: 10; }
  .gcs-md-11 { grid-column-start: 11; }
  .gcs-md-12 { grid-column-start: 12; }
  .gce-md-1  { grid-column-end: 1; }
  .gce-md-2  { grid-column-end: 2; }
  .gce-md-3  { grid-column-end: 3; }
  .gce-md-4  { grid-column-end: 4; }
  .gce-md-5  { grid-column-end: 5; }
  .gce-md-6  { grid-column-end: 6; }
  .gce-md-7  { grid-column-end: 7; }
  .gce-md-8  { grid-column-end: 8; }
  .gce-md-9  { grid-column-end: 9; }
  .gce-md-10 { grid-column-end: 10; }
  .gce-md-11 { grid-column-end: 11; }
  .gce-md-12 { grid-column-end: 12; }
  .gce-md-13 { grid-column-end: 13; }
  .grs-md-1  { grid-row-start: 1; }
  .grs-md-2  { grid-row-start: 2; }
  .grs-md-3  { grid-row-start: 3; }
  .grs-md-4  { grid-row-start: 4; }
  .grs-md-5  { grid-row-start: 5; }
  .grs-md-6  { grid-row-start: 6; }
  .grs-md-7  { grid-row-start: 7; }
  .grs-md-8  { grid-row-start: 8; }
  .grs-md-9  { grid-row-start: 9; }
  .grs-md-10 { grid-row-start: 10; }
  .grs-md-11 { grid-row-start: 11; }
  .grs-md-12 { grid-row-start: 12; }
  .grs-md-13 { grid-row-start: 13; }
  .grs-md-14 { grid-row-start: 14; }
  .grs-md-15 { grid-row-start: 15; }
  .grs-md-16 { grid-row-start: 16; }
  .gre-md-1  { grid-row-end: 1; }
  .gre-md-2  { grid-row-end: 2; }
  .gre-md-3  { grid-row-end: 3; }
  .gre-md-4  { grid-row-end: 4; }
  .gre-md-5  { grid-row-end: 5; }
  .gre-md-6  { grid-row-end: 6; }
  .gre-md-7  { grid-row-end: 7; }
  .gre-md-8  { grid-row-end: 8; }
  .gre-md-9  { grid-row-end: 9; }
  .gre-md-10 { grid-row-end: 10; }
  .gre-md-11 { grid-row-end: 11; }
  .gre-md-12 { grid-row-end: 12; }
  .gre-md-13 { grid-row-end: 13; }
  .gre-md-14 { grid-row-end: 14; }
  .gre-md-15 { grid-row-end: 15; }
  .gre-md-16 { grid-row-end: 16; }
  .gre-md-17 { grid-row-end: 17; }

}

@media (min-width: 992px) { 
  .columns_lg-1  { grid-template-columns: repeat(1, 1fr); }
  .columns_lg-2  { grid-template-columns: repeat(2, 1fr); }
  .columns_lg-3  { grid-template-columns: repeat(3, 1fr); }
  .columns_lg-4  { grid-template-columns: repeat(4, 1fr); }
  .columns_lg-5  { grid-template-columns: repeat(5, 1fr); }
  .columns_lg-6  { grid-template-columns: repeat(6, 1fr); }
  .columns_lg-7  { grid-template-columns: repeat(7, 1fr); }
  .columns_lg-8  { grid-template-columns: repeat(8, 1fr); }
  .columns_lg-9  { grid-template-columns: repeat(9, 1fr); }
  .columns_lg-10 { grid-template-columns: repeat(10, 1fr); }
  .columns_lg-11 { grid-template-columns: repeat(11, 1fr); }
  .columns_lg-12 { grid-template-columns: repeat(12, 1fr); }
  .grow_lg-1  { grid-template-rows: 1 }
  .grow_lg-2  { grid-template-rows: 2 }
  .grow_lg-3  { grid-template-rows: 3 }
  .grow_lg-4  { grid-template-rows: 4 }
  .grow_lg-5  { grid-template-rows: 5 }
  .grow_lg-6  { grid-template-rows: 6 }
  .grow_lg-7  { grid-template-rows: 7 }
  .grow_lg-8  { grid-template-rows: 8 }
  .grow_lg-9  { grid-template-rows: 9 }
  .grow_lg-10 { grid-template-rows: 10 }
  .grow_lg-11 { grid-template-rows: 11 }
  .grow_lg-12 { grid-template-rows: 12 }
  .grow_lg-13 { grid-template-rows: 13 }
  .grow_lg-14 { grid-template-rows: 14 }
  .grow_lg-15 { grid-template-rows: 15 }
  .grow_lg-16 { grid-template-rows: 16 }

  .gcs-lg-1  { grid-column-start: 1; }
  .gcs-lg-2  { grid-column-start: 2; }
  .gcs-lg-3  { grid-column-start: 3; }
  .gcs-lg-4  { grid-column-start: 4; }
  .gcs-lg-5  { grid-column-start: 5; }
  .gcs-lg-6  { grid-column-start: 6; }
  .gcs-lg-7  { grid-column-start: 7; }
  .gcs-lg-8  { grid-column-start: 8; }
  .gcs-lg-9  { grid-column-start: 9; }
  .gcs-lg-10 { grid-column-start: 10; }
  .gcs-lg-11 { grid-column-start: 11; }
  .gcs-lg-12 { grid-column-start: 12; }
  .gce-lg-1  { grid-column-end: 1; }
  .gce-lg-2  { grid-column-end: 2; }
  .gce-lg-3  { grid-column-end: 3; }
  .gce-lg-4  { grid-column-end: 4; }
  .gce-lg-5  { grid-column-end: 5; }
  .gce-lg-6  { grid-column-end: 6; }
  .gce-lg-7  { grid-column-end: 7; }
  .gce-lg-8  { grid-column-end: 8; }
  .gce-lg-9  { grid-column-end: 9; }
  .gce-lg-10 { grid-column-end: 10; }
  .gce-lg-11 { grid-column-end: 11; }
  .gce-lg-12 { grid-column-end: 12; }
  .gce-lg-13 { grid-column-end: 13; }
  .grs-lg-1  { grid-row-start: 1; }
  .grs-lg-2  { grid-row-start: 2; }
  .grs-lg-3  { grid-row-start: 3; }
  .grs-lg-4  { grid-row-start: 4; }
  .grs-lg-5  { grid-row-start: 5; }
  .grs-lg-6  { grid-row-start: 6; }
  .grs-lg-7  { grid-row-start: 7; }
  .grs-lg-8  { grid-row-start: 8; }
  .grs-lg-9  { grid-row-start: 9; }
  .grs-lg-10 { grid-row-start: 10; }
  .grs-lg-11 { grid-row-start: 11; }
  .grs-lg-12 { grid-row-start: 12; }
  .grs-lg-13 { grid-row-start: 13; }
  .grs-lg-14 { grid-row-start: 14; }
  .grs-lg-15 { grid-row-start: 15; }
  .grs-lg-16 { grid-row-start: 16; }
  .gre-lg-1  { grid-row-end: 1; }
  .gre-lg-2  { grid-row-end: 2; }
  .gre-lg-3  { grid-row-end: 3; }
  .gre-lg-4  { grid-row-end: 4; }
  .gre-lg-5  { grid-row-end: 5; }
  .gre-lg-6  { grid-row-end: 6; }
  .gre-lg-7  { grid-row-end: 7; }
  .gre-lg-8  { grid-row-end: 8; }
  .gre-lg-9  { grid-row-end: 9; }
  .gre-lg-10 { grid-row-end: 10; }
  .gre-lg-11 { grid-row-end: 11; }
  .gre-lg-12 { grid-row-end: 12; }
  .gre-lg-13 { grid-row-end: 13; }
  .gre-lg-14 { grid-row-end: 14; }
  .gre-lg-15 { grid-row-end: 15; }
  .gre-lg-16 { grid-row-end: 16; }
  .gre-lg-17 { grid-row-end: 17; }

}

@media (min-width: 1200px) { 
  .columns_xl-1  { grid-template-columns: repeat(1, 1fr); }
  .columns_xl-2  { grid-template-columns: repeat(2, 1fr); }
  .columns_xl-3  { grid-template-columns: repeat(3, 1fr); }
  .columns_xl-4  { grid-template-columns: repeat(4, 1fr); }
  .columns_xl-5  { grid-template-columns: repeat(5, 1fr); }
  .columns_xl-6  { grid-template-columns: repeat(6, 1fr); }
  .columns_xl-7  { grid-template-columns: repeat(7, 1fr); }
  .columns_xl-8  { grid-template-columns: repeat(8, 1fr); }
  .columns_xl-9  { grid-template-columns: repeat(9, 1fr); }
  .columns_xl-10 { grid-template-columns: repeat(10, 1fr); }
  .columns_xl-11 { grid-template-columns: repeat(11, 1fr); }
  .columns_xl-12 { grid-template-columns: repeat(12, 1fr); }
  .grow_xl-1  { grid-template-rows: 1 }
  .grow_xl-2  { grid-template-rows: 2 }
  .grow_xl-3  { grid-template-rows: 3 }
  .grow_xl-4  { grid-template-rows: 4 }
  .grow_xl-5  { grid-template-rows: 5 }
  .grow_xl-6  { grid-template-rows: 6 }
  .grow_xl-7  { grid-template-rows: 7 }
  .grow_xl-8  { grid-template-rows: 8 }
  .grow_xl-9  { grid-template-rows: 9 }
  .grow_xl-10 { grid-template-rows: 10 }
  .grow_xl-11 { grid-template-rows: 11 }
  .grow_xl-12 { grid-template-rows: 12 }
  .grow_xl-13 { grid-template-rows: 13 }
  .grow_xl-14 { grid-template-rows: 14 }
  .grow_xl-15 { grid-template-rows: 15 }
  .grow_xl-16 { grid-template-rows: 16 }

  .gcs-xl-1  { grid-column-start: 1; }
  .gcs-xl-2  { grid-column-start: 2; }
  .gcs-xl-3  { grid-column-start: 3; }
  .gcs-xl-4  { grid-column-start: 4; }
  .gcs-xl-5  { grid-column-start: 5; }
  .gcs-xl-6  { grid-column-start: 6; }
  .gcs-xl-7  { grid-column-start: 7; }
  .gcs-xl-8  { grid-column-start: 8; }
  .gcs-xl-9  { grid-column-start: 9; }
  .gcs-xl-10 { grid-column-start: 10; }
  .gcs-xl-11 { grid-column-start: 11; }
  .gcs-xl-12 { grid-column-start: 12; }
  .gce-xl-1  { grid-column-end: 1; }
  .gce-xl-2  { grid-column-end: 2; }
  .gce-xl-3  { grid-column-end: 3; }
  .gce-xl-4  { grid-column-end: 4; }
  .gce-xl-5  { grid-column-end: 5; }
  .gce-xl-6  { grid-column-end: 6; }
  .gce-xl-7  { grid-column-end: 7; }
  .gce-xl-8  { grid-column-end: 8; }
  .gce-xl-9  { grid-column-end: 9; }
  .gce-xl-10 { grid-column-end: 10; }
  .gce-xl-11 { grid-column-end: 11; }
  .gce-xl-12 { grid-column-end: 12; }
  .gce-xl-13 { grid-column-end: 13; }
  .grs-xl-1  { grid-row-start: 1; }
  .grs-xl-2  { grid-row-start: 2; }
  .grs-xl-3  { grid-row-start: 3; }
  .grs-xl-4  { grid-row-start: 4; }
  .grs-xl-5  { grid-row-start: 5; }
  .grs-xl-6  { grid-row-start: 6; }
  .grs-xl-7  { grid-row-start: 7; }
  .grs-xl-8  { grid-row-start: 8; }
  .grs-xl-9  { grid-row-start: 9; }
  .grs-xl-10 { grid-row-start: 10; }
  .grs-xl-11 { grid-row-start: 11; }
  .grs-xl-12 { grid-row-start: 12; }
  .grs-xl-13 { grid-row-start: 13; }
  .grs-xl-14 { grid-row-start: 14; }
  .grs-xl-15 { grid-row-start: 15; }
  .grs-xl-16 { grid-row-start: 16; }
  .gre-xl-1  { grid-row-end: 1; }
  .gre-xl-2  { grid-row-end: 2; }
  .gre-xl-3  { grid-row-end: 3; }
  .gre-xl-4  { grid-row-end: 4; }
  .gre-xl-5  { grid-row-end: 5; }
  .gre-xl-6  { grid-row-end: 6; }
  .gre-xl-7  { grid-row-end: 7; }
  .gre-xl-8  { grid-row-end: 8; }
  .gre-xl-9  { grid-row-end: 9; }
  .gre-xl-10 { grid-row-end: 10; }
  .gre-xl-11 { grid-row-end: 11; }
  .gre-xl-12 { grid-row-end: 12; }
  .gre-xl-13 { grid-row-end: 13; }
  .gre-xl-14 { grid-row-end: 14; }
  .gre-xl-15 { grid-row-end: 15; }
  .gre-xl-16 { grid-row-end: 16; }
  .gre-xl-17 { grid-row-end: 17; }

}

@media (min-width: 1408px) {  
  .columns_xxl-1  { grid-template-columns: repeat(1, 1fr); }
  .columns_xxl-2  { grid-template-columns: repeat(2, 1fr); }
  .columns_xxl-3  { grid-template-columns: repeat(3, 1fr); }
  .columns_xxl-4  { grid-template-columns: repeat(4, 1fr); }
  .columns_xxl-5  { grid-template-columns: repeat(5, 1fr); }
  .columns_xxl-6  { grid-template-columns: repeat(6, 1fr); }
  .columns_xxl-7  { grid-template-columns: repeat(7, 1fr); }
  .columns_xxl-8  { grid-template-columns: repeat(8, 1fr); }
  .columns_xxl-9  { grid-template-columns: repeat(9, 1fr); }
  .columns_xxl-10 { grid-template-columns: repeat(10, 1fr); }
  .columns_xxl-11 { grid-template-columns: repeat(11, 1fr); }
  .columns_xxl-12 { grid-template-columns: repeat(12, 1fr); }
  .grow_xxl-1  { grid-template-rows: 1 }
  .grow_xxl-2  { grid-template-rows: 2 }
  .grow_xxl-3  { grid-template-rows: 3 }
  .grow_xxl-4  { grid-template-rows: 4 }
  .grow_xxl-5  { grid-template-rows: 5 }
  .grow_xxl-6  { grid-template-rows: 6 }
  .grow_xxl-7  { grid-template-rows: 7 }
  .grow_xxl-8  { grid-template-rows: 8 }
  .grow_xxl-9  { grid-template-rows: 9 }
  .grow_xxl-10 { grid-template-rows: 10 }
  .grow_xxl-11 { grid-template-rows: 11 }
  .grow_xxl-12 { grid-template-rows: 12 }
  .grow_xxl-13 { grid-template-rows: 13 }
  .grow_xxl-14 { grid-template-rows: 14 }
  .grow_xxl-15 { grid-template-rows: 15 }
  .grow_xxl-16 { grid-template-rows: 16 }

  .gcs-xxl-1  { grid-column-start: 1; }
  .gcs-xxl-2  { grid-column-start: 2; }
  .gcs-xxl-3  { grid-column-start: 3; }
  .gcs-xxl-4  { grid-column-start: 4; }
  .gcs-xxl-5  { grid-column-start: 5; }
  .gcs-xxl-6  { grid-column-start: 6; }
  .gcs-xxl-7  { grid-column-start: 7; }
  .gcs-xxl-8  { grid-column-start: 8; }
  .gcs-xxl-9  { grid-column-start: 9; }
  .gcs-xxl-10 { grid-column-start: 10; }
  .gcs-xxl-11 { grid-column-start: 11; }
  .gcs-xxl-12 { grid-column-start: 12; }
  .gce-xxl-1  { grid-column-end: 1; }
  .gce-xxl-2  { grid-column-end: 2; }
  .gce-xxl-3  { grid-column-end: 3; }
  .gce-xxl-4  { grid-column-end: 4; }
  .gce-xxl-5  { grid-column-end: 5; }
  .gce-xxl-6  { grid-column-end: 6; }
  .gce-xxl-7  { grid-column-end: 7; }
  .gce-xxl-8  { grid-column-end: 8; }
  .gce-xxl-9  { grid-column-end: 9; }
  .gce-xxl-10 { grid-column-end: 10; }
  .gce-xxl-11 { grid-column-end: 11; }
  .gce-xxl-12 { grid-column-end: 12; }
  .gce-xxl-13 { grid-column-end: 13; }
  .grs-xxl-1  { grid-row-start: 1; }
  .grs-xxl-2  { grid-row-start: 2; }
  .grs-xxl-3  { grid-row-start: 3; }
  .grs-xxl-4  { grid-row-start: 4; }
  .grs-xxl-5  { grid-row-start: 5; }
  .grs-xxl-6  { grid-row-start: 6; }
  .grs-xxl-7  { grid-row-start: 7; }
  .grs-xxl-8  { grid-row-start: 8; }
  .grs-xxl-9  { grid-row-start: 9; }
  .grs-xxl-10 { grid-row-start: 10; }
  .grs-xxl-11 { grid-row-start: 11; }
  .grs-xxl-12 { grid-row-start: 12; }
  .grs-xxl-13 { grid-row-start: 13; }
  .grs-xxl-14 { grid-row-start: 14; }
  .grs-xxl-15 { grid-row-start: 15; }
  .grs-xxl-16 { grid-row-start: 16; }
  .gre-xxl-1  { grid-row-end: 1; }
  .gre-xxl-2  { grid-row-end: 2; }
  .gre-xxl-3  { grid-row-end: 3; }
  .gre-xxl-4  { grid-row-end: 4; }
  .gre-xxl-5  { grid-row-end: 5; }
  .gre-xxl-6  { grid-row-end: 6; }
  .gre-xxl-7  { grid-row-end: 7; }
  .gre-xxl-8  { grid-row-end: 8; }
  .gre-xxl-9  { grid-row-end: 9; }
  .gre-xxl-10 { grid-row-end: 10; }
  .gre-xxl-11 { grid-row-end: 11; }
  .gre-xxl-12 { grid-row-end: 12; }
  .gre-xxl-13 { grid-row-end: 13; }
  .gre-xxl-14 { grid-row-end: 14; }
  .gre-xxl-15 { grid-row-end: 15; }
  .gre-xxl-16 { grid-row-end: 16; }
  .gre-xxl-17 { grid-row-end: 17; }
}

@media (max-width: 575px) { 
  .hidden-xs { display:none!important; }
}
@media (max-width: 767px) { 
  .hidden-sm { display:none!important; }
}
@media (max-width: 991px) { 
  .hidden-md { display:none!important; }
}
@media (max-width: 1199px) { 
  .hidden-lg { display:none!important; }
}
@media (max-width: 1407px) { 
  .hidden-xl { display:none!important; }
}
@media (min-width: 1408px) {  
  .hidden-xxl { display:none!important; }
}


.cgap00   { column-gap: 0px!important; }
.cgap0125 { column-gap: var( --size-0125 )!important; }
.cgap025  { column-gap: var( --size-025 )!important; }
.cgap05   { column-gap: var( --size-05 )!important; }
.cgap075  { column-gap: var( --size-075 )!important; }
.cgap10   { column-gap: var( --size-1 )!important; }
.cgap15   { column-gap: var( --size-15 )!important; }
.cgap20   { column-gap: var( --size-2 )!important; }
.cgap25   { column-gap: var( --size-25 )!important; }
.cgap30   { column-gap: var( --size-3 )!important; }
.cgap35   { column-gap: var( --size-35 )!important; }
.cgap40   { column-gap: var( --size-4 )!important; }
.rgap00   { row-gap: 0px!important; }
.rgap0125 { row-gap: var( --size-0125 )!important; }
.rgap025  { row-gap: var( --size-025 )!important; }
.rgap05   { row-gap: var( --size-05 )!important; }
.rgap075  { row-gap: var( --size-075 )!important; }
.rgap10   { row-gap: var( --size-1 )!important; }
.rgap15   { row-gap: var( --size-15 )!important; }
.rgap20   { row-gap: var( --size-2 )!important; }
.rgap25   { row-gap: var( --size-25 )!important; }
.rgap30   { row-gap: var( --size-3 )!important; }
.rgap35   { row-gap: var( --size-35 )!important; }
.rgap40   { row-gap: var( --size-4 )!important; }


/* *************** */


.grid_wrapper.debug > * {
  --color: rgba(248, 110, 91, 0.3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color)), to(var(--color)));
  background-image: linear-gradient(180deg, var(--color) 0, var(--color))
}
.grid_wrapper.debug > :nth-child(6n+2) {
  --color: rgba(103, 126, 208, 0.3)
}
.grid_wrapper.debug > :nth-child(6n+3) {
  --color: rgba(224, 174, 72, 0.3)
}
.grid_wrapper.debug > :nth-child(6n+4) {
  --color: rgba(77, 214, 115, 0.3)
}
.grid_wrapper.debug > :nth-child(6n+5) {
  --color: rgba(217, 103, 219, 0.3)
}
.grid_wrapper.debug > :nth-child(6n+6) {
  --color: rgba(94, 204, 211, 0.3)
}
.grid_wrapper.debug > :nth-child(6n+7) {
  --color: rgba(248, 110, 91, 0.3)
}



:root {
	--grid3:  calc( ( 100vw - var( --size-7 ) - ( var(--size-075) ) )  / 3 );
	--grid10: calc( ( 100vw - var( --size-7 ) - ( var(--size-075) ) )  / 10 );
	/* --grid12: calc( ( 100vw - var( --size-5 ) ) / 12 ); */
	--grid24: calc( ( 100vw - var( --size-5 ) )  / 24 );
	--grid36: calc( ( 100vw - var( --size-5 ) )  / 36 );
}
.grid3 {
  background-size: var( --grid3 ) 100%, 100% var( --grid3 );
  background-image: linear-gradient(to right,
                                    lightblue 0%,
                                    transparent 0.15%,
                                    transparent 100%),
                    linear-gradient(to bottom,
                                    lightblue 0%,
                                    transparent 0.15%,
                                    transparent 100%);
}
.grid12 {
  background-size: var( --grid12 ) 100%, 100% var( --grid12 );
  background-image: linear-gradient(to right,
                                    lightblue 0%,
                                    transparent 1%,
                                    transparent 100%),
                    linear-gradient(to bottom,
                                    lightblue 0%,
                                    transparent 1%,
                                    transparent 100%);
}
.grid24 {
  background-size: var( --grid24 ) 100%, 100% var( --grid24 );
  background-image: linear-gradient(to right,
                                    lightblue 0%,
                                    transparent 1%,
                                    transparent 100%),
                    linear-gradient(to bottom,
                                    lightblue 0%,
                                    transparent 1%,
                                    transparent 100%);
}
.grid36 {
  background-size: var( --grid36 ) 100%, 100% var( --grid36 );
  background-image: linear-gradient(to right,
                                    lightblue 0%,
                                    transparent 2%,
                                    transparent 100%),
                    linear-gradient(to bottom,
                                    lightblue 0%,
                                    transparent 2%,
                                    transparent 100%);
}


/* *************** */


.flexme {
  display:flex;
  flex-direction: column;
  flex-basis: 1;
  align-items: center;
  justify-content: center;

}

.grid-flex-red {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color:red;
  color: white;
  padding: var( --size-1 );
  border: 1px solid white;
}
.grid-flex-green {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color:green;
  color: white;
  padding: var( --size-1 );
  border: 1px solid white;
}



/*	============================================================
	Beitragsbilder
	============================================================ */
  .project {
    overflow: hidden;
    position: relative;
  }
  
  /* ---| Mit Bildlegende |-------------------------- */
  
  .project .file-thumb-legende {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: rgba(44, 62, 80, 0.6);
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
  }
  .project:hover .file-thumb-legende {
    opacity: 1;
  }
  .project .thumb-legende {
    display: table;
    width: 100%;
    height: 100%;
    color: rgba(255,255,255,0.50);
    text-align: center;
  }
  .project .thumb-legende-inner {
    display: table-cell;
    vertical-align: middle;
    color: rgba(255,255,255,0.50);
  }
  .project .file-thumb-legende h3 {
    color: #fff;
    /*margin-top: 40px;*/
    margin-bottom: 0px;
  }
  .project .file-thumb-legende p {
    color: #fff;
    padding-bottom: 0px;
    margin-bottom: 5px;
  }
  .project .file-thumb-legende p .fa {
    padding-bottom: 0px;
    margin-top: 10px;
  }
  
  /* ---| Ohne Bildlegende, nur Button |-------------------------- */
  
  .project .file-thumb-button {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: rgba(44, 62, 80, 0.6);
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
  }
  .project:hover .file-thumb-button {
    opacity: 1;
  }
  .project .thumb-button {
    display: table;
    width: 100%;
    height: 100%;
  }
  .project .thumb-button-inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    color: rgba(255,255,255,1.00);
  }
  

  /* ---| Nur Bild einblenden |-------------------------- */
.bild-einblenden {
	opacity: 0.4;
        /*transition: 0.5s opacity;*/
   -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: opacity .8s, -webkit-filter .8s;
    transition: filter .8s, opacity .8s;
    transition: filter .8s, opacity .8s, -webkit-filter .8s
}

.bild-einblenden:hover {
	opacity: 1;
        /*transition: 0.5s opacity;*/
   -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.bild-einblenden img {
	margin-top: 5px;
	padding-bottom: 20px;
}


/* ---| Bild + Text einblenden |-------------------------- */
.beitrag-einblenden {
	opacity: 0.4;
   -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: opacity .8s, -webkit-filter .8s;
    transition: filter .8s, opacity .8s;
    transition: filter .8s, opacity .8s, -webkit-filter .8s;
}
.beitrag-einblenden:hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.beitrag-einblenden:hover .text-einblenden {
    opacity: 1;
    max-height: 1000px;
} 

.beitrag-einblenden img {
	margin-top: 5px;
	padding-bottom: 20px;
}

.text-einblenden {
    transition: opacity 1.2s;
    opacity: 0;
  -webkit-transition: max-height 1.2s;
  -moz-transition: max-height 1.2s;
  -ms-transition: max-height 1.2s;
  -o-transition: max-height 1.2s;
  transition: max-height 1.2s;
  overflow: hidden;
  max-height: 0;
}


/*	============================================================
	Spalten Image mit Link - imageslinks
	============================================================ */
  .imageslinks-lb {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  
  .imageslinks {
    overflow: hidden;
    position: relative;
    padding: 0;
  }
  
  .imageslinks img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  
  .imageslinks .image-holder {
    position:relative;
    overflow:hidden;
    margin:0 auto;
  }
  
  .imageslinks .hover-state {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: rgba(44, 62, 80, 0.6);
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    /*padding: 0 25px;*/
  }
  
  .imageslinks:focus .hover-state,
  .imageslinks:active .hover-state,
  .imageslinks:hover .hover-state {
    opacity: 1;
  }
  .imageslinks a,
  .imageslinks a:hover {
    color: #fff;
  }
  
  .imageslinks .hover-state h3 {
    /*font-size: 100%;*/
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
    padding: 0px;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -o-hyphens: auto;
      hyphens: auto; 
  }
  
  .imageslinks .hover-state p {
    /*font-size: 80%;*/
    line-height: 1.2;
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: #fff;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -o-hyphens: auto;
      hyphens: auto; 
  }
    @media (min-width: 300px) and (max-width: 479px) {
      .imageslinks .hover-state p {
        font-size: 100%;
      }
    }
  
  .imageslinks .hover-state .align-vertical {
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 25px;
  }
  
  .imageslinks:focus .align-vertical,
  .imageslinks:active .align-vertical,
  .imageslinks:hover .align-vertical {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }