leitprojekte-uebersicht

[et_pb_section bb_built=“1″ fullwidth=“on“ specialty=“off“ next_background_color=“#000000″][et_pb_fullwidth_code admin_label=“JS: This code wraps the title and caption in a container to allow for better positioning. You can leave it here or move to Divi > Theme Options > Integration > Add to head“ _builder_version=“3.0.105″]<script><!– [et_pb_line_break_holder] –>(function ($) {<!– [et_pb_line_break_holder] –> $(document).ready(function () {<!– [et_pb_line_break_holder] –> $(document).bind(‚ready ajaxComplete‘, function () {<!– [et_pb_line_break_holder] –> $(„.ds-masonry-portfolio .et_pb_portfolio_item“).each(function () {<!– [et_pb_line_break_holder] –> $(this).find(„.et_pb_module_header, .post-meta“).wrapAll(‚<div class=“ds-portfolio-text“></div>‘);<!– [et_pb_line_break_holder] –> });<!– [et_pb_line_break_holder] –> });<!– [et_pb_line_break_holder] –> });<!– [et_pb_line_break_holder] –>})(jQuery);<!– [et_pb_line_break_holder] –></script><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>[/et_pb_fullwidth_code][et_pb_fullwidth_code admin_label=“CSS: You can leave this here or move the code between the style tags to your child theme stylehseet or Divi > Theme Options > General > Custom CSS“ _builder_version=“3.0.105″]<style><!– [et_pb_line_break_holder] –>/*————————————————————–*/<!– [et_pb_line_break_holder] –>/*——-Masonry Filterable Portfolio Layout by Divi Soup——-*/<!– [et_pb_line_break_holder] –>/*————————————————————–*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Hide items until all loaded*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_item {<!– [et_pb_line_break_holder] –> display: none;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Set the number of columns*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_items {<!– [et_pb_line_break_holder] –> -webkit-columns: 14em; /*increase em values for less columns, decrease for more columns*/<!– [et_pb_line_break_holder] –> columns: 14em; /*increase em values for less columns, decrease for more columns*/<!– [et_pb_line_break_holder] –> -webkit-column-gap: 10px; /*space between columns*/<!– [et_pb_line_break_holder] –> column-gap: 10px; /*space between columns*/<!– [et_pb_line_break_holder] –> width: 100%;<!– [et_pb_line_break_holder] –> margin-bottom: 30px;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Size the items and add spacing*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_item {<!– [et_pb_line_break_holder] –> width: 100%;<!– [et_pb_line_break_holder] –> margin: 0;<!– [et_pb_line_break_holder] –> border-bottom: 10px solid transparent; /*space between images (should be same value as space between columns)*/<!– [et_pb_line_break_holder] –> overflow: hidden;<!– [et_pb_line_break_holder] –> -webkit-column-break-inside: avoid;<!– [et_pb_line_break_holder] –> break-inside: avoid-column;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Remove title spacing*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_item h2 {<!– [et_pb_line_break_holder] –> margin-top: 0;<!– [et_pb_line_break_holder] –> padding-bottom: 0;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Style the title and caption hover effect*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .ds-portfolio-text {<!– [et_pb_line_break_holder] –> position: absolute;<!– [et_pb_line_break_holder] –> top: 0;<!– [et_pb_line_break_holder] –> width: 100%;<!– [et_pb_line_break_holder] –> height: 100%;<!– [et_pb_line_break_holder] –> padding: 20px; /*padding around title and category*/<!– [et_pb_line_break_holder] –> background: rgba(255, 255, 255, .8); /*overlay colour on hover*/<!– [et_pb_line_break_holder] –> opacity: 0;<!– [et_pb_line_break_holder] –> display: -webkit-box;<!– [et_pb_line_break_holder] –> display: -ms-flexbox;<!– [et_pb_line_break_holder] –> display: flex;<!– [et_pb_line_break_holder] –> -webkit-box-orient: vertical;<!– [et_pb_line_break_holder] –> -webkit-box-direction: normal;<!– [et_pb_line_break_holder] –> -ms-flex-direction: column;<!– [et_pb_line_break_holder] –> flex-direction: column;<!– [et_pb_line_break_holder] –> -webkit-box-pack: center;<!– [et_pb_line_break_holder] –> -ms-flex-pack: center;<!– [et_pb_line_break_holder] –> justify-content: center;<!– [et_pb_line_break_holder] –> -webkit-transition: all .3s ease;<!– [et_pb_line_break_holder] –> transition: all .3s ease;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Activate hover effect*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_item:hover .ds-portfolio-text {<!– [et_pb_line_break_holder] –> opacity: 1;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Space the filters*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_filters ul {<!– [et_pb_line_break_holder] –> display: -webkit-box;<!– [et_pb_line_break_holder] –> display: -ms-flexbox;<!– [et_pb_line_break_holder] –> display: flex;<!– [et_pb_line_break_holder] –> -webkit-box-pack: justify;<!– [et_pb_line_break_holder] –> -ms-flex-pack: justify;<!– [et_pb_line_break_holder] –> justify-content: space-between;<!– [et_pb_line_break_holder] –> -ms-flex-wrap: wrap;<!– [et_pb_line_break_holder] –> flex-wrap: wrap;<!– [et_pb_line_break_holder] –> width: 100%;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_filters li {<!– [et_pb_line_break_holder] –> min-width: 20%; /*adjust percentage based on number of filters*/<!– [et_pb_line_break_holder] –> text-align: center;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*————————————————————–*/<!– [et_pb_line_break_holder] –>/*—–End Masonry Filterable Portfolio Layout by Divi Soup—–*/<!– [et_pb_line_break_holder] –>/*————————————————————–*/<!– [et_pb_line_break_holder] –></style>[/et_pb_fullwidth_code][/et_pb_section][et_pb_section bb_built=“1″ _builder_version=“3.0.47″ prev_background_color=“#000000″ disabled_on=“off|off|off“ disabled=“off“][et_pb_row _builder_version=“3.0.105″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ gutter_width=“1″][et_pb_column type=“4_4″][et_pb_filterable_portfolio posts_number=“40″ include_categories=“2,3,4,5,6″ show_categories=“on“ _builder_version=“3.0.105″ child_mix_blend_mode=“overlay“ show_title=“on“ show_pagination=“on“ fullwidth=“on“ zoom_icon_color=“#2ea3f2″ hover_overlay_color=“rgba(255,255,255,0.9)“ background_layout=“light“ disabled_on=“off|off|off“ disabled=“off“ caption_text_align=“center“ title_text_align=“center“ module_class=“ds-masonry-portfolio“ title_font=“|600||on|||||“ caption_font=“|||on|||||“ caption_text_color=“#282828″ filter_font=“|||on|||||“ /][/et_pb_column][/et_pb_row][/et_pb_section]