{"id":828,"date":"2019-12-21T21:31:46","date_gmt":"2019-12-21T21:31:46","guid":{"rendered":"https:\/\/the7.io\/basic-business\/?page_id=828"},"modified":"2019-12-21T21:31:46","modified_gmt":"2019-12-21T21:31:46","slug":"portfolio-grid-with-content-overlay","status":"publish","type":"page","link":"https:\/\/eyris.de\/en\/portfolio\/portfolio-grid-with-content-overlay\/","title":{"rendered":"Portfolio &#8211; grid with content overlay"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-temp=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1580202940951 vc_row-no-padding\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.content-rollover-layout-list .post-entry-content {\n  top: 0;\n  height: 100%;\n  overflow-y: hidden;\n  display: -webkit-flex;\n  display: -moz-flex;\n  display: -ms-flexbox;\n  display: -ms-flex;\n  display: flex;\n  -webkit-justify-content: flex-end;\n  -moz-justify-content: flex-end;\n  -ms-flex-pack: flex-end;\n  -ms-justify-content: flex-end;\n  justify-content: flex-end;\n  -webkit-flex-flow: column nowrap;\n  -moz-flex-flow: column nowrap;\n  -ms-flex-flow: column nowrap;\n  flex-flow: column nowrap;\n}\n.content-rollover-layout-list .post-entry-content:before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 1;\n  content: '';\n  -webkit-transform: translate3d(0,35%,0);\n  transform: translate3d(0,35%,0);\n}\n.content-rollover-layout-list .entry-excerpt,\n.content-rollover-layout-list .post-details {\n  opacity: 0;\n  -webkit-transition: opacity 0.45s;\n  transition: opacity 0.45s;\n}\n.mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .entry-excerpt,\n.mobile-true .content-rollover-layout-list:not(.disable-layout-hover) article .entry-excerpt,\n.mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-details,\n.mobile-true .content-rollover-layout-list:not(.disable-layout-hover) article .post-details {\n  opacity: 1;\n}\n.content-rollover-layout-list .post-entry-content:before,\n.content-rollover-layout-list .post-entry-content .post-entry-wrapper {\n  -webkit-transition: opacity 0.35s, bottom 0.35s, -webkit-transform 0.4s;\n  transition: opacity 0.35s, bottom 0.35s, transform 0.4s;\n}\n.content-rollover-layout-list .post-entry-content .post-entry-wrapper {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n.mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-entry-content:before,\n.mobile-true .content-rollover-layout-list:not(.disable-layout-hover) article.is-clicked .post-entry-content:before {\n  opacity: 1;\n  -webkit-transform: translate3d(0,0,0);\n  transform: translate3d(0,0,0);\n}\n.mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-entry-wrapper {\n  opacity: 1;\n  bottom: 0;\n}\n.mobile-true .content-rollover-layout-list:not(.disable-layout-hover) .post-entry-wrapper {\n  opacity: 1;\n  bottom: 0 !important;\n  -webkit-transform: translateY(0) !important;\n  transform: translateY(0) !important;\n}\n#page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.content-rollover-layout-list .post-entry-content {\n  background: none;\n  padding: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.content-rollover-layout-list .post-entry-content:before {\n  background: rgba(0,0,0,0.65);\n  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 65%,rgba(0,0,0,0.65) 100%);\n  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 65%,rgba(0,0,0,0.65) 100%);\n  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 65%,rgba(0,0,0,0.65) 100%);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.content-rollover-layout-list .post-entry-wrapper {\n  padding: 0px 20px 30px 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.content-rollover-layout-list .post-entry-wrapper {\n  bottom: -15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.content-rollover-layout-list.meta-info-off .post-entry-wrapper {\n  bottom: -15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.content-rollover-layout-list article:not(.description-off) .post-entry-wrapper {\n  bottom: -15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-entry-wrapper {\n  bottom: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.dividers-on:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.dividers-on:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n  padding-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.hover-scale article:after {\n  background: rgba(0,0,0,0.2);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.gradient-overlay-layout-list article {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-thumbnail-wrap *,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-thumbnail-rollover:after {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: rgba(0,0,0,0.2);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.bottom-overlap-layout-list.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-links-container {\n  height: calc(100% - 100px);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-links-container a {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n  border-radius: 100px;\n  margin: 0px 5px 22px;\n}\n.content-rollover-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-links-container a,\n.gradient-overlay-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-links-container a {\n  margin: 0px 10px 22px 0;\n}\n.dt-icon-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-links-container a:before {\n  border-width: 5px;\n  border-style: solid;\n}\n.dt-icon-hover-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-links-container a:after {\n  border-width: 5px;\n  border-style: solid;\n}\n.dt-icon-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-links-container a:before {\n  background: rgba(255,255,255,0.3);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\n.dt-icon-hover-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-links-container a:after {\n  background: rgba(255,255,255,0.5);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-links-container a > span,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-links-container a > span:before {\n  font-size: 32px;\n  line-height: 32px;\n}\n.dt-icon-hover-on.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .entry-title,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.owl-carousel .entry-title {\n  margin-bottom: 15px;\n  font-size: 24px;\n  line-height: 34px;\n  font-weight: bold;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .entry-title a,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .entry-meta {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .entry-meta * {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .portfolio-categories {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .entry-meta > a:after,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .entry-meta > span:after {\n  background: #ffffff;\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .entry-excerpt {\n  margin-bottom: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .entry-excerpt * {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.centered-layout-list) .post-entry-content {\n  padding: 0px 20px 30px 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.centered-layout-list):not(\n      .content-bg-on\n    ):not(.mode-list)\n    .no-img\n    .post-entry-content {\n  padding: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.content-bg-on:not(.classic-layout-list):not(\n      .centered-layout-list\n    ):not(.gradient-overlay-layout-list)\n    .post-entry-content {\n  background: rgba(0,0,0,0.65);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.gradient-overlay-layout-list .post-entry-content {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-details.details-type-link,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad article {\n    -webkit-flex-flow: column nowrap;\n    -moz-flex-flow: column nowrap;\n    -ms-flex-flow: column nowrap;\n    flex-flow: column nowrap;\n    margin-top: 20px;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.dividers-on article {\n    border: none;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-entry-content:after {\n    display: none;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .project-even .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.centered-layout-list .post-thumbnail-wrap {\n    -webkit-order: 0;\n    -moz-order: 0;\n    -ms-flex-order: 0;\n    order: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.centered-layout-list .post-entry-title-content {\n    -webkit-order: 1;\n    -moz-order: 1;\n    -ms-flex-order: 1;\n    order: 1;\n    width: 100%;\n    padding: 20px 20px 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.centered-layout-list .post-entry-content {\n    -webkit-order: 2;\n    -moz-order: 2;\n    -ms-flex-order: 2;\n    order: 2;\n    padding-top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-entry-content {\n    padding: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 30px;\n  grid-column-gap: 30px;\n  grid-template-columns: repeat(auto-fill,minmax(300px,1fr));\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.resize-by-browser-width) .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 300px;\n  min-width: 300px;\n  max-width: 100%;\n  padding: 15px;\n  box-sizing: border-box;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 30px;\n  grid-row-gap: 30px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid {\n  margin: -15px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid .wf-cell {\n  padding: 15px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc() * 2;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 0px;\n}\n@media screen and (max-width: 1199px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc()*2;\n  }\n}\n@media screen and (max-width: 991px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc()*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc()*2;\n  }\n}\n@media screen and (max-width: 568px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.resize-by-browser-width) .dt-css-grid .double-width {\n    grid-column: span 1;\n  }\n}\n@media screen and (max-width: 420px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.resize-by-browser-width) .dt-css-grid .double-width {\n    grid-column: span 1;\n  }\n}\n@media screen and (max-width: 320px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.resize-by-browser-width) .dt-css-grid {\n    grid-template-columns: repeat(auto-fill,minmax(280px,1fr));\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad:not(.resize-by-browser-width) .dt-css-grid .double-width {\n    grid-column: span 1;\n  }\n}<\/style><div class=\"portfolio-shortcode portfolio-masonry-shortcode-id-5c6611be39fe92e8e39f1486ed9d89ad mode-grid content-rollover-layout-list content-bg-on jquery-filter lazy-loading-mode content-align-center dt-icon-bg-off dt-icon-hover-off meta-info-off dt-css-grid-wrap enable-bg-rollover  loading-effect-move-up description-on-hover\" data-padding=\"15px\" data-cur-page=\"1\" data-post-limit=\"8\" data-pagination-mode=\"load-more\" aria-live=\"assertive\" data-width=\"300px\" data-columns=\"4\"><div class=\"dt-css-grid\" ><div class=\"visible wf-cell category-85\" data-post-id=\"1199\" data-date=\"2020-01-11T19:24:38+00:00\" data-name=\"Kabelwerk in Tadschikistan\"><article class=\"post visible post-1199 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-projects dt_portfolio_category-85\" data-name=\"Kabelwerk in Tadschikistan\" data-date=\"2020-01-11T19:24:38+00:00\">\n<div class=\"post-thumbnail-wrap  rollover-active\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/eyris.de\/en\/project\/kabelwerk-in-tadschikistan\/\" class=\"post-thumbnail-rollover layzr-bg\" target=\"\"  aria-label=\"Post image\"><img fetchpriority=\"high\" decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20450%20600&#39;%2F%3E\" data-src=\"https:\/\/eyris.de\/wp-content\/uploads\/2020\/01\/1-450x600.jpg\" data-srcset=\"https:\/\/eyris.de\/wp-content\/uploads\/2020\/01\/1-450x600.jpg 450w, https:\/\/eyris.de\/wp-content\/uploads\/2020\/01\/1-573x765.jpg 573w\" loading=\"eager\" style=\"--ratio: 450 \/ 600\" sizes=\"(max-width: 450px) 100vw, 450px\" alt=\"\"  width=\"450\" height=\"600\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content\">\n\t<div class=\"post-entry-wrapper\">\n\t\t<div class=\"project-links-container\"><a href=\"https:\/\/eyris.de\/en\/project\/kabelwerk-in-tadschikistan\/\" target=\"\" class=\"project-details\" aria-label=\"Details link\"><span class=\"icomoon-the7-font-the7-plus-12\"><\/span><\/a><\/div>\n\t\t<h3 class=\"entry-title\">\n\t\t\t<a href=\"https:\/\/eyris.de\/en\/project\/kabelwerk-in-tadschikistan\/\" target=\"\" title=\"Cable plant in Tajikistan\" rel=\"bookmark\">Cable plant in Tajikistan<\/a>\n\t\t<\/h3>\n\n\t\t\n\t\t<div class=\"entry-excerpt\"><p>Errichtung eines neuen Kabelwerkes von der gr\u00fcnen Wiese. EYRIS Engineering Services GmbH war f\u00fcr den&hellip;<\/p>\n<\/div>\n\t\t\n\t<\/div>\n<\/div><\/article><\/div><div class=\"visible wf-cell category-85\" data-post-id=\"1196\" data-date=\"2020-01-11T19:23:31+00:00\" data-name=\"Stahlwerke in der GUS\"><article class=\"post visible post-1196 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-projects dt_portfolio_category-85\" data-name=\"Stahlwerke in der GUS\" data-date=\"2020-01-11T19:23:31+00:00\">\n<div class=\"post-thumbnail-wrap  rollover-active\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/eyris.de\/en\/project\/stahlwerke-in-der-gus\/\" class=\"post-thumbnail-rollover layzr-bg\" target=\"\"  aria-label=\"Post image\"><img decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20450%20600&#39;%2F%3E\" data-src=\"https:\/\/eyris.de\/wp-content\/uploads\/2020\/01\/IMG_6079-450x600.jpg\" data-srcset=\"https:\/\/eyris.de\/wp-content\/uploads\/2020\/01\/IMG_6079-450x600.jpg 450w, https:\/\/eyris.de\/wp-content\/uploads\/2020\/01\/IMG_6079-576x768.jpg 576w\" loading=\"eager\" style=\"--ratio: 450 \/ 600\" sizes=\"(max-width: 450px) 100vw, 450px\" alt=\"\"  width=\"450\" height=\"600\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content\">\n\t<div class=\"post-entry-wrapper\">\n\t\t<div class=\"project-links-container\"><a href=\"https:\/\/eyris.de\/en\/project\/stahlwerke-in-der-gus\/\" target=\"\" class=\"project-details\" aria-label=\"Details link\"><span class=\"icomoon-the7-font-the7-plus-12\"><\/span><\/a><\/div>\n\t\t<h3 class=\"entry-title\">\n\t\t\t<a href=\"https:\/\/eyris.de\/en\/project\/stahlwerke-in-der-gus\/\" target=\"\" title=\"Steel mills in the CIS\" rel=\"bookmark\">Steel mills in the CIS<\/a>\n\t\t<\/h3>\n\n\t\t\n\t\t<div class=\"entry-excerpt\"><p>Belieferung von \u00fcber 10 Stahlwerken in der gesamten GUS mit Ersatzteilen, Komponenten, Werkzeugen, Maschinen und&hellip;<\/p>\n<\/div>\n\t\t\n\t<\/div>\n<\/div><\/article><\/div><div class=\"visible wf-cell category-85\" data-post-id=\"1192\" data-date=\"2020-01-11T19:21:23+00:00\" data-name=\"Western Route Export Pipeline (WREP)\"><article class=\"post visible post-1192 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-projects dt_portfolio_category-85\" data-name=\"Western Route Export Pipeline (WREP)\" data-date=\"2020-01-11T19:21:23+00:00\">\n<div class=\"post-thumbnail-wrap  rollover-active\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/eyris.de\/en\/project\/western-route-export-pipeline\/\" class=\"post-thumbnail-rollover layzr-bg\" target=\"\"  aria-label=\"Post image\"><img decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20354%20473&#39;%2F%3E\" data-src=\"https:\/\/eyris.de\/wp-content\/uploads\/2020\/01\/1-1-354x473.jpg\" data-srcset=\"https:\/\/eyris.de\/wp-content\/uploads\/2020\/01\/1-1-354x473.jpg 354w\" loading=\"eager\" style=\"--ratio: 354 \/ 473\" sizes=\"(max-width: 354px) 100vw, 354px\" alt=\"\"  width=\"354\" height=\"473\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content\">\n\t<div class=\"post-entry-wrapper\">\n\t\t<div class=\"project-links-container\"><a href=\"https:\/\/eyris.de\/en\/project\/western-route-export-pipeline\/\" target=\"\" class=\"project-details\" aria-label=\"Details link\"><span class=\"icomoon-the7-font-the7-plus-12\"><\/span><\/a><\/div>\n\t\t<h3 class=\"entry-title\">\n\t\t\t<a href=\"https:\/\/eyris.de\/en\/project\/western-route-export-pipeline\/\" target=\"\" title=\"Western Route Export Pipeline (WREP)\" rel=\"bookmark\">Western Route Export Pipeline (WREP)<\/a>\n\t\t<\/h3>\n\n\t\t\n\t\t<div class=\"entry-excerpt\"><p>Sectional replacement project in Georgien Lieferung von Pipeline-Rohren und B\u00f6gen verschiedener Durchmesser und Abmessungen f\u00fcr&hellip;<\/p>\n<\/div>\n\t\t\n\t<\/div>\n<\/div><\/article><\/div><div class=\"visible wf-cell category-85\" data-post-id=\"1189\" data-date=\"2020-01-11T19:19:36+00:00\" data-name=\"Shah Deniz 2 und Sangachal Terminal\"><article class=\"post visible post-1189 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-projects dt_portfolio_category-85\" data-name=\"Shah Deniz 2 und Sangachal Terminal\" data-date=\"2020-01-11T19:19:36+00:00\">\n<div class=\"post-thumbnail-wrap  rollover-active\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/eyris.de\/en\/project\/shah-deniz-2-und-sangachal-terminal\/\" class=\"post-thumbnail-rollover layzr-bg\" target=\"\"  aria-label=\"Post image\"><img decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20285%20379&#39;%2F%3E\" data-src=\"https:\/\/eyris.de\/wp-content\/uploads\/2020\/01\/Shah-Deniz-2-project-285x379.jpg\" data-srcset=\"https:\/\/eyris.de\/wp-content\/uploads\/2020\/01\/Shah-Deniz-2-project-285x379.jpg 285w\" loading=\"eager\" style=\"--ratio: 285 \/ 379\" sizes=\"(max-width: 285px) 100vw, 285px\" alt=\"\"  width=\"285\" height=\"379\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content\">\n\t<div class=\"post-entry-wrapper\">\n\t\t<div class=\"project-links-container\"><a href=\"https:\/\/eyris.de\/en\/project\/shah-deniz-2-und-sangachal-terminal\/\" target=\"\" class=\"project-details\" aria-label=\"Details link\"><span class=\"icomoon-the7-font-the7-plus-12\"><\/span><\/a><\/div>\n\t\t<h3 class=\"entry-title\">\n\t\t\t<a href=\"https:\/\/eyris.de\/en\/project\/shah-deniz-2-und-sangachal-terminal\/\" target=\"\" title=\"Shah Deniz 2 and Sangachal terminal\" rel=\"bookmark\">Shah Deniz 2 and Sangachal terminal<\/a>\n\t\t<\/h3>\n\n\t\t\n\t\t<div class=\"entry-excerpt\"><p>Shah Deniz 2 und Sangachal Terminal in Aserbaidschan: Lieferung von Materialien, Komponenten und Werkzeugen f\u00fcr&hellip;<\/p>\n<\/div>\n\t\t\n\t<\/div>\n<\/div><\/article><\/div><\/div><!-- iso-container|iso-grid --><div class=\"paginator paginator-more-button\">\n\t\t\t\t<a class=\"button-load-more\" href=\"javascript:void(0);\" data-dt-page=\"1\" ><span class=\"stick\"><\/span><span class=\"stick\"><\/span><span class=\"stick\"><\/span><span class=\"button-caption\">Load more<\/span><\/a>\n\t\t\t<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":2171,"menu_order":24,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-828","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/eyris.de\/en\/wp-json\/wp\/v2\/pages\/828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eyris.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eyris.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eyris.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eyris.de\/en\/wp-json\/wp\/v2\/comments?post=828"}],"version-history":[{"count":0,"href":"https:\/\/eyris.de\/en\/wp-json\/wp\/v2\/pages\/828\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/eyris.de\/en\/wp-json\/wp\/v2\/pages\/2171"}],"wp:attachment":[{"href":"https:\/\/eyris.de\/en\/wp-json\/wp\/v2\/media?parent=828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}