/* ---- Portfolio ---- */

* { box-sizing: border-box; }

/* Portfolio grid */

.grid { max-width: 100%; }

/* Portfolio clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* Portfolio .grid-item */

.grid-item {
  float: left;
  width: 398px;
  height: 417px;
  margin-bottom: 20px;
  padding-right: 20px;
}

.grid-item--width2 { width: 800px !important; }
.grid-item--width4 { width: 1604px; }
.grid-item--height2 { height: 854px; }

/* Sonstige Formatierung */
.portfolio__filter { display: none; }
.mod_portfoliolist .portfolio__filter ul {
    list-style-type: none;
}
.mod_portfoliolist .portfolio__filter li {
    float: left;
}
.mod_portfoliolist p {
    line-height: 1rem;
    font-family: var(--font-family-subheadline);
}
.mod_portfoliolist a {
    color: #233e41;
    text-decoration: none;
    font-family: var(--font-family-subheadline);
}
.projects__items.portfolio__items {
    clear: both; }

.layout_short .o-image {
    margin-bottom: 0rem; }
.layout_short {
    float: left; }
.no_headline span {
    display: none; }

/* Hover-Effekt */
.portfolio__items .o-image {
  background: #000;
  background-image: url(/../../../files/images/icon_plus.png);
  background-repeat: no-repeat;
  background-position: center;
}
.portfolio__items .no_hover img {
  transition: transform .5s ease;
  opacity: 1;
}
.portfolio__items .no_hover:hover img {
  transform: scale(1);
  opacity: 1;
}

/* MacBook Pro */
@media only screen and (max-width: 1824px)
{
.grid-item--width4 { width: 1204px; }
.referenzen_detail .grid-item--width4.grid-item--height2 { height: 654px; }
.grid-item--width2.grid-item--height1 {height:  417px}
}
/* Smartphones */
@media only screen and (max-width: 600px)
   {
.grid-item, .statement, .statement-blue {
  width: inherit !important;
  height: inherit !important;
  margin-bottom: 20px !important;
  padding-right: 0; }
.c-image, .c-player, .c-vimeo { height: inherit !important; }
  }
  /* iPad Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 1180px) 
{
.grid-item, .statement, .statement-blue {
  float: left; }
.grid-item--width4, .grid-item--width2 { width: inherit !important; height: inherit !important; padding-right: 0px; }
.grid-item--height2 { height: inherit !important; }
.c-vr-easy_referenzen iframe { height: 400px !important; padding-right: 0px;}
.statement, .statement-blue { font-size: 1rem;}
.mt_xl{ margin-top: 5rem !important; }
.pb_s { margin-bottom: 5rem !important; }
figcaption { font-family: "Fira Sans Condensed";
    font-size: 1rem;
    font-style: normal;
    bottom: 15px; }
.mod_portfolioreader .grid-item p { padding: 1rem; }
}

  /* iPad Landscape */
@media only screen and (min-device-width: 375px) and (max-device-height: 926px) 
and (orientation:landscape)
{
.grid-item {
  width: 300px !important;
  height: 294px !important;
  margin-bottom: 52px !important;
  padding-right: 0;
  float: left; }
.statement, .statement-blue {
  width: 300px !important;
  height: 294px !important;
  margin-bottom: 52px !important;
  padding-right: 0;
  float: left; }
.grid-item--width4, .grid-item--width2 { width: 610px !important; height: inherit !important; padding-right: 0px; }
.grid-item--height2 { height: inherit !important; }
.p-referenzen .grid-item--height2 { margin-bottom: 7px !important; }
.p-referenzen .grid-item--width2 { margin-bottom: 7px !important; }
.c-vr-easy_referenzen iframe { height: 400px !important; padding-right: 0px; }
.statement, .statement-blue { font-size: 1rem; }
.c-vr-easy_referenzen iframe { padding-bottom: 0px !important; }
figcaption { font-family: "Fira Sans Condensed";
    font-size: 1rem;
    font-style: normal;
    bottom: 15px; }
.mod_portfolioreader .grid-item p { padding: 1rem; }
}