001.08.6.8.1.149-Labor-Ludens
Michael-Becker-Architects-Architekten-Wasserturm-Donauwoerth-Ansicht
001.08.6.8.1.150-Haus-o-12

No. 150

Haus o 2020

Michael-Becker-Architects-Architekten-Bauernhausmuseum-Ammerang-Querschnitt
Michael-Becker-Architects-Architekten-Bauernhausmuseum-Wasserkraftwerk-02
Michael-Becker-Architects-Architekten-Kompetenzzentrum-t-04
ph.09 therme oberstdord

No. 142

Therme o 2019

Michael-Becker-Architects-Architekten-Gipfelstation-Nebelhorn-Grundriss-1
Michael-Becker-Architects-Architekten-Fertigungshalle-b-10
Michael-Becker-Architects-Architekten-Haus-sf-01

No. 122

Haus sf 2018

Michael-Becker-Architects-Architekten-Verbrauchermarkt-Rottenburg-Ansicht-Ost
Michael-Becker-Architects-Architekten-haus-kr-01

No. 076

Haus kr 2012

Michael-Becker-Architects-Architekten-Haus-s-01

No. 058

Haus s 2008

001.08.6.1.020-Gesser-A01.1

No. 020

Haus g 2004

Michael-Becker-Architects-Architekten-Haus-h-02

No. 006

Haus h 2001

 

  Mitglied des BDA - Bund Deutscher Architekten

(function($) { function initGrid(gridEl) { var $grid = $(gridEl); var $items = $grid.find('.masonry-item'); var isMobile = $(window).width() < 768; if (isMobile) { $items.find('.thumb-inner > img').css('height', 'auto'); return; } var gridWidth = $grid.find('.masonry').width(); var itemPadding = $items.first().css('padding-left'); var gutter = Number(itemPadding.replace('px', '')); var rows = [{ size: 0, items: [] }]; var current = 0; $items.each(function(index) { var $item = $(this); var itemSize = Number($item.attr('data-xl-width')); var newSize = rows[current].size + itemSize; if (newSize <= 12) { rows[current].size = newSize; rows[current].items.push(index); } else { current += 1; rows[current] = { size: itemSize, items: [index], } } }); rows.forEach(function(row) { var height = row.items.reduce(function(acc, itemIndex) { var $item = $items.eq(itemIndex); var $image = $item.find('.thumb-inner > img'); var itemSize = Number($item.attr('data-xl-width')); var height = Number($image.attr('height')); var width = Number($image.attr('width')); var realWidth = (gridWidth * itemSize / 12) - (gutter * 2); var realHeight = height * realWidth / width; var result = Math.floor(realHeight); return acc > result ? acc : result; }, 0); row.items.forEach(function(itemIndex) { var $item = $items.eq(itemIndex); var $image = $item.find('.thumb-inner > img'); $image.css({ transition: 'transform 0.3s ease', objectFit: 'cover', objectPosition: 'center', height: height + 'px' }); }); }); } function init() { var $gridElements = $('.sp-perfect-grid'); $gridElements.each(function() { initGrid(this); }); } $(document).ready(init); $(window).resize(init); })(jQuery);