Code: Alles auswählen
<style>
table[class="pattern"] {max-width:600px;}
@media only screen and (min-width: 599px)
{
td[class="pattern"] .img-produkt{ margin-left: 8%}
}
@media only screen and (max-width: 599px) {
td[class="pattern"] table { width: 100%; }
td[class="pattern"] img { width: 100%; height: auto !important; }
td[class="pattern"] .col { width: 48%; }
td[class="pattern"] .col:first-child { margin-right: 4%; }
td[class="pattern"] .col td { width: 70%; padding-right: 0 !important; }
td[class="pattern"] .col td:first-child { width: 50%;}
}
@media only screen and (max-width: 520px) {
td[class="pattern"] .img-produkt{margin-left: 10%}
td[class="pattern"] .col { width: 100%; display: block; padding-bottom: 0 !important; margin-bottom: 20px;}
td[class="pattern"] .col:first-child {margin-right: 0;}
td[class="pattern"] .row:last-child .col:last-child { margin-bottom: 0; }
td[class="pattern"] .abst { padding-left: 17px !important }
td[class="pattern"] .hide-menu { display: none; }
}
@media only screen and (max-width: 321px) {
td[class="pattern"] .hide { display: none; }
td[class="pattern"] .abst { padding-left: 17px !important }
}
</style>