var body = document.body; body.className += " u-body u-xxl-mode"; body.style.cssText += " "; var dataBg = ''; if (dataBg) { body.setAttribute('data-bg', dataBg); } Umbauten .card { width:100%; height:100%; } .articlecard { width:100%; margin:auto; height:430px; padding-bottom: 20px; margin-bottom: 20px; } .titleimage { background-size: cover; background-repeat:no-repeat; background-position: top center; height: 300px; margin-top: 0px; margin-left: 0px; margin-right: 0px; align-items: center; justify-content: center; } .greycard { position: relative; width: 500px; min-height: 240px; height: auto; padding:15px; background-size: auto; background-color:#f2f2f2; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -150px 20px -10px 110px; } .readmore { border-color: #284494 !important; border-bottom: 2px solid #284494; color: #284494 !important; background-color: transparent !important; padding: 8px; } .u-repeater { grid-template-columns: repeat(2, calc(50% - 10px)); grid-gap: 20px; } @media (max-width: 1400px) { .articlecard div, .articlecard h6 { font-size:1rem; } .greycard { width: 450px; min-height: 240px; padding:15px; margin: -150px 20px -10px 80px; } } @media (max-width: 1200px) { .articlecard div, .articlecard h6 { font-size:1rem; } .greycard { width: 350px; min-height: 240px; padding:15px; margin: -150px 20px -10px 80px; } } @media (max-width: 992px) { .articlecard { height:450px; } .articlecard div, .articlecard h6 { font-size:1rem; } .greycard { width: 600px; min-height: 240px; padding:15px; margin: -150px 20px -10px 80px; } .u-repeater { grid-template-columns: repeat(1, calc(100% - 0px)); grid-gap: 0px; } } @media (max-width: 768px) { .articlecard { height:auto; } .greycard { width: 450px; min-height: 240px; padding:15px; margin: -150px 20px -10px 80px; } .u-repeater { grid-template-columns: repeat(1, calc(100% - 0px)); grid-gap: 0px; } } @media (max-width: 576px) { .articlecard { height:auto; } .greycard { width: 350px; min-height: 240px; padding:15px; margin: -150px 20px -10px 30px; } .u-repeater { grid-template-columns: repeat(1, calc(100% - 0px)); grid-gap: 0px; } } @media (max-width: 540px) { .articlecard { height:auto; } .greycard { width: 350px; min-height: 240px; padding:15px; margin: -150px 20px -10px 30px; } .u-repeater { grid-template-columns: repeat(1, calc(100% - 0px)); grid-gap: 0px; } } Roosstrasse, Wollerau Baujahr 2022 Objekt anschauen Verenastrasse, Wollerau Baujahr 2021 Objekt anschauen Säntisstrasse, Oberrieden Baujahr 2020 Objekt anschauen Büroumbau, Zug Baujahr 2019 Objekt anschauen EFH, Talackerweg, Oberhasli Baujahr 2018 Objekt anschauen 23
