96
body {
background-color: #b1a18b;
margin: 0;
padding: 10px;
}
.header,
.title,
.subtitle,
.footer-text {
font-family: Helvetica, Arial, sans-serif;
}
.container-padding {
padding-left: 24px;
padding-right: 24px;
}
.header {
font-size: 21px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
color: #595959;
background: #ffffff;
font-family: Trebuchet, sans-serif;
text-align: center !important;
padding: 50px 0px 31px 0px;
line-height: 1.2;
text-decoration: none;
}
.header a {
font-size: 21px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
color: #595959;
font-family: Trebuchet, sans-serif;
text-decoration: none;
}
.header-image {
height: auto;
vertical-align: top;
border: none;
}
.full-width-header-image {
width: 100%;
display: block;
}
.footer-text,
.footer-text th,
.footer-text td,
.footer-text li {
font-size: 12px;
line-height: 16px;
color: #aaaaaa;
background: #b1a18b;
}
.footer-text a,
.footer-text th a,
.footer-text td a,
.footer-text li a {
color: #aaaaaa;
}
.container {
width: 600px;
max-width: 600px;
}
.content {
padding-top: 12px;
padding-bottom: 12px;
background-color: #f3f3f3;
}
code {
background-color: #eee;
padding: 0 4px;
font-family: Courier, monospace;
font-size: 12px;
}
hr {
border: 0;
border-bottom: 1px solid #cccccc;
}
.hr {
height: 1px;
border-bottom: 1px solid #cccccc;
}
h1 {
font-size: 19px;
font-weight: normal;
font-style: normal;
text-transform: none;
color: #343434;
font-family: Trebuchet, sans-serif;
text-align: left;
}
h2,
h3,
h4 {
font-size: 18px;
font-weight: normal;
font-style: normal;
text-transform: none;
color: #343434;
font-family: Trebuchet, sans-serif;
text-align: left;
}
.subtitle {
font-size: 16px;
font-weight: 600;
color: #2469A0;
}
.subtitle span {
font-weight: 400;
color: #999999;
}
.body-text,
.body-text td,
.body-text th,
.body-text li {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #878787;
font-weight: normal;
font-style: normal;
line-height: 1.5;
}
.body-text,
.body-text td,
.body-text th {
text-align: left;
}
a {
color: #777777;
font-weight: normal;
font-style: normal;
text-transform: none;
text-decoration: underline;
}
.body-text .content-twocol td,
.body-text .content-twocol h1,
.body-text .content-twocol h2,
.body-text .content-twocol h3,
.body-text .content-twocol h4 {
text-align: left;
vertical-align: top;
}
body {
margin: 0;
padding: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
table {
border-spacing: 0;
}
table td {
border-collapse: collapse;
}
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
.ReadMsgBody {
width: 100%;
background-color: #b1a18b;
}
table {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
.yshortcuts a {
border-bottom: none !important;
}
/**** ADD CSS HERE ****/
@media screen and (max-width: 599px) {
table[class=“force-row“],
table[class=“container“] {
width: 100% !important;
max-width: 100% !important;
}
}
@media screen and (max-width: 400px) {
td[class*=“container-padding“] {
padding-left: 12px !important;
padding-right: 12px !important;
}
.header-image {
max-width: 100% !important;
height: auto !important;
}
table[class*=“content-twocol“] {
float: none;
}
table[class*=“content-twocol“],
table[class*=“content-twocol“] p,
table[class*=“content-twocol“] h1,
table[class*=“content-twocol“] h2,
table[class*=“content-twocol“] h3,
table[class*=“content-twocol“] h4 {
text-align: left !important;
}
}
@media screen and (max-width: 400px) {
} /**** ADD MOBILE CSS HERE ****/
.ios-footer a {
color: #aaaaaa !important;
text-decoration: underline;
}
Fit und Balance
Neue Bestellung: #2465
|
||||||||||||||||||||||||||||||||||||||
