/**
 * Individual CSS which overwrites Zurb Foundation CSS
 */

* {
    font-family: 'Sora', Arial, Helvetica, sans-serif;
}
body { -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; padding-top: 1px; background: #f8f7f3 !important; font-family: 'Sora', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5; text-align:center; }
div.frame { width: 600px; margin: 0 auto; }
table { margin:0 auto;border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; border-spacing: 0; }
table td, table tr { border-collapse: collapse; }
table td { border-collapse: collapse; mso-line-height-rule: exactly; }
table td.w540 { width:540px; }
td[class="indent-40"] { padding: 0 40px !important; }
td[class="indent-40"] a:hover { color: #ffffff !important; }
figure { margin: 0; }
p { margin: 0; margin-top:0; margin-bottom: 25px; padding: 0; mso-line-height-rule: exactly; font-family: 'Sora', Arial, Helvetica, sans-serif; font-size: 18px !important; line-height: 26px !important; color: #484848 !important; }
h1, h2, h3, h4 { font-family: 'Sora', Arial, Helvetica, sans-serif; font-weight: 500; }
h1 { font-size: 35px; line-height: 45px; margin-top: 0; margin-bottom: 25px; color: #484848; }
h2 { font-size: 28px; line-height: 35px; margin-top: 25px; margin-bottom: 17px; color: #484848; }
h3 { font-size: 23px; margin-top: 20px; line-height: 30px; margin-bottom: 20px; color: #484848; }
h4 { font-size: 18px; line-height: 26px !important; margin-top: 15px; margin-bottom: 15px; color: #484848; font-weight: 700; }
div, p, span, strong, b, em, i, a, li, td { -webkit-text-size-adjust: none; }
a         { font-family: 'Sora', Arial, Helvetica, sans-serif; color: #ff6653; text-decoration: none; }
strong a  { font-weight: bold; }
a:link    { color: #ff6653; text-decoration: none; }
a:visited { color: #ff6653; text-decoration: none; }
a:focus   { color: #ff6653; }
a:hover   { color: #f18800; }
a[href^="tel"], a[href^="sms"] { text-decoration: none; color:#ff6653; pointer-events: none; cursor: default; }
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { color: #ff6653; pointer-events: auto; cursor: default; }
img { display:block !important; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; border:none; height: auto; line-height: 100%; vertical-align: bottom; }

.ce-bodytext > ul { list-style: none; padding-left: 0; }
.ce-bodytext > ul > li { list-style: none; padding: 0 0 4px 20px; background: url("https://www.fixpunkt.com/fileadmin/fp_basis/Images/listdot.png") no-repeat 0 7px; }

@media only screen and (max-width: 640px){
    body {
        width:auto !important;
    }
    table[class="container"], td[class="container"], div[class="frame"] {
        width: 95% !important;
        max-width: 540px;
    }
    table td.w540 {
        width: 100%;
    }
    td[class="indent-40"] {
        /*padding: 0 20px !important;*/
    }
    .textpic td {
        width: 100% !important;
        max-width: unset !important;
        display: block;
        padding-left: 0 !important;
    }
    h1 {
        font-size: 30px !important;
        line-height: 40px !important;
        color: #484848 !important;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    h2 {
        font-size: 23px !important;
        line-height: 32px !important;
        color: #484848 !important;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    h3 {
        font-size: 20px !important;
        line-height: 29px !important;
        color: #484848 !important;
    }
    img {
        max-width: 100% !important;
        height: auto;
    }
}
@media only screen and (max-width: 450px){
    p, h3, h4 {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}