{"id":4525,"date":"2021-10-02T04:27:25","date_gmt":"2021-10-02T11:27:25","guid":{"rendered":"https:\/\/petrarichli.com\/websites_overview-2\/"},"modified":"2021-10-03T21:06:23","modified_gmt":"2021-10-04T04:06:23","slug":"webdesign-portfolio-uebersicht-2","status":"publish","type":"page","link":"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/","title":{"rendered":"Webdesign Portfolio \u00dcbersicht"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8220;2\/3&#8243; offset=&#8220;vc_col-sm-offset-2&#8243;][vc_column_text css=&#8220;.vc_custom_1632872892711{margin-bottom: 10px !important;padding-bottom: 0px !important;}&#8220;]<\/p>\n<h1 style=\"text-align: center;\">Webdesign Portfolio \u00dcbersicht<\/h1>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<h5 style=\"text-align: center;\">Ein Webdesigner-Team mit jahrelanger Erfahrung in der Erstellung von modernen und mobile-first Webseiten f\u00fcr Ihr Unternehmen oder Projekt.<\/h5>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8220;stretch_row_content&#8220;][vc_column offset=&#8220;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-xs&#8220;]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.gradient-overlay-layout-list .post-entry-content {\n  -webkit-backface-visibility: hidden;\n  transform: translatez(0);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content {\n  top: 20px;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .paginator {\n  margin-top: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.dividers-on:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.dividers-on:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n  padding-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.hover-scale article:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.gradient-overlay-layout-list article {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .post-thumbnail-wrap *,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .post-thumbnail-rollover:after {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.bottom-overlap-layout-list.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container {\n  height: calc(100% - 100px);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container a {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n  border-radius: 100px;\n  margin: 10px 5px 10px;\n}\n.content-rollover-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container a,\n.gradient-overlay-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container a {\n  margin: 10px 10px 10px 0;\n}\n.dt-icon-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container a:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-hover-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container a:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .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-4a2fbb765f862c0e3c8711a27fcdc661 .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-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container a > span,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container a > span:before {\n  font-size: 10px;\n  line-height: 32px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container a:not(:hover) > span {\n  color: #ffffff;\n}\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container a > span,\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.dt-icon-hover-on.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .entry-title,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: bold;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .entry-title a,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .entry-meta {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .portfolio-categories {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .entry-excerpt {\n  margin-bottom: 5px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661:not(.centered-layout-list) .post-entry-content {\n  padding: 10px 10px 10px 10px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661: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-4a2fbb765f862c0e3c8711a27fcdc661.gradient-overlay-layout-list .post-entry-content {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .post-details.details-type-link,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 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-4a2fbb765f862c0e3c8711a27fcdc661.dividers-on article {\n    border: none;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .post-entry-content:after {\n    display: none;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .project-even .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.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-4a2fbb765f862c0e3c8711a27fcdc661.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-4a2fbb765f862c0e3c8711a27fcdc661.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-4a2fbb765f862c0e3c8711a27fcdc661 .post-entry-content {\n    padding: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    font-size: 16px;\n    line-height: 26px;\n    line-height: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 12px;\n  grid-column-gap: 12px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661: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-4a2fbb765f862c0e3c8711a27fcdc661:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 6px;\n  box-sizing: border-box;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(5,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 12px;\n  grid-row-gap: 12px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.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-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid {\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 20%;\n  padding: 6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(20%) * 2;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 2px;\n}\n@media screen and (max-width: 1199px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(5,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 20%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(20%)*2;\n  }\n}\n@media screen and (max-width: 991px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(4,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 25%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(25%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}<\/style><div class=\"portfolio-shortcode portfolio-masonry-shortcode-id-4a2fbb765f862c0e3c8711a27fcdc661 mode-grid gradient-overlay-layout-list content-bg-on content-align-center dt-icon-bg-on dt-icon-border-on dt-icon-hover-on dt-icon-hover-border-on dt-icon-hover-bg-on quick-scale-img meta-info-off dt-css-grid-wrap enable-bg-rollover resize-by-browser-width  hover-fade loading-effect-fade-in description-on-hover\" data-padding=\"6px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"pages\" data-desktop-columns-num=\"5\" data-v-tablet-columns-num=\"4\" data-h-tablet-columns-num=\"5\" data-phone-columns-num=\"3\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><div class=\"visible wf-cell\" data-post-id=\"29501\" data-date=\"2020-09-12T20:35:50-07:00\" data-name=\"Virtual Reality Game Room Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29501 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Virtual Reality Game Room Webseite (Web-Design Portfolio)\" data-date=\"2020-09-12T20:35:50-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/virtual-reality-game-room-webseite-portfolio\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petrarichli_webdesigner_virtual-reality-game-room_webdesign-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petrarichli_webdesigner_virtual-reality-game-room_webdesign-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petrarichli_webdesigner_virtual-reality-game-room_webdesign-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Virtual Reality Room Website Portfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Virtual Reality Game Room Webseite Portfolio\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/virtual-reality-game-room-webseite-portfolio\/\" target=\"\" title=\"Virtual Reality Game Room Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Virtual Reality Game Room Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/virtual-reality-game-room-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"30369\" data-date=\"2020-09-05T05:58:28-07:00\" data-name=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)\"><article class=\"post visible forward-post post-30369 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-e-commerce-und-online-shops dt_portfolio_category-webseiten dt_portfolio_category-391 dt_portfolio_category-82\" data-name=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)\" data-date=\"2020-09-05T05:58:28-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webshop-fuer-pflanzliche-nahrungsergaenzungsmittel-2\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/06\/petra-richli_webdesigner_herbal-supplement-store-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/06\/petra-richli_webdesigner_herbal-supplement-store-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/06\/petra-richli_webdesigner_herbal-supplement-store-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel Portfolio\" title=\"Petra Richli &#8211; Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webshop-fuer-pflanzliche-nahrungsergaenzungsmittel-2\/\" target=\"\" title=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)\" rel=\"bookmark\">Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webshop-fuer-pflanzliche-nahrungsergaenzungsmittel-2\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29750\" data-date=\"2020-09-04T18:03:36-07:00\" data-name=\"Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29750 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)\" data-date=\"2020-09-04T18:03:36-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/bildungs-und-lernstiftung-webseite\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_education-foundation_website-portfolioa-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_education-foundation_website-portfolioa-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_education-foundation_website-portfolioa-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Education Foundation Website Design Screenshot by Petra Richli\" title=\"Petra Richli Web Designer &#8211; Bildungs- und Lernstiftung Webseite Design Portfolio\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/bildungs-und-lernstiftung-webseite\/\" target=\"\" title=\"Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/bildungs-und-lernstiftung-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"30841\" data-date=\"2020-08-31T05:53:43-07:00\" data-name=\"Physiotherapie Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-30841 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-abenteuer-und-sport-webseiten dt_portfolio_category-webseiten dt_portfolio_category-389 dt_portfolio_category-82\" data-name=\"Physiotherapie Webseite (Web-Design Portfolio)\" data-date=\"2020-08-31T05:53:43-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/physiotherapie-webseite-design-portfolio\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petra-richli_webdesigner_physiotherapist-website-design-portfolio-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petra-richli_webdesigner_physiotherapist-website-design-portfolio-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petra-richli_webdesigner_physiotherapist-website-design-portfolio-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Physiotherapist Webseite Design Portfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Physiotherapeut Webseite &#8211; Portfolio\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/physiotherapie-webseite-design-portfolio\/\" target=\"\" title=\"Physiotherapie Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Physiotherapie Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/physiotherapie-webseite-design-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"30259\" data-date=\"2020-08-30T18:37:36-07:00\" data-name=\"Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)\"><article class=\"post visible forward-post post-30259 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-e-commerce-und-online-shops dt_portfolio_category-webseiten dt_portfolio_category-391 dt_portfolio_category-82\" data-name=\"Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)\" data-date=\"2020-08-30T18:37:36-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/online-shop-fuer-geburtstafeln-webdesign-portfolio\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_online-shop-for-baby-name-signs-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_online-shop-for-baby-name-signs-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_online-shop-for-baby-name-signs-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Online-Shop f\u00fcr Geburtstafeln WebseitePortfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Online-Shop f\u00fcr Geburtstafeln Webseite Portfolio\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/online-shop-fuer-geburtstafeln-webdesign-portfolio\/\" target=\"\" title=\"Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)\" rel=\"bookmark\">Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/online-shop-fuer-geburtstafeln-webdesign-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29433\" data-date=\"2020-07-03T23:08:58-07:00\" data-name=\"Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29433 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-kreative-webseiten-und-portfolios dt_portfolio_category-webseiten dt_portfolio_category-392 dt_portfolio_category-82\" data-name=\"Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)\" data-date=\"2020-07-03T23:08:58-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/wildnis-faehigkeiten-event-webseite\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/06\/petrarichli_webdesigner_wild-skils-event-website-design-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/06\/petrarichli_webdesigner_wild-skils-event-website-design-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/06\/petrarichli_webdesigner_wild-skils-event-website-design-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Wildnis F\u00e4higkeiten Event Webseite Portfolio created by Petra Richli\" title=\"Petra Richli Web Designer &#8211; Wildnis F\u00e4higkeiten Event Webseite: Home Layout\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/wildnis-faehigkeiten-event-webseite\/\" target=\"\" title=\"Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/wildnis-faehigkeiten-event-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"30266\" data-date=\"2020-06-30T12:48:29-07:00\" data-name=\"Unternehmensberatung Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-30266 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-beratungs-und-coaching-webseiten dt_portfolio_category-webseiten dt_portfolio_category-393 dt_portfolio_category-82\" data-name=\"Unternehmensberatung Webseite (Web-Design Portfolio)\" data-date=\"2020-06-30T12:48:29-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/unternehmensberatung-firma-webseite\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_management-consulting-company-website-design-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_management-consulting-company-website-design-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_management-consulting-company-website-design-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Unternehmensberatung Webseite Portfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Unternehmensberatung Webseite Design\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/unternehmensberatung-firma-webseite\/\" target=\"\" title=\"Unternehmensberatung Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Unternehmensberatung Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/unternehmensberatung-firma-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29515\" data-date=\"2020-04-15T20:52:41-07:00\" data-name=\"Pers\u00f6nlichkeits- &amp; Life Coach Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29515 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-beratungs-und-coaching-webseiten dt_portfolio_category-webseiten dt_portfolio_category-393 dt_portfolio_category-82\" data-name=\"Pers\u00f6nlichkeits- &#038; Life Coach Webseite (Web-Design Portfolio)\" data-date=\"2020-04-15T20:52:41-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/persoenlichkeits-life-coach-webseite-portfolio\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_live-coach-website-design-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_live-coach-website-design-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_live-coach-website-design-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Pers\u00f6nlichkeits- &amp; Life Coach Webseite Portfolio created by Petra Richli\" title=\"Petra Richli &#8211; Web Designer &#8211; Pers\u00f6nlichkeits- &#038; Life Coach Webseite Portfolio\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/persoenlichkeits-life-coach-webseite-portfolio\/\" target=\"\" title=\"Pers\u00f6nlichkeits- &#038; Life Coach Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Pers\u00f6nlichkeits- &#038; Life Coach Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/persoenlichkeits-life-coach-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29696\" data-date=\"2020-04-13T19:27:59-07:00\" data-name=\"Professioneller Sprecher Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29696 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-kreative-webseiten-und-portfolios dt_portfolio_category-webseiten dt_portfolio_category-392 dt_portfolio_category-82\" data-name=\"Professioneller Sprecher Webseite (Web-Design Portfolio)\" data-date=\"2020-04-13T19:27:59-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/professioneller-sprecher-webseite\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_voice-actor-website-desgin_portfolio-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_voice-actor-website-desgin_portfolio-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_voice-actor-website-desgin_portfolio-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Professioneller Sprecher Webseite created by Petra Richli\" title=\"Petra Richli Web Designer &#8211; Professioneller Sprecher Webseite &#8211; Portfolio\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/professioneller-sprecher-webseite\/\" target=\"\" title=\"Professioneller Sprecher Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Professioneller Sprecher Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/professioneller-sprecher-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29586\" data-date=\"2019-07-11T20:26:38-07:00\" data-name=\"Finanzberatung Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29586 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Finanzberatung Webseite (Web-Design Portfolio)\" data-date=\"2019-07-11T20:26:38-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/finanzberatung-webseite-portfolio\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_financial-advisor-website_portfolio-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_financial-advisor-website_portfolio-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_financial-advisor-website_portfolio-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Finanzberatung Webseite\" title=\"Petra Richli &#8211; Web Designer &#8211; Finanzberatung Webseite\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/finanzberatung-webseite-portfolio\/\" target=\"\" title=\"Finanzberatung Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Finanzberatung Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/finanzberatung-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29507\" data-date=\"2019-03-11T20:50:46-07:00\" data-name=\"Rasierklingen Club Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29507 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-e-commerce-und-online-shops dt_portfolio_category-webseiten dt_portfolio_category-391 dt_portfolio_category-82\" data-name=\"Rasierklingen Club Webseite (Web-Design Portfolio)\" data-date=\"2019-03-11T20:50:46-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/rasierklingen-club-webseite-portfolio\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_shave-club-website-design-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_shave-club-website-design-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_shave-club-website-design-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Rasierklingen Club Webseite\" title=\"Petra Richli Web Designer &#8211; Rasierklingen Club Webseite\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/rasierklingen-club-webseite-portfolio\/\" target=\"\" title=\"Rasierklingen Club Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Rasierklingen Club Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/rasierklingen-club-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29135\" data-date=\"2018-12-23T05:51:59-08:00\" data-name=\"Boutique B&amp;B Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29135 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-lebensmittel-und-gastronomie-webseiten dt_portfolio_category-webseiten dt_portfolio_category-394 dt_portfolio_category-82\" data-name=\"Boutique B&#038;B Webseite (Web-Design Portfolio)\" data-date=\"2018-12-23T05:51:59-08:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/boutique-bb-webseite\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/12\/petra-richli_bb-website-design-portfolio-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/12\/petra-richli_bb-website-design-portfolio-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/12\/petra-richli_bb-website-design-portfolio-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Boutique B&amp;B Webdesign Portfolio\" title=\"Petra Richli Web Designer &#8211; Boutique B&#038;B Webdesign Portfolio\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/boutique-bb-webseite\/\" target=\"\" title=\"Boutique B&#038;B Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Boutique B&#038;B Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/boutique-bb-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29520\" data-date=\"2018-11-11T20:32:47-08:00\" data-name=\"Spiritual Wellness Coach Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29520 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-beratungs-und-coaching-webseiten dt_portfolio_category-webseiten dt_portfolio_category-393 dt_portfolio_category-82\" data-name=\"Spiritual Wellness Coach Webseite (Web-Design Portfolio)\" data-date=\"2018-11-11T20:32:47-08:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/spiritual-wellness-coach-webseite-portfolio\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_spiritual-wellness-coach-website-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_spiritual-wellness-coach-website-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_spiritual-wellness-coach-website-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Spiritual Wellness Coach Website Design\" title=\"Petra Richli &#8211; Web Designer &#8211; Spiritual Wellness Coach\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/spiritual-wellness-coach-webseite-portfolio\/\" target=\"\" title=\"Spiritual Wellness Coach Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Spiritual Wellness Coach Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/spiritual-wellness-coach-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"28987\" data-date=\"2018-07-24T19:10:31-07:00\" data-name=\"Wildnis \u00dcberlebenstechniken Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-28987 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-e-commerce-und-online-shops dt_portfolio_category-webseiten dt_portfolio_category-391 dt_portfolio_category-82\" data-name=\"Wildnis \u00dcberlebenstechniken Webseite (Web-Design Portfolio)\" data-date=\"2018-07-24T19:10:31-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/ueberlebenstechniken-webseite\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/07\/petrarichli_webdesigner_wild-skills-website-designer_portfolio-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/07\/petrarichli_webdesigner_wild-skills-website-designer_portfolio-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/07\/petrarichli_webdesigner_wild-skills-website-designer_portfolio-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"wild skills website design portfolio\" title=\"Petra Richli Web Designer &#8211; Wilderness Webseite Portfolio\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/ueberlebenstechniken-webseite\/\" target=\"\" title=\"Wildnis \u00dcberlebenstechniken Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Wildnis \u00dcberlebenstechniken Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/ueberlebenstechniken-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"9325\" data-date=\"2018-06-08T22:26:21-07:00\" data-name=\"Gef\u00fchrte Wanderungen Website (Web-Design Portfolio)\"><article class=\"post visible forward-post post-9325 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-abenteuer-und-sport-webseiten dt_portfolio_category-webseiten dt_portfolio_category-389 dt_portfolio_category-82\" data-name=\"Gef\u00fchrte Wanderungen Website (Web-Design Portfolio)\" data-date=\"2018-06-08T22:26:21-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-gefuehrte-wanderungen-webseite\/\" 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%20248%20165&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-webdesigner-guided-hiking-tours-website-248x165.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-webdesigner-guided-hiking-tours-website-248x165.jpg 248w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-webdesigner-guided-hiking-tours-website-372x248.jpg 372w\" loading=\"eager\" style=\"--ratio: 248 \/ 165\" sizes=\"(max-width: 248px) 100vw, 248px\" alt=\"Guided Hiking Tours Website Design, green brown color theme\" title=\"petrarichli &#8211; guided hiking tours website &#8211; portfolio\" width=\"248\" height=\"165\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-gefuehrte-wanderungen-webseite\/\" target=\"\" title=\"Gef\u00fchrte Wanderungen Website (Web-Design Portfolio)\" rel=\"bookmark\">Gef\u00fchrte Wanderungen Website (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-gefuehrte-wanderungen-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><\/div><!-- iso-container|iso-grid --><div class=\"paginator\" role=\"navigation\"><span class=\"nav-prev disabled\">\u2192<\/span><a href=\"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages\/4525\/\" class=\"page-numbers act\" data-page-num=\"1\">1<\/a><a href=\"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages\/4525\/page\/2\/\" class=\"page-numbers \" data-page-num=\"2\">2<\/a><a href=\"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages\/4525\/page\/3\/\" class=\"page-numbers \" data-page-num=\"3\">3<\/a><a href=\"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages\/4525\/page\/2\/\" class=\"page-numbers nav-next filter-item\" data-page-num=\"2\" >\u2192<\/a><\/div><\/div>[\/vc_column][vc_column offset=&#8220;vc_hidden-lg vc_hidden-md vc_hidden-sm&#8220;]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.gradient-overlay-layout-list .post-entry-content {\n  -webkit-backface-visibility: hidden;\n  transform: translatez(0);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content {\n  top: 20px;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .paginator {\n  margin-top: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .filter {\n  margin-bottom: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.dividers-on:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.dividers-on:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n  padding-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.hover-scale article:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.gradient-overlay-layout-list article {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .post-thumbnail-wrap *,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .post-thumbnail-rollover:after {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.bottom-overlap-layout-list.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-links-container {\n  height: calc(100% - 100px);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-links-container a {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n  border-radius: 100px;\n  margin: 10px 5px 10px;\n}\n.content-rollover-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-links-container a,\n.gradient-overlay-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-links-container a {\n  margin: 10px 10px 10px 0;\n}\n.dt-icon-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-links-container a:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-hover-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-links-container a:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .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-263ee7cd65d36108ddcf2954c5b6744f .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-263ee7cd65d36108ddcf2954c5b6744f .project-links-container a > span,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-links-container a > span:before {\n  font-size: 10px;\n  line-height: 32px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-links-container a:not(:hover) > span {\n  color: #ffffff;\n}\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-links-container a > span,\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.dt-icon-hover-on.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .entry-title,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: bold;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .entry-title a,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .entry-meta {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .portfolio-categories {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .entry-excerpt {\n  margin-bottom: 5px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f:not(.centered-layout-list) .post-entry-content {\n  padding: 10px 10px 10px 10px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f: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-263ee7cd65d36108ddcf2954c5b6744f.gradient-overlay-layout-list .post-entry-content {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .post-details.details-type-link,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f 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-263ee7cd65d36108ddcf2954c5b6744f.dividers-on article {\n    border: none;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .post-entry-content:after {\n    display: none;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .project-even .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.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-263ee7cd65d36108ddcf2954c5b6744f.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-263ee7cd65d36108ddcf2954c5b6744f.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-263ee7cd65d36108ddcf2954c5b6744f .post-entry-content {\n    padding: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    font-size: 16px;\n    line-height: 26px;\n    line-height: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 6px;\n  grid-column-gap: 6px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f: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-263ee7cd65d36108ddcf2954c5b6744f:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -3px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 3px;\n  box-sizing: border-box;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(5,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 6px;\n  grid-row-gap: 6px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.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-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid {\n  margin: -3px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 20%;\n  padding: 3px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(20%) * 2;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: -4px;\n}\n@media screen and (max-width: 1199px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(5,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 20%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(20%)*2;\n  }\n}\n@media screen and (max-width: 991px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}<\/style><div class=\"portfolio-shortcode portfolio-masonry-shortcode-id-263ee7cd65d36108ddcf2954c5b6744f mode-grid gradient-overlay-layout-list content-bg-on content-align-center dt-icon-bg-on dt-icon-border-on dt-icon-hover-on dt-icon-hover-border-on dt-icon-hover-bg-on quick-scale-img meta-info-off dt-css-grid-wrap enable-bg-rollover resize-by-browser-width  hover-fade loading-effect-fade-in description-on-hover\" data-padding=\"3px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"pages\" data-desktop-columns-num=\"5\" data-v-tablet-columns-num=\"3\" data-h-tablet-columns-num=\"5\" data-phone-columns-num=\"2\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><div class=\"visible wf-cell\" data-post-id=\"29501\" data-date=\"2020-09-12T20:35:50-07:00\" data-name=\"Virtual Reality Game Room Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29501 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Virtual Reality Game Room Webseite (Web-Design Portfolio)\" data-date=\"2020-09-12T20:35:50-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/virtual-reality-game-room-webseite-portfolio\/\" 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%20381%20254&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petrarichli_webdesigner_virtual-reality-game-room_webdesign-381x254.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petrarichli_webdesigner_virtual-reality-game-room_webdesign-381x254.jpg 381w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petrarichli_webdesigner_virtual-reality-game-room_webdesign-572x381.jpg 572w\" loading=\"eager\" style=\"--ratio: 381 \/ 254\" sizes=\"(max-width: 381px) 100vw, 381px\" alt=\"Virtual Reality Room Website Portfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Virtual Reality Game Room Webseite Portfolio\" width=\"381\" height=\"254\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/virtual-reality-game-room-webseite-portfolio\/\" target=\"\" title=\"Virtual Reality Game Room Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Virtual Reality Game Room Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/virtual-reality-game-room-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"30369\" data-date=\"2020-09-05T05:58:28-07:00\" data-name=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)\"><article class=\"post visible forward-post post-30369 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-e-commerce-und-online-shops dt_portfolio_category-webseiten dt_portfolio_category-391 dt_portfolio_category-82\" data-name=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)\" data-date=\"2020-09-05T05:58:28-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webshop-fuer-pflanzliche-nahrungsergaenzungsmittel-2\/\" 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%20381%20254&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/06\/petra-richli_webdesigner_herbal-supplement-store-381x254.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/06\/petra-richli_webdesigner_herbal-supplement-store-381x254.jpg 381w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/06\/petra-richli_webdesigner_herbal-supplement-store-572x381.jpg 572w\" loading=\"eager\" style=\"--ratio: 381 \/ 254\" sizes=\"(max-width: 381px) 100vw, 381px\" alt=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel Portfolio\" title=\"Petra Richli &#8211; Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel\" width=\"381\" height=\"254\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webshop-fuer-pflanzliche-nahrungsergaenzungsmittel-2\/\" target=\"\" title=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)\" rel=\"bookmark\">Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webshop-fuer-pflanzliche-nahrungsergaenzungsmittel-2\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29750\" data-date=\"2020-09-04T18:03:36-07:00\" data-name=\"Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29750 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)\" data-date=\"2020-09-04T18:03:36-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/bildungs-und-lernstiftung-webseite\/\" 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%20381%20254&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_education-foundation_website-portfolioa-381x254.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_education-foundation_website-portfolioa-381x254.jpg 381w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_education-foundation_website-portfolioa-572x381.jpg 572w\" loading=\"eager\" style=\"--ratio: 381 \/ 254\" sizes=\"(max-width: 381px) 100vw, 381px\" alt=\"Education Foundation Website Design Screenshot by Petra Richli\" title=\"Petra Richli Web Designer &#8211; Bildungs- und Lernstiftung Webseite Design Portfolio\" width=\"381\" height=\"254\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/bildungs-und-lernstiftung-webseite\/\" target=\"\" title=\"Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/bildungs-und-lernstiftung-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"30841\" data-date=\"2020-08-31T05:53:43-07:00\" data-name=\"Physiotherapie Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-30841 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-abenteuer-und-sport-webseiten dt_portfolio_category-webseiten dt_portfolio_category-389 dt_portfolio_category-82\" data-name=\"Physiotherapie Webseite (Web-Design Portfolio)\" data-date=\"2020-08-31T05:53:43-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/physiotherapie-webseite-design-portfolio\/\" 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%20381%20254&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petra-richli_webdesigner_physiotherapist-website-design-portfolio-381x254.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petra-richli_webdesigner_physiotherapist-website-design-portfolio-381x254.jpg 381w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petra-richli_webdesigner_physiotherapist-website-design-portfolio-572x381.jpg 572w\" loading=\"eager\" style=\"--ratio: 381 \/ 254\" sizes=\"(max-width: 381px) 100vw, 381px\" alt=\"Physiotherapist Webseite Design Portfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Physiotherapeut Webseite &#8211; Portfolio\" width=\"381\" height=\"254\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/physiotherapie-webseite-design-portfolio\/\" target=\"\" title=\"Physiotherapie Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Physiotherapie Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/physiotherapie-webseite-design-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"30259\" data-date=\"2020-08-30T18:37:36-07:00\" data-name=\"Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)\"><article class=\"post visible forward-post post-30259 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-e-commerce-und-online-shops dt_portfolio_category-webseiten dt_portfolio_category-391 dt_portfolio_category-82\" data-name=\"Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)\" data-date=\"2020-08-30T18:37:36-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/online-shop-fuer-geburtstafeln-webdesign-portfolio\/\" 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%20381%20254&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_online-shop-for-baby-name-signs-381x254.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_online-shop-for-baby-name-signs-381x254.jpg 381w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_online-shop-for-baby-name-signs-572x381.jpg 572w\" loading=\"eager\" style=\"--ratio: 381 \/ 254\" sizes=\"(max-width: 381px) 100vw, 381px\" alt=\"Online-Shop f\u00fcr Geburtstafeln WebseitePortfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Online-Shop f\u00fcr Geburtstafeln Webseite Portfolio\" width=\"381\" height=\"254\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/online-shop-fuer-geburtstafeln-webdesign-portfolio\/\" target=\"\" title=\"Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)\" rel=\"bookmark\">Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/online-shop-fuer-geburtstafeln-webdesign-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29433\" data-date=\"2020-07-03T23:08:58-07:00\" data-name=\"Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29433 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-kreative-webseiten-und-portfolios dt_portfolio_category-webseiten dt_portfolio_category-392 dt_portfolio_category-82\" data-name=\"Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)\" data-date=\"2020-07-03T23:08:58-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/wildnis-faehigkeiten-event-webseite\/\" 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%20381%20254&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/06\/petrarichli_webdesigner_wild-skils-event-website-design-381x254.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/06\/petrarichli_webdesigner_wild-skils-event-website-design-381x254.jpg 381w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/06\/petrarichli_webdesigner_wild-skils-event-website-design-572x381.jpg 572w\" loading=\"eager\" style=\"--ratio: 381 \/ 254\" sizes=\"(max-width: 381px) 100vw, 381px\" alt=\"Wildnis F\u00e4higkeiten Event Webseite Portfolio created by Petra Richli\" title=\"Petra Richli Web Designer &#8211; Wildnis F\u00e4higkeiten Event Webseite: Home Layout\" width=\"381\" height=\"254\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/wildnis-faehigkeiten-event-webseite\/\" target=\"\" title=\"Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/wildnis-faehigkeiten-event-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"30266\" data-date=\"2020-06-30T12:48:29-07:00\" data-name=\"Unternehmensberatung Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-30266 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-beratungs-und-coaching-webseiten dt_portfolio_category-webseiten dt_portfolio_category-393 dt_portfolio_category-82\" data-name=\"Unternehmensberatung Webseite (Web-Design Portfolio)\" data-date=\"2020-06-30T12:48:29-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/unternehmensberatung-firma-webseite\/\" 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%20381%20254&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_management-consulting-company-website-design-381x254.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_management-consulting-company-website-design-381x254.jpg 381w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_management-consulting-company-website-design-572x381.jpg 572w\" loading=\"eager\" style=\"--ratio: 381 \/ 254\" sizes=\"(max-width: 381px) 100vw, 381px\" alt=\"Unternehmensberatung Webseite Portfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Unternehmensberatung Webseite Design\" width=\"381\" height=\"254\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/unternehmensberatung-firma-webseite\/\" target=\"\" title=\"Unternehmensberatung Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Unternehmensberatung Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/unternehmensberatung-firma-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29515\" data-date=\"2020-04-15T20:52:41-07:00\" data-name=\"Pers\u00f6nlichkeits- &amp; Life Coach Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29515 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-beratungs-und-coaching-webseiten dt_portfolio_category-webseiten dt_portfolio_category-393 dt_portfolio_category-82\" data-name=\"Pers\u00f6nlichkeits- &#038; Life Coach Webseite (Web-Design Portfolio)\" data-date=\"2020-04-15T20:52:41-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/persoenlichkeits-life-coach-webseite-portfolio\/\" 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%20381%20254&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_live-coach-website-design-381x254.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_live-coach-website-design-381x254.jpg 381w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_live-coach-website-design-572x381.jpg 572w\" loading=\"eager\" style=\"--ratio: 381 \/ 254\" sizes=\"(max-width: 381px) 100vw, 381px\" alt=\"Pers\u00f6nlichkeits- &amp; Life Coach Webseite Portfolio created by Petra Richli\" title=\"Petra Richli &#8211; Web Designer &#8211; Pers\u00f6nlichkeits- &#038; Life Coach Webseite Portfolio\" width=\"381\" height=\"254\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/persoenlichkeits-life-coach-webseite-portfolio\/\" target=\"\" title=\"Pers\u00f6nlichkeits- &#038; Life Coach Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Pers\u00f6nlichkeits- &#038; Life Coach Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/persoenlichkeits-life-coach-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29696\" data-date=\"2020-04-13T19:27:59-07:00\" data-name=\"Professioneller Sprecher Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29696 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-kreative-webseiten-und-portfolios dt_portfolio_category-webseiten dt_portfolio_category-392 dt_portfolio_category-82\" data-name=\"Professioneller Sprecher Webseite (Web-Design Portfolio)\" data-date=\"2020-04-13T19:27:59-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/professioneller-sprecher-webseite\/\" 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%20381%20254&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_voice-actor-website-desgin_portfolio-381x254.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_voice-actor-website-desgin_portfolio-381x254.jpg 381w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_voice-actor-website-desgin_portfolio-572x381.jpg 572w\" loading=\"eager\" style=\"--ratio: 381 \/ 254\" sizes=\"(max-width: 381px) 100vw, 381px\" alt=\"Professioneller Sprecher Webseite created by Petra Richli\" title=\"Petra Richli Web Designer &#8211; Professioneller Sprecher Webseite &#8211; Portfolio\" width=\"381\" height=\"254\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/professioneller-sprecher-webseite\/\" target=\"\" title=\"Professioneller Sprecher Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Professioneller Sprecher Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/professioneller-sprecher-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29586\" data-date=\"2019-07-11T20:26:38-07:00\" data-name=\"Finanzberatung Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29586 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Finanzberatung Webseite (Web-Design Portfolio)\" data-date=\"2019-07-11T20:26:38-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/finanzberatung-webseite-portfolio\/\" 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%20381%20254&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_financial-advisor-website_portfolio-381x254.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_financial-advisor-website_portfolio-381x254.jpg 381w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_financial-advisor-website_portfolio-572x381.jpg 572w\" loading=\"eager\" style=\"--ratio: 381 \/ 254\" sizes=\"(max-width: 381px) 100vw, 381px\" alt=\"Finanzberatung Webseite\" title=\"Petra Richli &#8211; Web Designer &#8211; Finanzberatung Webseite\" width=\"381\" height=\"254\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/finanzberatung-webseite-portfolio\/\" target=\"\" title=\"Finanzberatung Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Finanzberatung Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/finanzberatung-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><\/div><!-- iso-container|iso-grid --><div class=\"paginator\" role=\"navigation\"><span class=\"nav-prev disabled\">\u2192<\/span><a href=\"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages\/4525\/\" class=\"page-numbers act\" data-page-num=\"1\">1<\/a><a href=\"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages\/4525\/page\/2\/\" class=\"page-numbers \" data-page-num=\"2\">2<\/a><a href=\"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages\/4525\/page\/3\/\" class=\"page-numbers \" data-page-num=\"3\">3<\/a><a href=\"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages\/4525\/page\/4\/\" class=\"page-numbers \" data-page-num=\"4\">4<\/a><a href=\"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages\/4525\/page\/2\/\" class=\"page-numbers nav-next filter-item\" data-page-num=\"2\" >\u2192<\/a><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220; content_placement=&#8220;middle&#8220; css=&#8220;.vc_custom_1625845860822{margin-top: 3% !important;}&#8220;][vc_column offset=&#8220;vc_col-md-6 vc_col-sm-offset-0&#8243;]<div tabindex=\"0\" class=\"ult-new-ib ult-ib-effect-style15  ult-ib-resp   vc_custom_1632876813263\" data-min-width=\"768\" data-max-width=\"900\" style=\"background:#01a2dd;\" data-opacity=\"0.6\" data-hover-opacity=\"0.8\" ><img decoding=\"async\" class=\"ult-new-ib-img\" style=\"opacity:0.6;\" alt=\"null\" src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2021\/06\/petra-richli-vancouver-photographer-looking-glass-2.jpg\"   \/><div id=\"interactive-banner-wrap-2831\" class=\"ult-new-ib-desc\" style=\"\"><h2 class=\"ult-new-ib-title ult-responsive\"  data-ultimate-target='#interactive-banner-wrap-2831 .ult-new-ib-title'  data-responsive-json-new='{\"font-size\":\"desktop:50px;tablet_portrait:30px;mobile_landscape:30px;mobile:36px;\",\"line-height\":\"desktop:70px;tablet_portrait:40px;mobile_landscape:40px;mobile:42px;\"}'  style=\"font-family:&#039;Roboto&#039;;font-style:italic;font-weight:900;\">+300 responsive Webseiten<\/h2><div class=\"ult-new-ib-content ult-responsive\"  data-ultimate-target='#interactive-banner-wrap-2831 .ult-new-ib-content'  data-responsive-json-new='{\"font-size\":\"desktop:24px;tablet_portrait:17px;\",\"line-height\":\"desktop:40px;tablet_portrait:22px;\"}'  style=\"font-weight:normal;\"><p>Wir f\u00fchren Sie Schritt f\u00fcr Schritt durch den Erstellungsprozess Ihrer Webseiten-Projekte. Zufriedenheit garantiert.<\/p><\/div><\/div><\/div>[\/vc_column][vc_column el_class=&#8220;bg_blue&#8220; offset=&#8220;vc_col-md-6&#8243;][vc_row_inner][vc_column_inner width=&#8220;5\/6&#8243; offset=&#8220;vc_col-lg-offset-2 vc_col-lg-8 vc_col-sm-offset-1 vc_col-xs-offset-1 vc_col-xs-10&#8243;]<div class=\"ult-spacer spacer-69ec36ca835c8\" data-id=\"69ec36ca835c8\" data-height=\"0\" data-height-mobile=\"30\" data-height-tab=\"0\" data-height-tab-portrait=\"\" data-height-mobile-landscape=\"40\" style=\"clear:both;display:block;\"><\/div>[vc_column_text]<\/p>\n<h4>Wir sind: 2 hochqualifizierte Spezialisten<\/h4>\n<p>Geschwisterteam, in der Schweiz geboren, aufgewachsen und ausgebildet.<\/p>\n<p>Beat Richli hat \u00fcber 20 Jahre als Anwendungstechniker und Datenbankingenieur gearbeitet. Heute ist er als Entwickler freiberuflich t\u00e4tig. Sie haben ein Code-Problem &#8230; er l\u00f6st es f\u00fcr Sie.<\/p>\n<p>Petra Richli ist freiberufliche Grafikdesignerin. Sie hat in vielen Bereichen des Grafik- und Webdesigns gearbeitet, studiert und ist eine hochqualifizierte Probleml\u00f6serin f\u00fcr alle designbezogenen Aufgaben.<\/p>\n<p>Qualifiziertes technisches Wissen gepaart mit modernem zeitgen\u00f6ssischen Design:\u00a0das Geschwisterteam ist die perfekte Wahl f\u00fcr Ihre Webseiten-Projekte.[\/vc_column_text]\n\t\t\t<div class=\"ult_dual_button  vc_custom_1632876558476 ult-adjust-bottom-margin to-left  \"  data-response=\"off\" id=\"ult_btn_2879262291\">\n\n\t\t\t<div id=\"dualbtn-5369\" class=\"ulitmate_dual_buttons ult-dual-btn ult_main_dualbtn \" data-bcolor=\"#333333\"data-bhcolor=\"\">\n\n\t\t\t<div class=\"ult_dualbutton-wrapper btn-inline place-template bt1 \"><a href=\"https:\/\/petrarichli.com\/de\/angebot-webseiten-erstellung-webseiten-paket\/\" title=\"Angebot Webseiten Erstellung \u2013 Kleines Webseiten Paket &amp; Standard Paket\"  class=\"ult_ivan_button round-square with-icon icon-before with-text place-template ult_dual1\" style=\";margin-right:px;;background-color:#ffffff !important;; border-color:#333333;border-style:;border-width:0px;border-radius:px;;\">\n\t\t\t<span class=\"ult-dual-btn-1 Style 1\" style=\"\"  data-bgcolor=\"#ffffff\" data-bghovercolor=\"#bcbcbc\" data-icon_color=\"#333333\" data-icon_hover_color=\"#333333\" data-textcolor=\"#333333\" data-texthovercolor=\"#333333\" data-iconbgcolor=\"transperent\" data-iconbghovercolor=\"transperent\" data-iconborder=\"transperent\" data-iconhoverborder=\"transperent\" >\n\t\t\t<span class=\"icon-simple icon-left1 ult_btn1span ult-dual-btn-no-icon\"  style=\";padding-left:0px; \"><\/span>\n\t\t\t<span class=\"text-btn ult-dual-button-title ult-responsive\"  data-ultimate-target='#dualbtn-5369 .ult-dual-button-title'  data-responsive-json-new='{\"font-size\":\"desktop:15px;\",\"line-height\":\"desktop:15px;\"}'  style=\"font-weight:normal;color:#333333;\">Webseiten Pakete<\/span>\n\n\t\t\t<\/span>\n\t\t\t<\/a><span class=\"middle-text\" style=\"line-height: 1.8em;color:#ffffff;background-color:#333333;border-width:0px;\">\n\t\t\t<span class=\"middle-inner\"  >or<\/span>\n\t\t\t<\/span>\n\n\t\t\t<\/div>\n\n\t\t\t<div class=\"ult_dualbutton-wrapper btn-inline place-template btn2 \"><a href=\"https:\/\/petrarichli.com\/de\/kontaktieren-sie-uns\/\" title=\"Kontaktiere Sie uns \u2013 Grafik-Designerin und Entwickler\"  class=\"ult_ivan_button round-square with-icon icon-after with-text place-template ult_dual2\"  style=\";background-color:#ffffff !important;;margin-left:px;;border-color:#333333;border-style:;border-width:0px;border-radius:px;\">\n\t\t\t<span class=\"ult-dual-btn-2 Style 1\"  data-bgcolor=\"#ffffff\" data-bghovercolor=\"#bcbcbc\" data-icon_color=\"#333333\" data-icon_hover_color=\"#333333\" data-textcolor=\"#333333\" data-texthovercolor=\"#333333\" data-iconbgcolor=\"transperent\" data-iconbghovercolor=\"transperent\" data-iconborder=\"transperent\" data-iconhoverborder=\"transperent\" >\n\t\t\t<span class=\"text-btn ult-dual-button-title\" style=\"font-weight:normal;color:#333333;\">Kontakt<\/span>\n\n\t\t\t<span class=\"icon-simple icon-right2 ult_btn1span ult-dual-btn-no-icon\"  style=\";padding-left:0px; \"><\/span>\n\t\t\t<\/span>\n\t\t\t<\/a><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row content_placement=&#8220;middle&#8220; css=&#8220;.vc_custom_1625881658066{padding-top: 4% !important;padding-bottom: 4% !important;}&#8220; el_id=&#8220;business-websites&#8220;][vc_column width=&#8220;1\/3&#8243;][vc_column_text css=&#8220;.vc_custom_1632877484410{margin-bottom: 0px !important;padding-bottom: 0px !important;}&#8220;]<\/p>\n<h2 style=\"text-align: left;\">Gesch\u00e4fts-Webseiten<\/h2>\n<p>[\/vc_column_text]<div class=\"ult-spacer spacer-69ec36ca83696\" data-id=\"69ec36ca83696\" data-height=\"0\" data-height-mobile=\"20\" data-height-tab=\"0\" data-height-tab-portrait=\"40\" data-height-mobile-landscape=\"30\" style=\"clear:both;display:block;\"><\/div>[\/vc_column][vc_column width=&#8220;2\/3&#8243;]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.gradient-overlay-layout-list .post-entry-content {\n  -webkit-backface-visibility: hidden;\n  transform: translatez(0);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content {\n  top: 20px;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.dividers-on:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.dividers-on:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n  padding-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.hover-scale article:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.gradient-overlay-layout-list article {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .post-thumbnail-wrap *,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .post-thumbnail-rollover:after {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.bottom-overlap-layout-list.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-links-container {\n  height: calc(100% - 100px);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-links-container a {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n  border-radius: 100px;\n  margin: 10px 5px 10px;\n}\n.content-rollover-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-links-container a,\n.gradient-overlay-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-links-container a {\n  margin: 10px 10px 10px 0;\n}\n.dt-icon-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-links-container a:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-hover-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-links-container a:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .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-b528383e336e16f850e882301f65c21b .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-b528383e336e16f850e882301f65c21b .project-links-container a > span,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-links-container a > span:before {\n  font-size: 10px;\n  line-height: 32px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-links-container a:not(:hover) > span {\n  color: #ffffff;\n}\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-links-container a > span,\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.dt-icon-hover-on.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .entry-title,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: bold;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .entry-title a,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .entry-meta {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .portfolio-categories {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .entry-excerpt {\n  margin-bottom: 5px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b:not(.centered-layout-list) .post-entry-content {\n  padding: 10px 10px 10px 10px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b: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-b528383e336e16f850e882301f65c21b.gradient-overlay-layout-list .post-entry-content {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .post-details.details-type-link,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b 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-b528383e336e16f850e882301f65c21b.dividers-on article {\n    border: none;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .post-entry-content:after {\n    display: none;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .project-even .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.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-b528383e336e16f850e882301f65c21b.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-b528383e336e16f850e882301f65c21b.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-b528383e336e16f850e882301f65c21b .post-entry-content {\n    padding: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    font-size: 16px;\n    line-height: 26px;\n    line-height: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 12px;\n  grid-column-gap: 12px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b: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-b528383e336e16f850e882301f65c21b:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 6px;\n  box-sizing: border-box;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 12px;\n  grid-row-gap: 12px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.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-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid {\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 2px;\n}\n@media screen and (max-width: 1199px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 991px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}<\/style><div class=\"portfolio-shortcode portfolio-masonry-shortcode-id-b528383e336e16f850e882301f65c21b mode-grid gradient-overlay-layout-list content-bg-on jquery-filter content-align-center dt-icon-bg-on dt-icon-border-on dt-icon-hover-on dt-icon-hover-border-on dt-icon-hover-bg-on quick-scale-img meta-info-off dt-css-grid-wrap enable-bg-rollover resize-by-browser-width  vc_custom_1632873333569 hover-fade loading-effect-fade-in description-on-hover\" data-padding=\"6px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"3\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"2\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><div class=\"visible wf-cell\" data-post-id=\"32384\" data-date=\"2021-09-01T17:02:54-07:00\" data-name=\"Hilfsorganisation Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-32384 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-390\" data-name=\"Hilfsorganisation Webseite (Web-Design Portfolio)\" data-date=\"2021-09-01T17:02:54-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/hilfsorganisation-webseite-webdesign-portfolio\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2021\/07\/petra-richli_website-designer_humanitarian-aid-organization-website-portfolio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2021\/07\/petra-richli_website-designer_humanitarian-aid-organization-website-portfolio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2021\/07\/petra-richli_website-designer_humanitarian-aid-organization-website-portfolio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Hilfsorganisation Webseite Portfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Hilfsorganisation Webseite &#8211; Design Portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/hilfsorganisation-webseite-webdesign-portfolio\/\" target=\"\" title=\"Hilfsorganisation Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Hilfsorganisation Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/hilfsorganisation-webseite-webdesign-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29501\" data-date=\"2020-09-12T20:35:50-07:00\" data-name=\"Virtual Reality Game Room Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29501 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Virtual Reality Game Room Webseite (Web-Design Portfolio)\" data-date=\"2020-09-12T20:35:50-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/virtual-reality-game-room-webseite-portfolio\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petrarichli_webdesigner_virtual-reality-game-room_webdesign-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petrarichli_webdesigner_virtual-reality-game-room_webdesign-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petrarichli_webdesigner_virtual-reality-game-room_webdesign-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Virtual Reality Room Website Portfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Virtual Reality Game Room Webseite Portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/virtual-reality-game-room-webseite-portfolio\/\" target=\"\" title=\"Virtual Reality Game Room Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Virtual Reality Game Room Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/virtual-reality-game-room-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29750\" data-date=\"2020-09-04T18:03:36-07:00\" data-name=\"Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29750 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)\" data-date=\"2020-09-04T18:03:36-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/bildungs-und-lernstiftung-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_education-foundation_website-portfolioa-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_education-foundation_website-portfolioa-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_education-foundation_website-portfolioa-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Education Foundation Website Design Screenshot by Petra Richli\" title=\"Petra Richli Web Designer &#8211; Bildungs- und Lernstiftung Webseite Design Portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/bildungs-und-lernstiftung-webseite\/\" target=\"\" title=\"Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Bildungs- und Lernstiftung Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/bildungs-und-lernstiftung-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29586\" data-date=\"2019-07-11T20:26:38-07:00\" data-name=\"Finanzberatung Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29586 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Finanzberatung Webseite (Web-Design Portfolio)\" data-date=\"2019-07-11T20:26:38-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/finanzberatung-webseite-portfolio\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_financial-advisor-website_portfolio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_financial-advisor-website_portfolio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_financial-advisor-website_portfolio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Finanzberatung Webseite\" title=\"Petra Richli &#8211; Web Designer &#8211; Finanzberatung Webseite\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/finanzberatung-webseite-portfolio\/\" target=\"\" title=\"Finanzberatung Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Finanzberatung Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/finanzberatung-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"9244\" data-date=\"2018-06-08T15:49:09-07:00\" data-name=\"Job Agentur Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-9244 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Job Agentur Webseite (Web-Design Portfolio)\" data-date=\"2018-06-08T15:49:09-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-job-agentur-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-graphic-designer-job-agency-website-portfolio-folio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-graphic-designer-job-agency-website-portfolio-folio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-graphic-designer-job-agency-website-portfolio-folio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"job agency website design\" title=\"petrarichli &#8211; job agency website portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-job-agentur-webseite\/\" target=\"\" title=\"Job Agentur Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Job Agentur Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-job-agentur-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"8199\" data-date=\"2018-03-20T11:24:15-07:00\" data-name=\"Hunde Zahnreinigung Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-8199 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Hunde Zahnreinigung Webseite (Web-Design Portfolio)\" data-date=\"2018-03-20T11:24:15-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-hunde-zahnreinigung-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2016\/10\/Website-for-Dog-Teeth-Cleaning-Folio02-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2016\/10\/Website-for-Dog-Teeth-Cleaning-Folio02-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2016\/10\/Website-for-Dog-Teeth-Cleaning-Folio02-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"\" title=\"website-for-dog-teeth-cleaning-folio02\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-hunde-zahnreinigung-webseite\/\" target=\"\" title=\"Hunde Zahnreinigung Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Hunde Zahnreinigung Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-hunde-zahnreinigung-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"5047\" data-date=\"2018-03-11T15:58:06-07:00\" data-name=\"Reiseb\u00fcro Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-5047 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Reiseb\u00fcro Webseite (Web-Design Portfolio)\" data-date=\"2018-03-11T15:58:06-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-reisebuero-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/senatravel_folio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/senatravel_folio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/senatravel_folio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"New Website for a Travel Agency - Webdesign Portfolio\" title=\"Webdesign Portfolio &#8211; for Travel Agency\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-reisebuero-webseite\/\" target=\"\" title=\"Reiseb\u00fcro Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Reiseb\u00fcro Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-reisebuero-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"5007\" data-date=\"2018-01-23T23:55:58-08:00\" data-name=\"Computer Supporter Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-5007 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Computer Supporter Webseite (Web-Design Portfolio)\" data-date=\"2018-01-23T23:55:58-08:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-computer-supporter-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/Piroit_folio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/Piroit_folio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/Piroit_folio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"New Website for IT Business - Webdesign Portfolio\" title=\"New Website for IT Business\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-computer-supporter-webseite\/\" target=\"\" title=\"Computer Supporter Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Computer Supporter Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-computer-supporter-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"5015\" data-date=\"2018-01-12T00:11:14-08:00\" data-name=\"Neue Maler Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-5015 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-geschaefts-webseiten dt_portfolio_category-webseiten dt_portfolio_category-390 dt_portfolio_category-82\" data-name=\"Neue Maler Webseite (Web-Design Portfolio)\" data-date=\"2018-01-12T00:11:14-08:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-maler-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/farbenprofis_folio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/farbenprofis_folio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/farbenprofis_folio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"New Website for Painting Services - Webdesign Portfolio\" title=\"New Website for Painting Services\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-maler-webseite\/\" target=\"\" title=\"Neue Maler Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Neue Maler Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-maler-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8220;stretch_row&#8220; content_placement=&#8220;middle&#8220; css=&#8220;.vc_custom_1625881795545{padding-top: 4% !important;padding-bottom: 4% !important;}&#8220; el_class=&#8220;bg_grey&#8220; el_id=&#8220;ecommerce-shops&#8220;][vc_column offset=&#8220;vc_hidden-lg vc_hidden-md vc_hidden-sm&#8220;][vc_column_text css=&#8220;.vc_custom_1632874612531{margin-bottom: 0px !important;padding-bottom: 0px !important;}&#8220;]<\/p>\n<h2 style=\"text-align: left;\">E-Commerce und Online-Shops<\/h2>\n<p>[\/vc_column_text]<div class=\"ult-spacer spacer-69ec36ca8db6f\" data-id=\"69ec36ca8db6f\" data-height=\"0\" data-height-mobile=\"20\" data-height-tab=\"0\" data-height-tab-portrait=\"40\" data-height-mobile-landscape=\"30\" style=\"clear:both;display:block;\"><\/div>[\/vc_column][vc_column width=&#8220;2\/3&#8243;]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.gradient-overlay-layout-list .post-entry-content {\n  -webkit-backface-visibility: hidden;\n  transform: translatez(0);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content {\n  top: 20px;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.dividers-on:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.dividers-on:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n  padding-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.hover-scale article:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.gradient-overlay-layout-list article {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .post-thumbnail-wrap *,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .post-thumbnail-rollover:after {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.bottom-overlap-layout-list.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-links-container {\n  height: calc(100% - 100px);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-links-container a {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n  border-radius: 100px;\n  margin: 10px 5px 10px;\n}\n.content-rollover-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-links-container a,\n.gradient-overlay-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-links-container a {\n  margin: 10px 10px 10px 0;\n}\n.dt-icon-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-links-container a:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-hover-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-links-container a:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .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-16a6c1c8d66b6b7325b25979e8568888 .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-16a6c1c8d66b6b7325b25979e8568888 .project-links-container a > span,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-links-container a > span:before {\n  font-size: 10px;\n  line-height: 32px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-links-container a:not(:hover) > span {\n  color: #ffffff;\n}\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-links-container a > span,\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.dt-icon-hover-on.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .entry-title,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: bold;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .entry-title a,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .entry-meta {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .portfolio-categories {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .entry-excerpt {\n  margin-bottom: 5px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888:not(.centered-layout-list) .post-entry-content {\n  padding: 10px 10px 10px 10px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888: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-16a6c1c8d66b6b7325b25979e8568888.gradient-overlay-layout-list .post-entry-content {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .post-details.details-type-link,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 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-16a6c1c8d66b6b7325b25979e8568888.dividers-on article {\n    border: none;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .post-entry-content:after {\n    display: none;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .project-even .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.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-16a6c1c8d66b6b7325b25979e8568888.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-16a6c1c8d66b6b7325b25979e8568888.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-16a6c1c8d66b6b7325b25979e8568888 .post-entry-content {\n    padding: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    font-size: 16px;\n    line-height: 26px;\n    line-height: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 12px;\n  grid-column-gap: 12px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888: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-16a6c1c8d66b6b7325b25979e8568888:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 6px;\n  box-sizing: border-box;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 12px;\n  grid-row-gap: 12px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.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-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid {\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 2px;\n}\n@media screen and (max-width: 1199px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 991px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}<\/style><div class=\"portfolio-shortcode portfolio-masonry-shortcode-id-16a6c1c8d66b6b7325b25979e8568888 mode-grid gradient-overlay-layout-list content-bg-on jquery-filter content-align-center dt-icon-bg-on dt-icon-border-on dt-icon-hover-on dt-icon-hover-border-on dt-icon-hover-bg-on quick-scale-img meta-info-off dt-css-grid-wrap enable-bg-rollover resize-by-browser-width  vc_custom_1625879967918 hover-fade loading-effect-fade-in description-on-hover\" data-padding=\"6px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"3\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"2\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><div class=\"visible wf-cell\" data-post-id=\"30369\" data-date=\"2020-09-05T05:58:28-07:00\" data-name=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)\"><article class=\"post visible forward-post post-30369 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-e-commerce-und-online-shops dt_portfolio_category-webseiten dt_portfolio_category-391 dt_portfolio_category-82\" data-name=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)\" data-date=\"2020-09-05T05:58:28-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webshop-fuer-pflanzliche-nahrungsergaenzungsmittel-2\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/06\/petra-richli_webdesigner_herbal-supplement-store-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/06\/petra-richli_webdesigner_herbal-supplement-store-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/06\/petra-richli_webdesigner_herbal-supplement-store-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel Portfolio\" title=\"Petra Richli &#8211; Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webshop-fuer-pflanzliche-nahrungsergaenzungsmittel-2\/\" target=\"\" title=\"Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)\" rel=\"bookmark\">Webshop f\u00fcr Pflanzliche Nahrungserg\u00e4nzungsmittel (Webdesign Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webshop-fuer-pflanzliche-nahrungsergaenzungsmittel-2\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"30259\" data-date=\"2020-08-30T18:37:36-07:00\" data-name=\"Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)\"><article class=\"post visible forward-post post-30259 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-e-commerce-und-online-shops dt_portfolio_category-webseiten dt_portfolio_category-391 dt_portfolio_category-82\" data-name=\"Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)\" data-date=\"2020-08-30T18:37:36-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/online-shop-fuer-geburtstafeln-webdesign-portfolio\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_online-shop-for-baby-name-signs-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_online-shop-for-baby-name-signs-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_online-shop-for-baby-name-signs-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Online-Shop f\u00fcr Geburtstafeln WebseitePortfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Online-Shop f\u00fcr Geburtstafeln Webseite Portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/online-shop-fuer-geburtstafeln-webdesign-portfolio\/\" target=\"\" title=\"Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)\" rel=\"bookmark\">Online-Shop f\u00fcr Geburtstafeln (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/online-shop-fuer-geburtstafeln-webdesign-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29507\" data-date=\"2019-03-11T20:50:46-07:00\" data-name=\"Rasierklingen Club Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29507 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-e-commerce-und-online-shops dt_portfolio_category-webseiten dt_portfolio_category-391 dt_portfolio_category-82\" data-name=\"Rasierklingen Club Webseite (Web-Design Portfolio)\" data-date=\"2019-03-11T20:50:46-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/rasierklingen-club-webseite-portfolio\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_shave-club-website-design-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_shave-club-website-design-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_shave-club-website-design-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Rasierklingen Club Webseite\" title=\"Petra Richli Web Designer &#8211; Rasierklingen Club Webseite\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/rasierklingen-club-webseite-portfolio\/\" target=\"\" title=\"Rasierklingen Club Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Rasierklingen Club Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/rasierklingen-club-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"28987\" data-date=\"2018-07-24T19:10:31-07:00\" data-name=\"Wildnis \u00dcberlebenstechniken Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-28987 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-e-commerce-und-online-shops dt_portfolio_category-webseiten dt_portfolio_category-391 dt_portfolio_category-82\" data-name=\"Wildnis \u00dcberlebenstechniken Webseite (Web-Design Portfolio)\" data-date=\"2018-07-24T19:10:31-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/ueberlebenstechniken-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/07\/petrarichli_webdesigner_wild-skills-website-designer_portfolio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/07\/petrarichli_webdesigner_wild-skills-website-designer_portfolio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/07\/petrarichli_webdesigner_wild-skills-website-designer_portfolio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"wild skills website design portfolio\" title=\"Petra Richli Web Designer &#8211; Wilderness Webseite Portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/ueberlebenstechniken-webseite\/\" target=\"\" title=\"Wildnis \u00dcberlebenstechniken Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Wildnis \u00dcberlebenstechniken Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/ueberlebenstechniken-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"9296\" data-date=\"2018-05-08T16:59:52-07:00\" data-name=\"Mountain Bike Kleider Shop (Web-Design Portfolio)\"><article class=\"post visible forward-post post-9296 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-e-commerce-und-online-shops dt_portfolio_category-webseiten dt_portfolio_category-391 dt_portfolio_category-82\" data-name=\"Mountain Bike Kleider Shop (Web-Design Portfolio)\" data-date=\"2018-05-08T16:59:52-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-mountain-bike-kleider-shop-website\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-webdesigner-mountain-bike-clothing-shop-folio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-webdesigner-mountain-bike-clothing-shop-folio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-webdesigner-mountain-bike-clothing-shop-folio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Mountain Bike Clothing Shop Website, Trail, black and red colortheme\" title=\"petrarichli &#8211; mountain bike clothing shop website &#8211; portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-mountain-bike-kleider-shop-website\/\" target=\"\" title=\"Mountain Bike Kleider Shop (Web-Design Portfolio)\" rel=\"bookmark\">Mountain Bike Kleider Shop (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-mountain-bike-kleider-shop-website\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][vc_column width=&#8220;1\/3&#8243; offset=&#8220;vc_hidden-xs&#8220;][vc_column_text css=&#8220;.vc_custom_1632874559358{margin-bottom: 0px !important;padding-bottom: 0px !important;}&#8220;]<\/p>\n<h2 style=\"text-align: left;\">E-Commerce und Online-Shops<\/h2>\n<p>[\/vc_column_text]<div class=\"ult-spacer spacer-69ec36ca922fe\" data-id=\"69ec36ca922fe\" data-height=\"0\" data-height-mobile=\"20\" data-height-tab=\"0\" data-height-tab-portrait=\"40\" data-height-mobile-landscape=\"30\" style=\"clear:both;display:block;\"><\/div>[\/vc_column][\/vc_row][vc_row content_placement=&#8220;middle&#8220; css=&#8220;.vc_custom_1625881883428{padding-top: 4% !important;padding-bottom: 4% !important;}&#8220; el_id=&#8220;consulting-websites&#8220;][vc_column width=&#8220;1\/3&#8243;][vc_column_text css=&#8220;.vc_custom_1632874822939{margin-bottom: 0px !important;padding-bottom: 0px !important;}&#8220;]<\/p>\n<h2 style=\"text-align: left;\">Beratungs- und Coaching-Webseiten<\/h2>\n<p>[\/vc_column_text]<div class=\"ult-spacer spacer-69ec36ca92321\" data-id=\"69ec36ca92321\" data-height=\"0\" data-height-mobile=\"20\" data-height-tab=\"0\" data-height-tab-portrait=\"40\" data-height-mobile-landscape=\"30\" style=\"clear:both;display:block;\"><\/div>[\/vc_column][vc_column width=&#8220;2\/3&#8243;]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.gradient-overlay-layout-list .post-entry-content {\n  -webkit-backface-visibility: hidden;\n  transform: translatez(0);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content {\n  top: 20px;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.dividers-on:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.dividers-on:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n  padding-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.hover-scale article:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.gradient-overlay-layout-list article {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .post-thumbnail-wrap *,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .post-thumbnail-rollover:after {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.bottom-overlap-layout-list.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-links-container {\n  height: calc(100% - 100px);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-links-container a {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n  border-radius: 100px;\n  margin: 10px 5px 10px;\n}\n.content-rollover-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-links-container a,\n.gradient-overlay-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-links-container a {\n  margin: 10px 10px 10px 0;\n}\n.dt-icon-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-links-container a:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-hover-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-links-container a:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .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-6be11f00cc295a25f9a4499251860db1 .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-6be11f00cc295a25f9a4499251860db1 .project-links-container a > span,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-links-container a > span:before {\n  font-size: 10px;\n  line-height: 32px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-links-container a:not(:hover) > span {\n  color: #ffffff;\n}\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-links-container a > span,\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.dt-icon-hover-on.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .entry-title,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: bold;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .entry-title a,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .entry-meta {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .portfolio-categories {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .entry-excerpt {\n  margin-bottom: 5px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1:not(.centered-layout-list) .post-entry-content {\n  padding: 10px 10px 10px 10px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1: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-6be11f00cc295a25f9a4499251860db1.gradient-overlay-layout-list .post-entry-content {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .post-details.details-type-link,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 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-6be11f00cc295a25f9a4499251860db1.dividers-on article {\n    border: none;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .post-entry-content:after {\n    display: none;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .project-even .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.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-6be11f00cc295a25f9a4499251860db1.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-6be11f00cc295a25f9a4499251860db1.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-6be11f00cc295a25f9a4499251860db1 .post-entry-content {\n    padding: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    font-size: 16px;\n    line-height: 26px;\n    line-height: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 12px;\n  grid-column-gap: 12px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1: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-6be11f00cc295a25f9a4499251860db1:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 6px;\n  box-sizing: border-box;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 12px;\n  grid-row-gap: 12px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.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-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid {\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 2px;\n}\n@media screen and (max-width: 1199px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 991px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}<\/style><div class=\"portfolio-shortcode portfolio-masonry-shortcode-id-6be11f00cc295a25f9a4499251860db1 mode-grid gradient-overlay-layout-list content-bg-on jquery-filter content-align-center dt-icon-bg-on dt-icon-border-on dt-icon-hover-on dt-icon-hover-border-on dt-icon-hover-bg-on quick-scale-img meta-info-off dt-css-grid-wrap enable-bg-rollover resize-by-browser-width  vc_custom_1625879913377 hover-fade loading-effect-fade-in description-on-hover\" data-padding=\"6px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"3\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"2\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><div class=\"visible wf-cell\" data-post-id=\"30266\" data-date=\"2020-06-30T12:48:29-07:00\" data-name=\"Unternehmensberatung Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-30266 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-beratungs-und-coaching-webseiten dt_portfolio_category-webseiten dt_portfolio_category-393 dt_portfolio_category-82\" data-name=\"Unternehmensberatung Webseite (Web-Design Portfolio)\" data-date=\"2020-06-30T12:48:29-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/unternehmensberatung-firma-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_management-consulting-company-website-design-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_management-consulting-company-website-design-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/02\/petra-richli_webdesigner_management-consulting-company-website-design-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Unternehmensberatung Webseite Portfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Unternehmensberatung Webseite Design\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/unternehmensberatung-firma-webseite\/\" target=\"\" title=\"Unternehmensberatung Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Unternehmensberatung Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/unternehmensberatung-firma-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29515\" data-date=\"2020-04-15T20:52:41-07:00\" data-name=\"Pers\u00f6nlichkeits- &amp; Life Coach Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29515 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-beratungs-und-coaching-webseiten dt_portfolio_category-webseiten dt_portfolio_category-393 dt_portfolio_category-82\" data-name=\"Pers\u00f6nlichkeits- &#038; Life Coach Webseite (Web-Design Portfolio)\" data-date=\"2020-04-15T20:52:41-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/persoenlichkeits-life-coach-webseite-portfolio\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_live-coach-website-design-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_live-coach-website-design-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_live-coach-website-design-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Pers\u00f6nlichkeits- &amp; Life Coach Webseite Portfolio created by Petra Richli\" title=\"Petra Richli &#8211; Web Designer &#8211; Pers\u00f6nlichkeits- &#038; Life Coach Webseite Portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/persoenlichkeits-life-coach-webseite-portfolio\/\" target=\"\" title=\"Pers\u00f6nlichkeits- &#038; Life Coach Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Pers\u00f6nlichkeits- &#038; Life Coach Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/persoenlichkeits-life-coach-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29520\" data-date=\"2018-11-11T20:32:47-08:00\" data-name=\"Spiritual Wellness Coach Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29520 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-beratungs-und-coaching-webseiten dt_portfolio_category-webseiten dt_portfolio_category-393 dt_portfolio_category-82\" data-name=\"Spiritual Wellness Coach Webseite (Web-Design Portfolio)\" data-date=\"2018-11-11T20:32:47-08:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/spiritual-wellness-coach-webseite-portfolio\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_spiritual-wellness-coach-website-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_spiritual-wellness-coach-website-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/07\/petra-richli_webdesigner_spiritual-wellness-coach-website-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Spiritual Wellness Coach Website Design\" title=\"Petra Richli &#8211; Web Designer &#8211; Spiritual Wellness Coach\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/spiritual-wellness-coach-webseite-portfolio\/\" target=\"\" title=\"Spiritual Wellness Coach Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Spiritual Wellness Coach Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/spiritual-wellness-coach-webseite-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"9415\" data-date=\"2018-04-09T03:25:44-07:00\" data-name=\"Kids Mediachoaching Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-9415 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-beratungs-und-coaching-webseiten dt_portfolio_category-webseiten dt_portfolio_category-393 dt_portfolio_category-82\" data-name=\"Kids Mediachoaching Webseite (Web-Design Portfolio)\" data-date=\"2018-04-09T03:25:44-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-kids-mediachoaching-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-kids-mediacoaching-website-2-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-kids-mediacoaching-website-2-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-kids-mediacoaching-website-2-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Kids Mediachoaching Website, black\/blue\/white colortheme\" title=\"petrarichli website portfolio &#8211; kids mediachoaching webseite &#8211; start\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-kids-mediachoaching-webseite\/\" target=\"\" title=\"Kids Mediachoaching Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Kids Mediachoaching Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-kids-mediachoaching-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"8372\" data-date=\"2018-03-31T23:19:17-07:00\" data-name=\"Pers\u00f6nlichkeits-Entwicklung Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-8372 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-beratungs-und-coaching-webseiten dt_portfolio_category-webseiten dt_portfolio_category-393 dt_portfolio_category-82\" data-name=\"Pers\u00f6nlichkeits-Entwicklung Webseite (Web-Design Portfolio)\" data-date=\"2018-03-31T23:19:17-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-persoenlichkeits-entwicklung-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2017\/04\/personal-counseling-firm-vancouver-webdesign-folio01-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2017\/04\/personal-counseling-firm-vancouver-webdesign-folio01-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2017\/04\/personal-counseling-firm-vancouver-webdesign-folio01-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"personal counseling firm website, webdesigner for hire portfolio\" title=\"petrarichli &#8211; personal counseling firm website webdesign &#8211; portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-persoenlichkeits-entwicklung-webseite\/\" target=\"\" title=\"Pers\u00f6nlichkeits-Entwicklung Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Pers\u00f6nlichkeits-Entwicklung Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-persoenlichkeits-entwicklung-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8220;stretch_row&#8220; content_placement=&#8220;middle&#8220; css=&#8220;.vc_custom_1625881919802{padding-top: 4% !important;padding-bottom: 4% !important;}&#8220; el_class=&#8220;bg_grey&#8220; el_id=&#8220;food-gastronomy&#8220;][vc_column offset=&#8220;vc_hidden-lg vc_hidden-md vc_hidden-sm&#8220;][vc_column_text css=&#8220;.vc_custom_1632875152528{margin-bottom: 0px !important;padding-bottom: 0px !important;}&#8220;]<\/p>\n<h2 style=\"text-align: left;\">Lebensmittel- und Gastronomie-Webseiten<\/h2>\n<p>[\/vc_column_text]<div class=\"ult-spacer spacer-69ec36ca979a1\" data-id=\"69ec36ca979a1\" data-height=\"0\" data-height-mobile=\"20\" data-height-tab=\"0\" data-height-tab-portrait=\"40\" data-height-mobile-landscape=\"30\" style=\"clear:both;display:block;\"><\/div>[\/vc_column][vc_column width=&#8220;2\/3&#8243;]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.gradient-overlay-layout-list .post-entry-content {\n  -webkit-backface-visibility: hidden;\n  transform: translatez(0);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content {\n  top: 20px;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.dividers-on:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.dividers-on:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n  padding-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.hover-scale article:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.gradient-overlay-layout-list article {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .post-thumbnail-wrap *,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .post-thumbnail-rollover:after {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.bottom-overlap-layout-list.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container {\n  height: calc(100% - 100px);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container a {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n  border-radius: 100px;\n  margin: 10px 5px 10px;\n}\n.content-rollover-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container a,\n.gradient-overlay-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container a {\n  margin: 10px 10px 10px 0;\n}\n.dt-icon-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container a:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-hover-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container a:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .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-9a5b03d8f7e5f4097f9249aabcc3866e .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-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container a > span,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container a > span:before {\n  font-size: 10px;\n  line-height: 32px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container a:not(:hover) > span {\n  color: #ffffff;\n}\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container a > span,\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.dt-icon-hover-on.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .entry-title,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: bold;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .entry-title a,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .entry-meta {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .portfolio-categories {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .entry-excerpt {\n  margin-bottom: 5px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e:not(.centered-layout-list) .post-entry-content {\n  padding: 10px 10px 10px 10px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e: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-9a5b03d8f7e5f4097f9249aabcc3866e.gradient-overlay-layout-list .post-entry-content {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .post-details.details-type-link,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e 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-9a5b03d8f7e5f4097f9249aabcc3866e.dividers-on article {\n    border: none;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .post-entry-content:after {\n    display: none;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .project-even .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.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-9a5b03d8f7e5f4097f9249aabcc3866e.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-9a5b03d8f7e5f4097f9249aabcc3866e.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-9a5b03d8f7e5f4097f9249aabcc3866e .post-entry-content {\n    padding: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    font-size: 16px;\n    line-height: 26px;\n    line-height: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 12px;\n  grid-column-gap: 12px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e: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-9a5b03d8f7e5f4097f9249aabcc3866e:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 6px;\n  box-sizing: border-box;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 12px;\n  grid-row-gap: 12px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.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-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid {\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 2px;\n}\n@media screen and (max-width: 1199px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 991px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}<\/style><div class=\"portfolio-shortcode portfolio-masonry-shortcode-id-9a5b03d8f7e5f4097f9249aabcc3866e mode-grid gradient-overlay-layout-list content-bg-on jquery-filter content-align-center dt-icon-bg-on dt-icon-border-on dt-icon-hover-on dt-icon-hover-border-on dt-icon-hover-bg-on quick-scale-img meta-info-off dt-css-grid-wrap enable-bg-rollover resize-by-browser-width  vc_custom_1625879955290 hover-fade loading-effect-fade-in description-on-hover\" data-padding=\"6px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"3\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"2\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><div class=\"visible wf-cell\" data-post-id=\"32327\" data-date=\"2021-07-09T15:01:02-07:00\" data-name=\"Catering Unternehmens Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-32327 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-lebensmittel-und-gastronomie-webseiten dt_portfolio_category-394\" data-name=\"Catering Unternehmens Webseite (Web-Design Portfolio)\" data-date=\"2021-07-09T15:01:02-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/catering-unternehmens-webseite-webdesign-portfolio\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2021\/07\/petra-richli_website-designer_food-catering-company-website-portfolio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2021\/07\/petra-richli_website-designer_food-catering-company-website-portfolio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2021\/07\/petra-richli_website-designer_food-catering-company-website-portfolio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Catering Unternehmens-Webseite Portfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Catering Unternehmens-Webseite Portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/catering-unternehmens-webseite-webdesign-portfolio\/\" target=\"\" title=\"Catering Unternehmens Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Catering Unternehmens Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/catering-unternehmens-webseite-webdesign-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29135\" data-date=\"2018-12-23T05:51:59-08:00\" data-name=\"Boutique B&amp;B Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29135 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-lebensmittel-und-gastronomie-webseiten dt_portfolio_category-webseiten dt_portfolio_category-394 dt_portfolio_category-82\" data-name=\"Boutique B&#038;B Webseite (Web-Design Portfolio)\" data-date=\"2018-12-23T05:51:59-08:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/boutique-bb-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/12\/petra-richli_bb-website-design-portfolio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/12\/petra-richli_bb-website-design-portfolio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/12\/petra-richli_bb-website-design-portfolio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Boutique B&amp;B Webdesign Portfolio\" title=\"Petra Richli Web Designer &#8211; Boutique B&#038;B Webdesign Portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/boutique-bb-webseite\/\" target=\"\" title=\"Boutique B&#038;B Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Boutique B&#038;B Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/boutique-bb-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"9300\" data-date=\"2018-06-08T17:06:13-07:00\" data-name=\"All Natural Eisdiele Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-9300 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-lebensmittel-und-gastronomie-webseiten dt_portfolio_category-webseiten dt_portfolio_category-394 dt_portfolio_category-82\" data-name=\"All Natural Eisdiele Webseite (Web-Design Portfolio)\" data-date=\"2018-06-08T17:06:13-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-eisdiele-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-graphic-ice-cream-parlor-website-folio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-graphic-ice-cream-parlor-website-folio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-graphic-ice-cream-parlor-website-folio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Ice Cream Parlor Website Design\" title=\"petrarichli &#8211; ice cream parlor website &#8211; portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-eisdiele-webseite\/\" target=\"\" title=\"All Natural Eisdiele Webseite (Web-Design Portfolio)\" rel=\"bookmark\">All Natural Eisdiele Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-eisdiele-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"5024\" data-date=\"2018-06-07T20:43:40-07:00\" data-name=\"Moderne Restaurant Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-5024 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-lebensmittel-und-gastronomie-webseiten dt_portfolio_category-webseiten dt_portfolio_category-394 dt_portfolio_category-82\" data-name=\"Moderne Restaurant Webseite (Web-Design Portfolio)\" data-date=\"2018-06-07T20:43:40-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/web-design-restaurant-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/04\/petrarichli-webdesign-portfolio-for-restaurant-website-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/04\/petrarichli-webdesign-portfolio-for-restaurant-website-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/04\/petrarichli-webdesign-portfolio-for-restaurant-website-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"restaurant website, spanish restaurant\" title=\"petrarichli &#8211; modern restaurant website &#8211; portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/web-design-restaurant-webseite\/\" target=\"\" title=\"Moderne Restaurant Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Moderne Restaurant Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/web-design-restaurant-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"8321\" data-date=\"2018-04-02T23:18:46-07:00\" data-name=\"B\u00e4ckerei Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-8321 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-lebensmittel-und-gastronomie-webseiten dt_portfolio_category-webseiten dt_portfolio_category-394 dt_portfolio_category-82\" data-name=\"B\u00e4ckerei Webseite (Web-Design Portfolio)\" data-date=\"2018-04-02T23:18:46-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-baeckerei-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2017\/04\/bakery-vancouver-webdesign-folio01-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2017\/04\/bakery-vancouver-webdesign-folio01-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2017\/04\/bakery-vancouver-webdesign-folio01-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Artisan Bakery Website, \u200baffordable web designer vancouver\" title=\"petrarichli &#8211; webdesigner for hire &#8211; artisan bakery website design &#8211; portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-baeckerei-webseite\/\" target=\"\" title=\"B\u00e4ckerei Webseite (Web-Design Portfolio)\" rel=\"bookmark\">B\u00e4ckerei Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-baeckerei-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][vc_column width=&#8220;1\/3&#8243; offset=&#8220;vc_hidden-xs&#8220;][vc_column_text css=&#8220;.vc_custom_1632875165329{margin-bottom: 0px !important;padding-bottom: 0px !important;}&#8220;]<\/p>\n<h2 style=\"text-align: left;\">Lebensmittel- und Gastronomie-Webseiten<\/h2>\n<p>[\/vc_column_text]<div class=\"ult-spacer spacer-69ec36ca9d1d4\" data-id=\"69ec36ca9d1d4\" data-height=\"0\" data-height-mobile=\"20\" data-height-tab=\"0\" data-height-tab-portrait=\"40\" data-height-mobile-landscape=\"30\" style=\"clear:both;display:block;\"><\/div>[\/vc_column][\/vc_row][vc_row content_placement=&#8220;middle&#8220; css=&#8220;.vc_custom_1625881965901{padding-top: 4% !important;padding-bottom: 4% !important;}&#8220; el_id=&#8220;creative-websites&#8220;][vc_column width=&#8220;1\/3&#8243;][vc_column_text css=&#8220;.vc_custom_1632875246894{margin-bottom: 0px !important;padding-bottom: 0px !important;}&#8220;]<\/p>\n<h2 style=\"text-align: left;\">Kreative Webseiten und Portfolios<\/h2>\n<p>[\/vc_column_text]<div class=\"ult-spacer spacer-69ec36ca9d1f3\" data-id=\"69ec36ca9d1f3\" data-height=\"0\" data-height-mobile=\"20\" data-height-tab=\"0\" data-height-tab-portrait=\"40\" data-height-mobile-landscape=\"30\" style=\"clear:both;display:block;\"><\/div>[\/vc_column][vc_column width=&#8220;2\/3&#8243;]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.gradient-overlay-layout-list .post-entry-content {\n  -webkit-backface-visibility: hidden;\n  transform: translatez(0);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content {\n  top: 20px;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.dividers-on:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.dividers-on:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n  padding-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.hover-scale article:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.gradient-overlay-layout-list article {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-thumbnail-wrap *,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-thumbnail-rollover:after {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.bottom-overlap-layout-list.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container {\n  height: calc(100% - 100px);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container a {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n  border-radius: 100px;\n  margin: 10px 5px 10px;\n}\n.content-rollover-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container a,\n.gradient-overlay-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container a {\n  margin: 10px 10px 10px 0;\n}\n.dt-icon-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container a:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-hover-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container a:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .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-b8a0c9c75c496ab9c39ffff9eb93f8aa .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-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container a > span,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container a > span:before {\n  font-size: 10px;\n  line-height: 32px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container a:not(:hover) > span {\n  color: #ffffff;\n}\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container a > span,\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.dt-icon-hover-on.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .entry-title,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: bold;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .entry-title a,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .entry-meta {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .portfolio-categories {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .entry-excerpt {\n  margin-bottom: 5px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa:not(.centered-layout-list) .post-entry-content {\n  padding: 10px 10px 10px 10px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa: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-b8a0c9c75c496ab9c39ffff9eb93f8aa.gradient-overlay-layout-list .post-entry-content {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-details.details-type-link,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa 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-b8a0c9c75c496ab9c39ffff9eb93f8aa.dividers-on article {\n    border: none;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-entry-content:after {\n    display: none;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .project-even .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.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-b8a0c9c75c496ab9c39ffff9eb93f8aa.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-b8a0c9c75c496ab9c39ffff9eb93f8aa.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-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-entry-content {\n    padding: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    font-size: 16px;\n    line-height: 26px;\n    line-height: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 12px;\n  grid-column-gap: 12px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa: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-b8a0c9c75c496ab9c39ffff9eb93f8aa:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 6px;\n  box-sizing: border-box;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 12px;\n  grid-row-gap: 12px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.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-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid {\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 2px;\n}\n@media screen and (max-width: 1199px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 991px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}<\/style><div class=\"portfolio-shortcode portfolio-masonry-shortcode-id-b8a0c9c75c496ab9c39ffff9eb93f8aa mode-grid gradient-overlay-layout-list content-bg-on jquery-filter content-align-center dt-icon-bg-on dt-icon-border-on dt-icon-hover-on dt-icon-hover-border-on dt-icon-hover-bg-on quick-scale-img meta-info-off dt-css-grid-wrap enable-bg-rollover resize-by-browser-width  vc_custom_1625880050362 hover-fade loading-effect-fade-in description-on-hover\" data-padding=\"6px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"3\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"2\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><div class=\"visible wf-cell\" data-post-id=\"29433\" data-date=\"2020-07-03T23:08:58-07:00\" data-name=\"Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29433 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-kreative-webseiten-und-portfolios dt_portfolio_category-webseiten dt_portfolio_category-392 dt_portfolio_category-82\" data-name=\"Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)\" data-date=\"2020-07-03T23:08:58-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/wildnis-faehigkeiten-event-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/06\/petrarichli_webdesigner_wild-skils-event-website-design-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/06\/petrarichli_webdesigner_wild-skils-event-website-design-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/06\/petrarichli_webdesigner_wild-skils-event-website-design-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Wildnis F\u00e4higkeiten Event Webseite Portfolio created by Petra Richli\" title=\"Petra Richli Web Designer &#8211; Wildnis F\u00e4higkeiten Event Webseite: Home Layout\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/wildnis-faehigkeiten-event-webseite\/\" target=\"\" title=\"Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Wildnis F\u00e4higkeiten Event Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/wildnis-faehigkeiten-event-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"29696\" data-date=\"2020-04-13T19:27:59-07:00\" data-name=\"Professioneller Sprecher Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-29696 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-kreative-webseiten-und-portfolios dt_portfolio_category-webseiten dt_portfolio_category-392 dt_portfolio_category-82\" data-name=\"Professioneller Sprecher Webseite (Web-Design Portfolio)\" data-date=\"2020-04-13T19:27:59-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/professioneller-sprecher-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_voice-actor-website-desgin_portfolio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_voice-actor-website-desgin_portfolio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2019\/10\/petra-richli_webdesigner_voice-actor-website-desgin_portfolio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Professioneller Sprecher Webseite created by Petra Richli\" title=\"Petra Richli Web Designer &#8211; Professioneller Sprecher Webseite &#8211; Portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/professioneller-sprecher-webseite\/\" target=\"\" title=\"Professioneller Sprecher Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Professioneller Sprecher Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/professioneller-sprecher-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"9376\" data-date=\"2018-05-14T23:54:42-07:00\" data-name=\"Konzept Art Portfolio\u00a0Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-9376 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-kreative-webseiten-und-portfolios dt_portfolio_category-webseiten dt_portfolio_category-392 dt_portfolio_category-82\" data-name=\"Konzept Art Portfolio\u00a0Webseite (Web-Design Portfolio)\" data-date=\"2018-05-14T23:54:42-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-konzept-art-portfolio-webseite-2\/\" 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%20378%20249&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-webdesign-for-concept-artist-portfolio01-378x249.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-webdesign-for-concept-artist-portfolio01-378x249.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-webdesign-for-concept-artist-portfolio01-567x374.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 249\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"concept artist portfolio website\" title=\"petrarichli &#8211; webdesign for concept artist portfolio &#8211; start\" width=\"378\" height=\"249\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-konzept-art-portfolio-webseite-2\/\" target=\"\" title=\"Konzept Art Portfolio\u00a0Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Konzept Art Portfolio\u00a0Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-konzept-art-portfolio-webseite-2\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"9274\" data-date=\"2018-05-08T16:19:52-07:00\" data-name=\"Spiel Entwickler Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-9274 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-kreative-webseiten-und-portfolios dt_portfolio_category-webseiten dt_portfolio_category-392 dt_portfolio_category-82\" data-name=\"Spiel Entwickler Webseite (Web-Design Portfolio)\" data-date=\"2018-05-08T16:19:52-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/spiel-entwickler-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-graphic-designer-game-devolper-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-graphic-designer-game-devolper-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-graphic-designer-game-devolper-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Game Developer Website Design\" title=\"petrarichli &#8211; game developer website screenshot &#8211; portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/spiel-entwickler-webseite\/\" target=\"\" title=\"Spiel Entwickler Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Spiel Entwickler Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/spiel-entwickler-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"9450\" data-date=\"2018-03-18T04:58:30-07:00\" data-name=\"Mehrsprachige Lebenslauf Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-9450 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-kreative-webseiten-und-portfolios dt_portfolio_category-webseiten dt_portfolio_category-392 dt_portfolio_category-82\" data-name=\"Mehrsprachige Lebenslauf Webseite (Web-Design Portfolio)\" data-date=\"2018-03-18T04:58:30-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-mehrsprachige-lebenslauf-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/02\/petrarichli-webdesign-resume-website-portfolio0-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/02\/petrarichli-webdesign-resume-website-portfolio0-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/02\/petrarichli-webdesign-resume-website-portfolio0-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"personal resume website design, web designer for hire\" title=\"petrarichli &#8211; personal resume website portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-mehrsprachige-lebenslauf-webseite\/\" target=\"\" title=\"Mehrsprachige Lebenslauf Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Mehrsprachige Lebenslauf Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-mehrsprachige-lebenslauf-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8220;stretch_row&#8220; content_placement=&#8220;middle&#8220; css=&#8220;.vc_custom_1625882033633{padding-top: 4% !important;padding-bottom: 4% !important;}&#8220; el_class=&#8220;bg_grey&#8220; el_id=&#8220;adventure-sport&#8220;][vc_column offset=&#8220;vc_hidden-lg vc_hidden-md vc_hidden-sm&#8220;][vc_column_text css=&#8220;.vc_custom_1632875287830{margin-bottom: 0px !important;padding-bottom: 0px !important;}&#8220;]<\/p>\n<h2 style=\"text-align: left;\">Abenteuer- und Sport-Webseiten<\/h2>\n<p>[\/vc_column_text]<div class=\"ult-spacer spacer-69ec36caa2035\" data-id=\"69ec36caa2035\" data-height=\"0\" data-height-mobile=\"20\" data-height-tab=\"0\" data-height-tab-portrait=\"40\" data-height-mobile-landscape=\"30\" style=\"clear:both;display:block;\"><\/div>[\/vc_column][vc_column width=&#8220;2\/3&#8243;]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.gradient-overlay-layout-list .post-entry-content {\n  -webkit-backface-visibility: hidden;\n  transform: translatez(0);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content {\n  top: 20px;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.dividers-on:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.dividers-on:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n  padding-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.hover-scale article:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.gradient-overlay-layout-list article {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .post-thumbnail-wrap *,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .post-thumbnail-rollover:after {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.bottom-overlap-layout-list.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-links-container {\n  height: calc(100% - 100px);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-links-container a {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n  border-radius: 100px;\n  margin: 10px 5px 10px;\n}\n.content-rollover-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-links-container a,\n.gradient-overlay-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-links-container a {\n  margin: 10px 10px 10px 0;\n}\n.dt-icon-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-links-container a:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-hover-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-links-container a:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .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-40535a9222416c19428955d55edce008 .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-40535a9222416c19428955d55edce008 .project-links-container a > span,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-links-container a > span:before {\n  font-size: 10px;\n  line-height: 32px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-links-container a:not(:hover) > span {\n  color: #ffffff;\n}\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-links-container a > span,\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.dt-icon-hover-on.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .entry-title,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.owl-carousel .entry-title {\n  margin-bottom: 5px;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: bold;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .entry-title a,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .entry-meta {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .portfolio-categories {\n  margin-bottom: 15px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .entry-excerpt {\n  margin-bottom: 5px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008:not(.centered-layout-list) .post-entry-content {\n  padding: 10px 10px 10px 10px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008: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-40535a9222416c19428955d55edce008.gradient-overlay-layout-list .post-entry-content {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .post-details.details-type-link,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 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-40535a9222416c19428955d55edce008.dividers-on article {\n    border: none;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .post-entry-content:after {\n    display: none;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .project-even .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.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-40535a9222416c19428955d55edce008.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-40535a9222416c19428955d55edce008.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-40535a9222416c19428955d55edce008 .post-entry-content {\n    padding: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    font-size: 16px;\n    line-height: 26px;\n    line-height: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 12px;\n  grid-column-gap: 12px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008: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-40535a9222416c19428955d55edce008:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 6px;\n  box-sizing: border-box;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 12px;\n  grid-row-gap: 12px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.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-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid {\n  margin: -6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 33.333333333333%;\n  padding: 6px;\n}\n.cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(33.333333333333%) * 2;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 2px;\n}\n@media screen and (max-width: 1199px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 991px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 33.333333333333%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(33.333333333333%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}<\/style><div class=\"portfolio-shortcode portfolio-masonry-shortcode-id-40535a9222416c19428955d55edce008 mode-grid gradient-overlay-layout-list content-bg-on jquery-filter content-align-center dt-icon-bg-on dt-icon-border-on dt-icon-hover-on dt-icon-hover-border-on dt-icon-hover-bg-on quick-scale-img meta-info-off dt-css-grid-wrap enable-bg-rollover resize-by-browser-width  vc_custom_1625880111648 hover-fade loading-effect-fade-in description-on-hover\" data-padding=\"6px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"none\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"3\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"2\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><div class=\"visible wf-cell\" data-post-id=\"30841\" data-date=\"2020-08-31T05:53:43-07:00\" data-name=\"Physiotherapie Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-30841 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-abenteuer-und-sport-webseiten dt_portfolio_category-webseiten dt_portfolio_category-389 dt_portfolio_category-82\" data-name=\"Physiotherapie Webseite (Web-Design Portfolio)\" data-date=\"2020-08-31T05:53:43-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/physiotherapie-webseite-design-portfolio\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petra-richli_webdesigner_physiotherapist-website-design-portfolio-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petra-richli_webdesigner_physiotherapist-website-design-portfolio-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/09\/petra-richli_webdesigner_physiotherapist-website-design-portfolio-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Physiotherapist Webseite Design Portfolio\" title=\"Petra Richli &#8211; Web Designer &#8211; Physiotherapeut Webseite &#8211; Portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/physiotherapie-webseite-design-portfolio\/\" target=\"\" title=\"Physiotherapie Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Physiotherapie Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/physiotherapie-webseite-design-portfolio\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"9325\" data-date=\"2018-06-08T22:26:21-07:00\" data-name=\"Gef\u00fchrte Wanderungen Website (Web-Design Portfolio)\"><article class=\"post visible forward-post post-9325 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-abenteuer-und-sport-webseiten dt_portfolio_category-webseiten dt_portfolio_category-389 dt_portfolio_category-82\" data-name=\"Gef\u00fchrte Wanderungen Website (Web-Design Portfolio)\" data-date=\"2018-06-08T22:26:21-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-gefuehrte-wanderungen-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-webdesigner-guided-hiking-tours-website-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-webdesigner-guided-hiking-tours-website-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-freelance-webdesigner-guided-hiking-tours-website-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"Guided Hiking Tours Website Design, green brown color theme\" title=\"petrarichli &#8211; guided hiking tours website &#8211; portfolio\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-gefuehrte-wanderungen-webseite\/\" target=\"\" title=\"Gef\u00fchrte Wanderungen Website (Web-Design Portfolio)\" rel=\"bookmark\">Gef\u00fchrte Wanderungen Website (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-gefuehrte-wanderungen-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"9434\" data-date=\"2018-05-09T04:17:08-07:00\" data-name=\"Fitness Studio Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-9434 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-abenteuer-und-sport-webseiten dt_portfolio_category-webseiten dt_portfolio_category-389 dt_portfolio_category-82\" data-name=\"Fitness Studio Webseite (Web-Design Portfolio)\" data-date=\"2018-05-09T04:17:08-07:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-fitness-studio-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-boutiqu-fitness-studio-website-portfolio-01-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-boutiqu-fitness-studio-website-portfolio-01-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2018\/06\/petrarichli-boutiqu-fitness-studio-website-portfolio-01-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"boutique fitness studio website design\" title=\"petrarichli &#8211; freelance webdesigner &#8211; design for boutique fitness studio website\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-fitness-studio-webseite\/\" target=\"\" title=\"Fitness Studio Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Fitness Studio Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-fitness-studio-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"5010\" data-date=\"2018-01-26T23:29:02-08:00\" data-name=\"Wald Jogging Webseite (Web-Design Portfolio)\"><article class=\"post visible forward-post post-5010 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-abenteuer-und-sport-webseiten dt_portfolio_category-webseiten dt_portfolio_category-389 dt_portfolio_category-82\" data-name=\"Wald Jogging Webseite (Web-Design Portfolio)\" data-date=\"2018-01-26T23:29:02-08:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-wald-jogging-webseite\/\" 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%20378%20252&#39;%2F%3E\" data-src=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/Trails_Folio01-378x252.jpg\" data-srcset=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/Trails_Folio01-378x252.jpg 378w, https:\/\/petrarichli.com\/wp-content\/uploads\/2015\/04\/Trails_Folio01-567x378.jpg 567w\" loading=\"eager\" style=\"--ratio: 378 \/ 252\" sizes=\"(max-width: 378px) 100vw, 378px\" alt=\"New Website for Running - Webdesign Portfolio\" title=\"New Website for Running\" width=\"378\" height=\"252\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-wald-jogging-webseite\/\" target=\"\" title=\"Wald Jogging Webseite (Web-Design Portfolio)\" rel=\"bookmark\">Wald Jogging Webseite (Web-Design Portfolio)<\/a>\n\t<\/h3>\n\n\t\n\t<a class=\"post-details details-type-link\" href=\"https:\/\/petrarichli.com\/de\/portfolio\/webdesign-wald-jogging-webseite\/\" target=\"\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n<\/div><\/article><\/div><\/div><!-- iso-container|iso-grid --><\/div>[\/vc_column][vc_column width=&#8220;1\/3&#8243; offset=&#8220;vc_hidden-xs&#8220;][vc_column_text css=&#8220;.vc_custom_1632875280522{margin-bottom: 0px !important;padding-bottom: 0px !important;}&#8220;]<\/p>\n<h2 style=\"text-align: left;\">Abenteuer- und Sport-Webseiten<\/h2>\n<p>[\/vc_column_text]<div class=\"ult-spacer spacer-69ec36caa5e4f\" data-id=\"69ec36caa5e4f\" data-height=\"0\" data-height-mobile=\"20\" data-height-tab=\"0\" data-height-tab-portrait=\"40\" data-height-mobile-landscape=\"30\" style=\"clear:both;display:block;\"><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8220;stretch_row&#8220; el_class=&#8220;bg_blue&#8220;][vc_column][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8220;2\/3&#8243; offset=&#8220;vc_col-sm-offset-2&#8243;][vc_column_text css=&#8220;.vc_custom_1632872892711{margin-bottom: 10px !important;padding-bottom: 0px !important;}&#8220;] Webdesign Portfolio \u00dcbersicht [\/vc_column_text][vc_column_text] Ein Webdesigner-Team mit jahrelanger Erfahrung in der Erstellung von modernen und mobile-first Webseiten f\u00fcr Ihr Unternehmen oder Projekt. [\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8220;stretch_row_content&#8220;][vc_column offset=&#8220;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-xs&#8220;][\/vc_column][vc_column offset=&#8220;vc_hidden-lg vc_hidden-md vc_hidden-sm&#8220;][\/vc_column][\/vc_row][vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220; content_placement=&#8220;middle&#8220; css=&#8220;.vc_custom_1625845860822{margin-top: 3% !important;}&#8220;][vc_column offset=&#8220;vc_col-md-6 vc_col-sm-offset-0&#8243;][\/vc_column][vc_column el_class=&#8220;bg_blue&#8220; offset=&#8220;vc_col-md-6&#8243;][vc_row_inner][vc_column_inner width=&#8220;5\/6&#8243; offset=&#8220;vc_col-lg-offset-2 vc_col-lg-8 vc_col-sm-offset-1 vc_col-xs-offset-1 vc_col-xs-10&#8243;][vc_column_text] Wir sind:&hellip;<\/p>\n","protected":false},"author":4,"featured_media":30191,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4525","page","type-page","status-publish","has-post-thumbnail","hentry","description-off"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Webseiten Portfolio \u00dcbersicht - langj\u00e4hrige Erfahrung in Web Design<\/title>\n<meta name=\"description\" content=\"Wir haben langj\u00e4hrige Erfahrung in Web Design und bereits \u00fcber 150 Webseiten erstellt. Diverse Webseiten Pakete sind erh\u00e4ltlich.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webseiten Portfolio \u00dcbersicht - langj\u00e4hrige Erfahrung in Web Design\" \/>\n<meta property=\"og:description\" content=\"Wir haben langj\u00e4hrige Erfahrung in Web Design und bereits \u00fcber 150 Webseiten erstellt. Diverse Webseiten Pakete sind erh\u00e4ltlich.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Petra Richli\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/PetraRichliGraphicsWebsites123\/\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-04T04:06:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/01\/petra-richli_graphic-and-web-designer.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"478\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/webdesign-portfolio-uebersicht-2\\\/\",\"url\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/webdesign-portfolio-uebersicht-2\\\/\",\"name\":\"Webseiten Portfolio \u00dcbersicht - langj\u00e4hrige Erfahrung in Web Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/webdesign-portfolio-uebersicht-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/webdesign-portfolio-uebersicht-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/petrarichli.com\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/petra-richli_graphic-and-web-designer.jpg\",\"datePublished\":\"2021-10-02T11:27:25+00:00\",\"dateModified\":\"2021-10-04T04:06:23+00:00\",\"description\":\"Wir haben langj\u00e4hrige Erfahrung in Web Design und bereits \u00fcber 150 Webseiten erstellt. Diverse Webseiten Pakete sind erh\u00e4ltlich.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/webdesign-portfolio-uebersicht-2\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/petrarichli.com\\\/de\\\/webdesign-portfolio-uebersicht-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/webdesign-portfolio-uebersicht-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/petrarichli.com\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/petra-richli_graphic-and-web-designer.jpg\",\"contentUrl\":\"https:\\\/\\\/petrarichli.com\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/petra-richli_graphic-and-web-designer.jpg\",\"width\":700,\"height\":478,\"caption\":\"petra richli freelance graphic designer vancouver\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/webdesign-portfolio-uebersicht-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign Portfolio \u00dcbersicht\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/\",\"name\":\"Petra Richli\",\"description\":\"Professional Solutions for Print and Web\",\"publisher\":{\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/#organization\",\"name\":\"Petra Richli - Freelance Graphic Designer Vancouver\",\"url\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/petrarichli.com\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/PetraRichli_RGB500.png\",\"contentUrl\":\"https:\\\/\\\/petrarichli.com\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/PetraRichli_RGB500.png\",\"width\":500,\"height\":174,\"caption\":\"Petra Richli - Freelance Graphic Designer Vancouver\"},\"image\":{\"@id\":\"https:\\\/\\\/petrarichli.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/PetraRichliGraphicsWebsites123\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/petrarichli\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Webseiten Portfolio \u00dcbersicht - langj\u00e4hrige Erfahrung in Web Design","description":"Wir haben langj\u00e4hrige Erfahrung in Web Design und bereits \u00fcber 150 Webseiten erstellt. Diverse Webseiten Pakete sind erh\u00e4ltlich.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/","og_locale":"de_DE","og_type":"article","og_title":"Webseiten Portfolio \u00dcbersicht - langj\u00e4hrige Erfahrung in Web Design","og_description":"Wir haben langj\u00e4hrige Erfahrung in Web Design und bereits \u00fcber 150 Webseiten erstellt. Diverse Webseiten Pakete sind erh\u00e4ltlich.","og_url":"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/","og_site_name":"Petra Richli","article_publisher":"https:\/\/www.facebook.com\/PetraRichliGraphicsWebsites123\/","article_modified_time":"2021-10-04T04:06:23+00:00","og_image":[{"width":700,"height":478,"url":"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/01\/petra-richli_graphic-and-web-designer.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/","url":"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/","name":"Webseiten Portfolio \u00dcbersicht - langj\u00e4hrige Erfahrung in Web Design","isPartOf":{"@id":"https:\/\/petrarichli.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/#primaryimage"},"image":{"@id":"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/#primaryimage"},"thumbnailUrl":"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/01\/petra-richli_graphic-and-web-designer.jpg","datePublished":"2021-10-02T11:27:25+00:00","dateModified":"2021-10-04T04:06:23+00:00","description":"Wir haben langj\u00e4hrige Erfahrung in Web Design und bereits \u00fcber 150 Webseiten erstellt. Diverse Webseiten Pakete sind erh\u00e4ltlich.","breadcrumb":{"@id":"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/#primaryimage","url":"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/01\/petra-richli_graphic-and-web-designer.jpg","contentUrl":"https:\/\/petrarichli.com\/wp-content\/uploads\/2020\/01\/petra-richli_graphic-and-web-designer.jpg","width":700,"height":478,"caption":"petra richli freelance graphic designer vancouver"},{"@type":"BreadcrumbList","@id":"https:\/\/petrarichli.com\/de\/webdesign-portfolio-uebersicht-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/petrarichli.com\/de\/"},{"@type":"ListItem","position":2,"name":"Webdesign Portfolio \u00dcbersicht"}]},{"@type":"WebSite","@id":"https:\/\/petrarichli.com\/de\/#website","url":"https:\/\/petrarichli.com\/de\/","name":"Petra Richli","description":"Professional Solutions for Print and Web","publisher":{"@id":"https:\/\/petrarichli.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/petrarichli.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/petrarichli.com\/de\/#organization","name":"Petra Richli - Freelance Graphic Designer Vancouver","url":"https:\/\/petrarichli.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/petrarichli.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/petrarichli.com\/wp-content\/uploads\/2017\/01\/PetraRichli_RGB500.png","contentUrl":"https:\/\/petrarichli.com\/wp-content\/uploads\/2017\/01\/PetraRichli_RGB500.png","width":500,"height":174,"caption":"Petra Richli - Freelance Graphic Designer Vancouver"},"image":{"@id":"https:\/\/petrarichli.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/PetraRichliGraphicsWebsites123\/","https:\/\/www.linkedin.com\/in\/petrarichli"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages\/4525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/comments?post=4525"}],"version-history":[{"count":0,"href":"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/pages\/4525\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/media\/30191"}],"wp:attachment":[{"href":"https:\/\/petrarichli.com\/de\/wp-json\/wp\/v2\/media?parent=4525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}