/**********************************************
* Ink v1.0.5 - Copyright 2013 ZURB Inc        *
**********************************************/

/* Client-specific Styles & Reset */

#outlook a {
    padding: 0;
}

body {
    width: 100% !important;
    min-width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
}

img {
    outline: none;
    text-decoration: none;
    -ms-interpolation-mode: bicubic;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: auto;
}

.spacer {
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    border-collapse: collapse !important;
    padding: 0;
    vertical-align: top;
    text-align: left;
    color: #131313;
    font-family: 'Myriad W01', Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    margin: 0;
    line-height: 24px;
    font-size: 18px;
}

hr {
    margin-top: 16px;
    margin-bottom: 0;
    border: none;
    border-bottom: solid #2A7C94 1px;
    width: 100%;
    overflow: hidden;
    height: 1px;
}

center {
    width: 100%;
    min-width: 580px;
}

.right {
    text-align: right;
}

a img {
    border: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td {
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    border-collapse: collapse !important;
}

table, tr, td {
    padding: 0;
    vertical-align: top;
    text-align: left;
}

hr {
    color: #D9D9D9;
    background-color: #D9D9D9;
    height: 1px;
    border: none;
}

/* Alignment & Visibility Classes */

table .center, td .center {
    text-align: center;
}

table .right, td .right, h1 .right {
    text-align: right;
}

h1 .center,
h2 .center,
h3 .center,
h4 .center,
h5 .center,
h6 .center {
    text-align: center;
}

span .center {
    display: block;
    width: 100%;
    text-align: center;
}

img .center {
    margin: 0 auto;
    float: none;
}

.show-for-small,
.hide-for-desktop {
    display: none;
}

/* Typography */

body, table .body, h1, h2, h3, h4, h5, h6, p, td {
    color: #444444;
    font-size: 17px;
    font-family: 'Myriad W01', Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.45em;
    font-weight: normal;
    padding: 0;
    margin: 0;
    text-align: left;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

.lead {
    margin: 0;
    margin-bottom: 6px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: .5em;
    margin-bottom: .1em;
    text-transform: none;
}

h1, h2, h3, h4, h5, h6 {
    word-break: normal;
    line-height: 1.2;
}

h1 {
    font-size: 32px;
    margin-bottom: 12px;
}

h2 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 15px;
}

h3 {
    font-size: 21px;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 8px;
}

h4 {
    font-size: 17px;
    font-weight: bold;
}

h5 {
    font-size: 14px;
    font-weight: bold;
}

h6 {
    font-size: 14px;
    font-weight: bold;
}

body, table.body, p, td {
    font-size: 14px;
    line-height: 19px;
}

p.lead, p.lede, p.leed {
    font-size: 18px;
    line-height: 21px;
}

p {
    margin-bottom: 0.1em;
}

small {
    font-size: 10px;
}

a {
    color: #0C4DA2;
    text-decoration: none;
}

a:hover {
    color: #85A6D0 !important;
}

a:active {
    color: #85A6D0 !important;
}

a:visited {
    color: #0C4DA2 !important;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #0C4DA2;
}

h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active {
    color: #0C4DA2 !important;
}

h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
    color: #0C4DA2 !important;
}

/* Panels */

td.wrapper {
    padding: 15px 20px 0px 0px;
    position: relative;
}

.panel {
    background: #F2F2F2;
    border: 1px solid #D9D9D9;
    padding: 10px !important;
}

.sub-grid table {
    width: 100%;
}

.sub-grid td.sub-columns {
    padding-bottom: 0;
}

/* Outlook First */

body.outlook p {
    display: inline !important;
}

table td .footer p {
    color: #FFFFFF;
    font-weight: normal;
    padding:12px;
}

table td .footerlink p {
    font-size: 11px;
    text-align: center;
}

/*-------------------------------------------------------------------------*/
/* Farben */

.bg-white {
    background-color: #FFFFFF;
}

.bg-grey {
    background-color: #F6F6F2;
}

.bg-lightblue {
    background-color: #D8EAEF;
}

.bg-blue {
    background-color: #287C94;
}

.bg-red {
    background-color: #A23951;
}

/*------------------------------------------------------------------------------------------------------*/
/* Button Definitionen */

.bg-red,
.bg-red h1,
.bg-red h2,
.bg-red h3,
.bg-red h4,
.bg-red a,
.bg-red p,
.bg-blue,
.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue a,
.bg-blue p,
.bg-blue .mask_contactbox .icon {
    color: #FFFFFF;
}

.bg-red a:hover,
.bg-red a:focus,
.bg-red a:active,
.bg-blue a:hover,
.bg-blue a:focus,
.bg-blue a:active {
    color: #CCCCCC;
}

.box {
    padding: 20px;
}

.box.big-box {
    padding: 55px 20px;
}

.mask_teaserboximage.box .hf-image-wrap {
    /* Box + Gridabstand * -1 */
    margin-top: -20px;
    margin-right: -20px;
    margin-left: -20px;
}

.mask_teaserboximage.box.big-box .hf-image-wrap {
    /* Box + Gridabstand * -1 */
    /*margin-top: -55px;*/
}

.mask_teaserboximage {
    margin-bottom: 26px;
}

.mask_teaserboximage .internal-link-button-secondary {
    border-color: #E0E0E0;
    background-color: transparent;
    color: #444444;
}

.internal-link-button-secondary, .internal-link-button {
    display: inline-block;
    padding: .625em 1.625em .5em;
    width: auto;
    border: 1px solid #6CA8BA;
    background-color: #6CA8BA;
    color: #FFFFFF;
    margin-top: 12px;
}

.internal-link-button-secondary {
    border-color: #E0E0E0;
    background-color: transparent;
    color: #444444;
}

.bg-red, .bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red a, .bg-blue, .bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue a, .bg-blue .mask_contactbox .icon {
    color: #FFFFFF;
}

.bg-red .internal-link-button-secondary, .bg-red button, .bg-red input[type="submit"], .bg-red input[type="reset"], .bg-red input[type="button"], .bg-blue .internal-link-button-secondary, .bg-blue button, .bg-blue input[type="submit"], .bg-blue input[type="reset"], .bg-blue input[type="button"] {
    border-color: #FFFFFF;
    color: #FFFFFF;
}