html {
    color: #000;
    background: #FFF;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td,
figure,
figcaption {
    margin: 0;
    padding: 0;
}

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

fieldset,
img {
    border: 0;
}

address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var {
    font: inherit; }

del,
ins {
    text-decoration: none; }

li {
    list-style: none; }

caption,
th {
    text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal; }

q:before,
q:after {
    content: ''; }

abbr,
acronym {
    border: 0;
    font-variant: normal; }

sup {
    vertical-align: baseline; }

sub {
    vertical-align: baseline; }

legend {
    color: inherit;
    *color: #000; }

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer; }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
    cursor: default; }

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0; }

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    vertical-align: top; }

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 16px; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word; }

.js-breakpoint:after,
.js-breakpoint {
    content: '{"mobile-portrait":"only screen and (max-width:425px)","mobile":"only screen and (max-width:740px)","not-mobile":"only screen and (min-width:741px)","only-mobile":"only screen and (max-width:740px)","tablet-portrait":"only screen and (max-width:850px)","tablet":"only screen and (max-width:1050px)","only-tablet":"only screen and (min-width:741px) and (max-width:1051px)","not-tablet":"only screen and (min-width:1051px)","desktop":"only screen and (min-width:1051px)","only-desktop":"only screen and (min-width:1051px)","retina":"only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)","highres":"print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi)","print":"print"}';
    font-family: '{"mobile-portrait":"only screen and (max-width:425px)","mobile":"only screen and (max-width:740px)","not-mobile":"only screen and (min-width:741px)","only-mobile":"only screen and (max-width:740px)","tablet-portrait":"only screen and (max-width:850px)","tablet":"only screen and (max-width:1050px)","only-tablet":"only screen and (min-width:741px) and (max-width:1051px)","not-tablet":"only screen and (min-width:1051px)","desktop":"only screen and (min-width:1051px)","only-desktop":"only screen and (min-width:1051px)","retina":"only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)","highres":"print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi)","print":"print"}'; }

/*!
 * 0. false will set the grid elements to inline-block if true flexbox (consider using autoprefixer for better bowser support)
 * 1. size of the gutter between the cols
 * 2. the gutter between the columns can be padding or margin
 * 3. the gutter can be on the right or the left side of every col
 * 4. Provides additional classes for the grid in order have different available gutter sizes
 * 5. Base font size used for the in-line-block gap fix: http://css-tricks.com/fighting-the-space-between-inline-block-elements/
 * 6. Slug used for the grid classes (l- for SMACSS layout), empty string for no slug
 * 7. If set to true, one push class per with will be available (margin-left)
 * 8. Generated col names & withs
 * 9. Breakpoints used in the grid (ideally reduced to a minimum)
 * 10. To avoid breaking the grid on Blackberry and some Firefox version you can set a rounding. 50% will be 50% - $rounding etc.. Set this to 0 if you don't need it.
 */
/**
 * remove removes element from list returns the others
 */
/**
 * mixin responsive-visibility
 * $visibility-breakpoints {[list]} list of breakpoints you want to interact with
 * $overwrite {[boolean]} if set true will generate classes that overwrite what ever visibility is active on that element
 *
 * exact:
 * @include responsive-visibility("only-mobile" "only-tablet" "only-desktop", true);
 *
 * up:
 * @include responsive-visibility("mobile" "tablet" "desktop", false);
 */
@font-face {
    font-family: "Clear Sans";
    font-style: normal;
    font-weight: 400;
    src: local("ClearSans-Regular"), local("Clear Sans Regular"), url("/fonts/ClearSans-Regular.eot"), url("/fonts/ClearSans-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/ClearSans-Regular.woff") format("woff"), url("/fonts/ClearSans-Regular.ttf") format("truetype"), url("/fonts/ClearSans-Regular.svg") format("svg"); }

@font-face {
    font-family: "Clear Sans";
    font-style: normal;
    font-weight: 700;
    src: local("ClearSans-Bold"), local("Clear Sans Bold"), url("/fonts/ClearSans-Bold.eot"), url("/fonts/ClearSans-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/ClearSans-Bold.woff") format("woff"), url("/fonts/ClearSans-Bold.ttf") format("truetype"), url("/fonts/ClearSans-Bold.svg") format("svg"); }

@font-face {
    font-family: "pt_serif_bold_italic";
    font-style: italic;
    font-weight: bold;
    src: local("PT Serif-Bold-Italic"), local("PT Serif Bold Italic"), url("/fonts/PTF76F-webfont.eot"), url("/fonts/PTF76F-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/PTF76F-webfont.woff") format("woff"), url("/fonts/PTF76F-webfont.ttf") format("truetype"), url("/fonts/PTF76F-webfont.svg") format("svg"); }

html {
    font-size: 16px;
    word-wrap: break-word;
    hyphens: auto; }
@media only screen and (min-width: 1366px) {
    html {
        font-size: 17px; } }

body {
    font-family: "Clear Sans", sans-serif; }

h1, .t-h1, .product-grid-price, .t-page-title {
    font-family: "pt_serif_bold_italic", serif;
    font-size: 30px;
    line-height: 1.26;
    font-weight: bold;
    font-style: italic; }

h2, .t-h2, .t-title {
    font-family: "pt_serif_bold_italic", serif;
    font-size: 30px;
    line-height: 1.25;
    font-weight: bold;
    font-style: italic; }

h3, .t-h3, .t-subtitle {
    font-family: "pt_serif_bold_italic", serif;
    font-size: 20px;
    line-height: 1.3;
    font-style: italic;
    font-weight: bold; }

h4, .t-h4 .t-heading {
    font-family: "Clear Sans", sans-serif;
    font-size: 16px;
    line-height: 1.375;
    font-weight: bold; }

body,
p, li, a,
.t-p {
    font-family: "Clear Sans", sans-serif;
    font-size: 16px;
    line-height: 1.375;
    font-weight: normal; }

.styleguide-title.wip:after, .t-legend {
    font-family: "Clear Sans", sans-serif;
    font-size: 14px;
    line-height: 1.286;
    font-weight: bold; }

th, .key, td.alt, select, label, .error-text, .key--nomargin, .minor, .timeline__text, .unlock, .t-sublegend, .bean, .button--small, .footer a, .footer span, .footer-bottom, .footer-bottom a {
    font-family: "Clear Sans", sans-serif;
    font-size: 14px;
    line-height: 1.286;
    font-weight: normal; }

.styleguide-title.wip:after, .t-footnote, .button__minor-text {
    font-family: "Clear Sans", sans-serif;
    font-size: 12px;
    line-height: 1.333;
    font-weight: bold; }

.t-title-inline {
    display: inline; }
.t-title-inline:after {
    content: ' '; }

.c-white {
    color: white; }

.c-white-20p {
    color: white; }

.c-bg-white {
    background-color: white; }

.c-bg-white-20p {
    background-color: white; }

.c-extra-light-blue {
    color: #7AB3F5; }

.c-extra-light-blue-20p {
    color: #e4f0fd; }

.c-bg-extra-light-blue {
    background-color: #7AB3F5; }

.c-bg-extra-light-blue-20p, .bean.bean-col-7 {
    background-color: #e4f0fd; }

.c-light-blue {
    color: #4A90E2; }

.c-light-blue-20p {
    color: #dbe9f9; }

.c-bg-light-blue {
    background-color: #4A90E2; }

.c-bg-light-blue-20p, tbody.highlighted, input[type=radio]:checked + label, input[type=radio] + label:active, .radio:checked + label, .radio + label:active, .bean.bean-col-6, .card .cta:hover {
    background-color: #dbe9f9; }

.c-blue {
    color: #427DC3; }

.c-blue-20p {
    color: #d9e5f3; }

.c-bg-blue {
    background-color: #427DC3; }

.c-bg-blue-20p, .bean.bean-col-9 {
    background-color: #d9e5f3; }

.c-dark-blue {
    color: #366196; }

.c-dark-blue-20p {
    color: #d7dfea; }

.c-bg-dark-blue {
    background-color: #366196; }

.c-bg-dark-blue-20p {
    background-color: #d7dfea; }

.c-blue-black {
    color: #23344c; }

.c-blue-black-20p {
    color: #d3d6db; }

.c-bg-blue-black, .on-dark, .card.card--dark {
    background-color: #23344c; }

.c-bg-blue-black-20p {
    background-color: #d3d6db; }

.c-light-red {
    color: #f9654f; }

.c-light-red-20p {
    color: #fee0dc; }

.c-bg-light-red {
    background-color: #f9654f; }

.c-bg-light-red-20p, .bean.bean-col-5 {
    background-color: #fee0dc; }

.c-red {
    color: #EB3d2c; }

.c-red-20p {
    color: #fbd8d5; }

.c-bg-red {
    background-color: #EB3d2c; }

.c-bg-red-20p {
    background-color: #fbd8d5; }

.c-dark-red {
    color: #CB2014; }

.c-dark-red-20p {
    color: #f5d2d0; }

.c-bg-dark-red {
    background-color: #CB2014; }

.c-bg-dark-red-20p {
    background-color: #f5d2d0; }

.c-purple {
    color: #7c79c9; }

.c-purple-20p {
    color: #e5e4f4; }

.c-bg-purple {
    background-color: #7c79c9; }

.c-bg-purple-20p, .bean.bean-col-0 {
    background-color: #e5e4f4; }

.c-turquoise {
    color: #36a7b2; }

.c-turquoise-20p {
    color: #d7edf0; }

.c-bg-turquoise {
    background-color: #36a7b2; }

.c-bg-turquoise-20p, .bean.bean-col-1 {
    background-color: #d7edf0; }

.c-green {
    color: #3bc3a1; }

.c-green-20p {
    color: #d8f3ec; }

.c-bg-green {
    background-color: #3bc3a1; }

.c-bg-green-20p, .bean.bean-col-2 {
    background-color: #d8f3ec; }

.c-yellow {
    color: #F8b546; }

.c-yellow-20p {
    color: #fef0da; }

.c-bg-yellow {
    background-color: #F8b546; }

.c-bg-yellow-20p, .bean.bean-col-3, .unlock {
    background-color: #fef0da; }

.c-gray-1 {
    color: #f4f6f6; }

.c-gray-1-20p {
    color: #fdfdfd; }

.c-bg-gray-1 {
    background-color: #f4f6f6; }

.c-bg-gray-1-20p {
    background-color: #fdfdfd; }

.c-gray-2 {
    color: #ebeeef; }

.c-gray-2-20p {
    color: #fbfcfc; }

.c-bg-gray-2 {
    background-color: #ebeeef; }

.c-bg-gray-2-20p {
    background-color: #fbfcfc; }

.c-gray-3 {
    color: #d8dee0; }

.c-gray-3-20p {
    color: #f7f8f9; }

.c-bg-gray-3 {
    background-color: #d8dee0; }

.c-bg-gray-3-20p, .bean.bean-col-8 {
    background-color: #f7f8f9; }

.c-gray-4 {
    color: #c4ced1; }

.c-gray-4-20p {
    color: #f3f5f6; }

.c-bg-gray-4 {
    background-color: #c4ced1; }

.c-bg-gray-4-20p, .bean.bean-col-4 {
    background-color: #f3f5f6; }

.c-gray-5 {
    color: #909799; }

.c-gray-5-20p {
    color: #e9eaeb; }

.c-bg-gray-5 {
    background-color: #909799; }

.c-bg-gray-5-20p {
    background-color: #e9eaeb; }

.c-gray-6 {
    color: #72787a; }

.c-gray-6-20p {
    color: #e3e4e4; }

.c-bg-gray-6 {
    background-color: #72787a; }

.c-bg-gray-6-20p {
    background-color: #e3e4e4; }

.c-gray-7 {
    color: #323536; }

.c-gray-7-20p {
    color: #d6d7d7; }

.c-bg-gray-7 {
    background-color: #323536; }

.c-bg-gray-7-20p {
    background-color: #d6d7d7; }

.on-dark {
    color: white; }

body {
    color: #323536; }

a {
    color: #4A90E2;
    text-decoration: none; }
a:hover {
    color: #366196; }

a.lighter {
    color: #7AB3F5; }
a.lighter:hover {
    color: #427DC3; }

a.no-link {
    color: inherit; }

h1 + p, h2 + p, h3 + p, p + p,
p + h1, p + h2, p + h3,
p + ul {
    margin-top: 16px; }

em {
    font-style: italic; }

strong {
    font-weight: bold; }

li {
    padding: 4px 0; }

ul.dash li {
    padding: 4px 0 4px 16px; }
ul.dash li:before {
    content: '–';
    display: inline-block;
    width: 16px;
    margin-left: -16px; }

hr {
    border: 0;
    height: 0;
    border-bottom: 1px solid #c4ced1; }

table {
    width: 100%; }

th, td {
    padding: 4px 16px 4px 0;
    vertical-align: top; }

th, .key, td.alt {
    color: #72787a; }

thead, tbody {
    border-bottom: 1px solid #d8dee0; }

thead th, tbody tr:last-of-type td {
    padding-bottom: 16px; }

tbody tr:first-of-type td {
    padding-top: 16px; }

td.loading:before {
    color: #d8dee0;
    content: "\2022\2022\2022"; }

td.empty {
    color: #d8dee0;
    text-align: center; }

.responsive-table {
    overflow-x: scroll; }
@media only screen and (max-width: 988px) {
    .responsive-table th {
        white-space: nowrap; } }

input[type=text]
, input[type=email]
, input[type=password]
, textarea {
    appearance: none;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    padding: 8px;
    border: 1px solid #c4ced1;
    border-radius: 3px;
    margin: 8px 0;
    outline: none; }
input[type=text]:hover
, input[type=email]:hover
, input[type=password]:hover
, textarea:hover {
    border: 1px solid #909799; }
input[type=text]:disabled
, input[type=email]:disabled
, input[type=password]:disabled
, textarea:disabled {
    cursor: not-allowed;
    opacity: 0.8; }
input[type=text]:focus
, input[type=email]:focus
, input[type=password]:focus
, textarea:focus {
    outline: none;
    border: 1px solid #4A90E2; }
input[type=text].error
, input[type=email].error
, input[type=password].error
, textarea.error {
    border: 1px solid #f9654f; }

::-webkit-input-placeholder,
:-moz-placeholder,
:-ms-input-placeholder,
 {
    color: red;
    opacity: 1; }

.radiogroup {
    display: inline-block; }

input[type=radio], .radio {
    display: none; }
input[type=radio] + label, .radio + label {
    display: inline-block;
    background-color: #ebeeef;
    padding:  16px;
    cursor: pointer;
    border: 1px solid #c4ced1;
    margin-left: -1px;
    position: relative;
    box-sizing: border-box; }
input[type=radio] + label:first-of-type, .radio + label:first-of-type {
    border-radius: 3px 0 0 3px; }
input[type=radio] + label:last-of-type, .radio + label:last-of-type {
    border-radius: 0 3px 3px 0; }
input[type=radio] + label.round-label, .radio + label.round-label {
    border-radius: 3px; }
input[type=radio] + label:hover, .radio + label:hover {
    border: 1px solid #72787a;
    color: #323536;
    z-index: 2; }
input[type=radio]:checked + label, input[type=radio] + label:active, .radio:checked + label, .radio + label:active {
    border: 1px solid #72787a;
    color: #323536;
    z-index: 2; }

@-moz-document url-prefix() {
    input[type=radio], .radio {
        -moz-appearance: radio; } }
/*
select::-ms-expand {
    border: none;
    color: #72787a; }
*/
select {
    appearance: none;
    padding: 8px 16px;
    border: 1px solid #c4ced1;
    background-color: #ebeeef;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 3px;
    background-image: url("data:image/svg+xml;ascii-us,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%2220px%22%20height%3D%225px%22%3E%3Cpolygon%20points%3D%220%2C0%2010%2C0%205%2C5%22%20fill%3D%22%2372787a%22%2F%3E%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 32px; }
select:focus {
    outline: 0;
    border-color: #72787a; }
select:hover {
    border: 1px solid #909799; }

label {
    color: #72787a; }

.error-text {
    color: #f9654f; }

.key {
    margin-top: 16px; }

.key--nomargin {
    color: #72787a; }

.table {
    display: table; }

.align-right {
    text-align: right; }

.align-left {
    text-align: left; }

.shadow, .tooltip, .tooltip:before, .tooltip.tooltip--bottom-right,
.js-tooltip-target--right .tooltip, .tooltip.tooltip--bottom-right:before,
.js-tooltip-target--right .tooltip:before, .tooltip.tooltip--below, .tooltip.tooltip--below:before {
    border: 1px solid #c4ced1;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.23); }

.shadow.shadow--stackable {
    box-shadow: 0px 2px 4px 0px #c4ced1; }

.shadow--static.shadow--static {
    border: 1px solid #c4ced1;
    border-bottom: 2px solid #c4ced1; }

.minor {
    color: #909799; }

.hidden {
    visibility: hidden; }

.not-displayed {
    display: none; }

.section--bordered {
    border-top: 1px solid #c4ced1;
    padding-top: 16px; }

.bean {
    display: inline-block;
    background-color: #ebeeef;
    border-radius: 4px;
    padding: 4px 8px;
    white-space: nowrap; }

.no-wrap {
    display: inline;
    white-space: nowrap; }

.container {
    max-width: 1312px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
@media only screen and (min-width: 1920px) {
    .container {
        max-width: 1492px; } }

.content {
    width: 100%;
    max-width: 988px;
    padding: 0 24px;
    overflow: hidden; }
@media only screen and (min-width: 1920px) {
    .content {
        max-width: 1168px; } }

.sidebar {
    width: 300px;
    margin-right: 24px; }
@media only screen and (max-width: 1366px) {
    .sidebar.sidebar {
        display: none; } }


.l-grid {
    font-size: 0.1px;
    margin-left: calc( -24px + -1px); }

.l-grid .l-grid-cell,
.l-grid .content,
.l-grid .sidebar {
    margin-left: 24px;
    font-size: 16px; }

.l-grid--no-gap {
    margin-left: 0px;
    margin-left: calc( -0px + -1px); }

.l-grid--no-gap .l-grid-cell,
.l-grid--no-gap .content,
.l-grid--no-gap .sidebar {
    margin-left: 0px; }

.l-grid--double {
    margin-left: -40px;
    margin-left: calc( -40px + -1px); }

.l-grid--double .l-grid-cell,
.l-grid--double .content,
.l-grid--double .sidebar {
    margin-left: 40px; }

.l-grid--triple {
    margin-left: -60px;
    margin-left: calc( -60px + -1px); }

.l-grid--triple .l-grid-cell,
.l-grid--triple .content,
.l-grid--triple .sidebar {
    margin-left: 60px; }

.l-grid--gapped > .l-grid-cell,
.l-grid--gapped > .content,
.l-grid--gapped > .sidebar {
    margin-bottom: 24px; }


.l-grid-cell,
.content,
.sidebar {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box; }


.l-one-whole {
    width: 99.905%; }


.l-grid .l-push-one-whole {
    margin-left: 99.905%; }


.l-one-half {
    width: 49.9525%; }


.l-grid .l-push-one-half {
    margin-left: 49.9525%; }





.l-grid .l-push-one-quarter {
    margin-left: 24.97625%; }


.l-three-quarters {
    width: 74.92875%; }


.l-grid .l-push-three-quarters {
    margin-left: 74.92875%; }


.l-one-third {
    width: 33.30133%; }


.l-grid .l-push-one-third {
    margin-left: 33.30133%; }


.l-two-thirds {
    width: 66.60267%; }


.l-grid .l-push-two-thirds {
    margin-left: 66.60267%; }


.l-one-fifth {
    width: 19.981%; }


.l-grid .l-push-one-fifth {
    margin-left: 19.981%; }


.l-four-fifths {
    width: 79.924%; }


.l-grid .l-push-four-fifths {
    margin-left: 79.924%; }


.l-one-sixth {
    width: 16.65017%; }


.l-grid .l-push-one-sixth {
    margin-left: 16.65017%; }


.l-five-sixths {
    width: 83.25383%; }


.l-grid .l-push-five-sixths {
    margin-left: 83.25383%; }


.l-grid > .l-one-whole {
    width: calc(99.905% - 24px); }


.l-grid > .l-one-half {
    width: calc(49.9525% - 24px); }


.l-grid > .l-one-quarter {
    width: calc(24.97625% - 24px); }


.l-grid > .l-three-quarters {
    width: calc(74.92875% - 24px); }


.l-grid > .l-one-third {
    width: calc(33.30133% - 24px); }


.l-grid > .l-two-thirds {
    width: calc(66.60267% - 24px); }


.l-grid > .l-one-fifth {
    width: calc(19.981% - 24px); }


.l-grid > .l-four-fifths {
    width: calc(79.924% - 24px); }


.l-grid > .l-one-sixth {
    width: calc(16.65017% - 24px); }


.l-grid > .l-five-sixths {
    width: calc(83.25383% - 24px); }

@media only screen and (min-width: 989px) {

    .l-desktop-one-whole {
        width: 99.905%; }

    .l-grid .l-push-desktop-one-whole {
        margin-left: 99.905%; }

    .l-desktop-one-half {
        width: 49.9525%; }

    .l-grid .l-push-desktop-one-half {
        margin-left: 49.9525%; }

    .l-desktop-one-quarter {
        width: 24.97625%; }

    .l-grid .l-push-desktop-one-quarter {
        margin-left: 24.97625%; }

    .l-desktop-three-quarters {
        width: 74.92875%; }

    .l-grid .l-push-desktop-three-quarters {
        margin-left: 74.92875%; }

    .l-desktop-one-third {
        width: 33.30133%; }

    .l-grid .l-push-desktop-one-third {
        margin-left: 33.30133%; }

    .l-desktop-two-thirds {
        width: 66.60267%; }

    .l-grid .l-push-desktop-two-thirds {
        margin-left: 66.60267%; }

    .l-desktop-one-fifth {
        width: 19.981%; }

    .l-grid .l-push-desktop-one-fifth {
        margin-left: 19.981%; }

    .l-desktop-four-fifths {
        width: 79.924%; }

    .l-grid .l-push-desktop-four-fifths {
        margin-left: 79.924%; }

    .l-desktop-one-sixth {
        width: 16.65017%; }

    .l-grid .l-push-desktop-one-sixth {
        margin-left: 16.65017%; }

    .l-desktop-five-sixths {
        width: 83.25383%; }

    .l-grid .l-push-desktop-five-sixths {
        margin-left: 83.25383%; }

    .l-grid > .l-desktop-one-whole {
        width: calc(99.905% - 24px); }

    .l-grid > .l-desktop-one-half {
        width: calc(49.9525% - 24px); }

    .l-grid > .l-desktop-one-quarter {
        width: calc(24.97625% - 24px); }

    .l-grid > .l-desktop-three-quarters {
        width: calc(74.92875% - 24px); }

    .l-grid > .l-desktop-one-third {
        width: calc(33.30133% - 24px); }

    .l-grid > .l-desktop-two-thirds {
        width: calc(66.60267% - 24px); }

    .l-grid > .l-desktop-one-fifth {
        width: calc(19.981% - 24px); }

    .l-grid > .l-desktop-four-fifths {
        width: calc(79.924% - 24px); }

    .l-grid > .l-desktop-one-sixth {
        width: calc(16.65017% - 24px); }

    .l-grid > .l-desktop-five-sixths {
        width: calc(83.25383% - 24px); } }

@media only screen and (max-width: 988px) {

    .l-tablet-one-whole {
        width: 99.905%; }

    .l-grid .l-push-tablet-one-whole {
        margin-left: 99.905%; }

    .l-tablet-one-half {
        width: 49.9525%; }

    .l-grid .l-push-tablet-one-half {
        margin-left: 49.9525%; }

    .l-tablet-one-quarter {
        width: 24.97625%; }

    .l-grid .l-push-tablet-one-quarter {
        margin-left: 24.97625%; }

    .l-tablet-three-quarters {
        width: 74.92875%; }

    .l-grid .l-push-tablet-three-quarters {
        margin-left: 74.92875%; }

    .l-tablet-one-third {
        width: 33.30133%; }

    .l-grid .l-push-tablet-one-third {
        margin-left: 33.30133%; }

    .l-tablet-two-thirds {
        width: 66.60267%; }

    .l-grid .l-push-tablet-two-thirds {
        margin-left: 66.60267%; }

    .l-tablet-one-fifth {
        width: 19.981%; }

    .l-grid .l-push-tablet-one-fifth {
        margin-left: 19.981%; }

    .l-tablet-four-fifths {
        width: 79.924%; }

    .l-grid .l-push-tablet-four-fifths {
        margin-left: 79.924%; }

    .l-tablet-one-sixth {
        width: 16.65017%; }

    .l-grid .l-push-tablet-one-sixth {
        margin-left: 16.65017%; }

    .l-tablet-five-sixths {
        width: 83.25383%; }

    .l-grid .l-push-tablet-five-sixths {
        margin-left: 83.25383%; }

    .l-grid > .l-tablet-one-whole {
        width: calc(99.905% - 24px); }

    .l-grid > .l-tablet-one-half {
        width: calc(49.9525% - 24px); }

    .l-grid > .l-tablet-one-quarter {
        width: calc(24.97625% - 24px); }

    .l-grid > .l-tablet-three-quarters {
        width: calc(74.92875% - 24px); }

    .l-grid > .l-tablet-one-third {
        width: calc(33.30133% - 24px); }

    .l-grid > .l-tablet-two-thirds {
        width: calc(66.60267% - 24px); }

    .l-grid > .l-tablet-one-fifth {
        width: calc(19.981% - 24px); }

    .l-grid > .l-tablet-four-fifths {
        width: calc(79.924% - 24px); }

    .l-grid > .l-tablet-one-sixth {
        width: calc(16.65017% - 24px); }

    .l-grid > .l-tablet-five-sixths {
        width: calc(83.25383% - 24px); } }

@media only screen and (max-width: 875px) {

    .l-mobile-one-whole {
        width: 99.905%; }

    .l-grid .l-push-mobile-one-whole {
        margin-left: 99.905%; }

    .l-mobile-one-half {
        width: 49.9525%; }

    .l-grid .l-push-mobile-one-half {
        margin-left: 49.9525%; }

    .l-mobile-one-quarter {
        width: 24.97625%; }

    .l-grid .l-push-mobile-one-quarter {
        margin-left: 24.97625%; }

    .l-mobile-three-quarters {
        width: 74.92875%; }

    .l-grid .l-push-mobile-three-quarters {
        margin-left: 74.92875%; }

    .l-mobile-one-third {
        width: 33.30133%; }

    .l-grid .l-push-mobile-one-third {
        margin-left: 33.30133%; }

    .l-mobile-two-thirds {
        width: 66.60267%; }

    .l-grid .l-push-mobile-two-thirds {
        margin-left: 66.60267%; }

    .l-mobile-one-fifth {
        width: 19.981%; }

    .l-grid .l-push-mobile-one-fifth {
        margin-left: 19.981%; }

    .l-mobile-four-fifths {
        width: 79.924%; }

    .l-grid .l-push-mobile-four-fifths {
        margin-left: 79.924%; }

    .l-mobile-one-sixth {
        width: 16.65017%; }

    .l-grid .l-push-mobile-one-sixth {
        margin-left: 16.65017%; }

    .l-mobile-five-sixths {
        width: 83.25383%; }

    .l-grid .l-push-mobile-five-sixths {
        margin-left: 83.25383%; }

    .l-grid > .l-mobile-one-whole {
        width: calc(99.905% - 24px); }

    .l-grid > .l-mobile-one-half {
        width: calc(49.9525% - 24px); }

    .l-grid > .l-mobile-one-quarter {
        width: calc(24.97625% - 24px); }

    .l-grid > .l-mobile-three-quarters {
        width: calc(74.92875% - 24px); }

    .l-grid > .l-mobile-one-third {
        width: calc(33.30133% - 24px); }

    .l-grid > .l-mobile-two-thirds {
        width: calc(66.60267% - 24px); }

    .l-grid > .l-mobile-one-fifth {
        width: calc(19.981% - 24px); }

    .l-grid > .l-mobile-four-fifths {
        width: calc(79.924% - 24px); }

    .l-grid > .l-mobile-one-sixth {
        width: calc(16.65017% - 24px); }

    .l-grid > .l-mobile-five-sixths {
        width: calc(83.25383% - 24px); } }

@media only screen and (min-width: 876px) {
    .l-one-quarter {
        /*width: 24.97625%;*/
        width: 21.5%;
    }
    .copyfooter{
        display: inline;
    }
    .is-visible-desktop {
        display: block !important;
        visibility: visible; }
    .is-visible-desktop--inline {
        display: inline; }
    .is-visible-desktop--inline-block {
        display: inline-block; }
    .is-hidden-desktop, .is-visible-tablet, .is-visible-mobile {
        display: none !important;
        visibility: hidden; }
    .is-hidden-desktop--inline, .is-visible-tablet--inline, .is-visible-mobile--inline {
        display: none !important; }
    .is-hidden-desktop--inline-block, .is-visible-tablet--inline-block, .is-visible-mobile--inline-block {
        display: none !important; } }

@media only screen and (max-width: 988px) {
    .is-visible-tablet {
        display: block !important;
        visibility: visible; }
    .is-visible-tablet--inline {
        display: inline; }
    .is-visible-tablet--inline-block {
        display: inline-block; }
    .is-hidden-tablet, .is-visible-desktop, .is-visible-mobile {
        display: none !important;
        visibility: hidden; }
    .is-hidden-tablet--inline, .is-visible-desktop--inline, .is-visible-mobile--inline {
        display: none !important; }
    .is-hidden-tablet--inline-block, .is-visible-desktop--inline-block, .is-visible-mobile--inline-block {
        display: none !important; } }

@media only screen and (max-width: 600px) {
    .is-visible-mobile {
        display: block !important;
        visibility: visible; }
    .is-visible-mobile--inline {
        display: inline; }
    .is-visible-mobile--inline-block {
        display: inline-block; }
    .is-hidden-mobile, .is-visible-desktop, .is-visible-tablet {
        display: none !important;
        visibility: hidden; }
    .is-hidden-mobile--inline, .is-visible-desktop--inline, .is-visible-tablet--inline {
        display: none !important; }
    .is-hidden-mobile--inline-block, .is-visible-desktop--inline-block, .is-visible-tablet--inline-block {
        display: none !important; } }

.section {
    margin-top: 24px; }

.section--content.section--content {
    margin-top: 16px; }

.section--large {
    margin-top: 32px; }

.section--main {
    margin-top: 48px; }

.section--huge {
    margin-top: 64px; }

.section--small {
    margin-top: 8px; }

.l-f-left {
    float: left; }

.l-f-right {
    float: right; }

.l-f-contain:after {
    content: "";
    display: block;
    clear: both; }

.l-f-clear {
    clear: both; }

.link-list a {
    padding: 8px 4px 0;
    display: inline-block; }

.l-grid-cell.no-margin-left, .no-margin-left.content, .no-margin-left.sidebar {
    margin-left: 0 !important; }

.center-block {
    display: table;
    margin: 0 auto; }

.center {
    text-align: center; }

.l-grid.v-center .l-grid-cell, .l-grid.v-center .content, .l-grid.v-center .sidebar {
    vertical-align: middle; }

.icon, .icon-bell_grey, .icon-chevron_left_white, .icon-chevron_right_white, .icon-close, .icon-company_active, .icon-company_inactive, .icon-company_liquidation, .icon-info_grey, .help-tooltip, .icon-linkarrow_blue, .read-more-link:after, .icon-lock_grey, .unlock:before, .icon-magnifying_glass_white, .icon-magnifying_glass_grey, .icon-menu_grey, .icon-moneyhouse_logo, .icon-network_grey, .icon-pdf, .icon-person_active, .icon-person_inactive, .icon-product_adress_shop_white, .icon-product_api_white, .icon-product_bankruptcy_analysis_white, .icon-product_bankruptcy_list_white, .icon-product_competitor_analysis_white, .icon-product_creditworthiness_report_blue_black, .icon-product_creditworthiness_report_white, .icon-product_employees_blue_black, .icon-product_foundation_list_white, .icon-product_foundation_white, .icon-product_international_report_white, .icon-product_monitoring_white, .icon-product_network_white, .icon-product_registry_service_white, .icon-product_trustworthiness_seal_white, .icon-product_turnover_blue_black, .icon-service_regio_news_blue_black, .icon-service_job_offer_blue_black, .icon-service_sme_news_blue_black, .icon-signet_moneyhouse, .icon-signet_nzz, .icon-signet_shab, .icon-signet_twitter, .icon-tick, .icon-green-dot {
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    background-position: center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 1em;
    height: 1em; }

.med-inline-icon {
    font-size: 24px;
    margin: 0 16px 0 0; }

.med-icon {
    font-size: 24px; }

.big-icon {
    font-size: 48px; }

.huge-icon {
    font-size: 64px; }

.icon--mid {
    vertical-align: middle; }

.big-icon-before {
    padding-left: 64px;
    position: relative; }
.big-icon-before .big-icon {
    position: absolute;
    left: 0; }

.med-icon-before {
    padding-left: 40px;
    position: relative; }
.med-icon-before .med-icon {
    position: absolute;
    left: 0; }

.icon-status {
    float: left;
    font-size: 24px;
    margin-right: 0.5em; }

.icon-green-dot {
    background-color: #3bc3a1;
    font-size: 12px;
    border-radius: 1em; }

/*
 * Opinionated tooltip with tail.
 *
 *  Size: distance between tooltip and end of tail.
 *
 */
.error-popup {
    position: fixed;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    padding: 48px;
    z-index: 999;
    background: white;
    border: 16px solid #EB3d2c;
    font-size: 32px;
    box-shadow: 0 0 10000px 10000px rgba(0, 0, 0, 0.6); }

.ad-height {
    min-height: 240px; }

@media only screen and (max-width: 988px) {
    .banner-ad {
        display: none; } }

.button, .follow-button {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: white;
    background-color: #4A90E2;
    padding: 8px 16px;
    border-radius: 3px;
    border-bottom: 2px solid #366196; }
.button:hover, .follow-button:hover {
    background-color: #427DC3;
    color: white; }
.button:active, .follow-button:active {
    background-color: #366196; }
.button.button--disabled, .button--disabled.follow-button {
    opacity: 0.8;
    cursor: not-allowed; }
.button.button--disabled:hover, .button--disabled.follow-button:hover {
    color: white;
    background-color: #4A90E2; }

.button--stretch {
    display: block; }

.button--secondary, .follow-button.js-unfollow {
    background-color: transparent;
    color: #4A90E2;
    border: 1px solid #4A90E2; }
.button--secondary:hover, .follow-button.js-unfollow:hover {
    background-color: transparent;
    color: #427DC3;
    border-color: #427DC3; }
.button--secondary:active, .follow-button.js-unfollow:active {
    background-color: transparent;
    color: #366196;
    border-color: #366196; }

.button--orange {
    background-color: #f9654f;
    border-bottom: 2px solid #CB2014; }
.button--orange:hover {
    background-color: #EB3d2c; }
.button--orange:active {
    background-color: #CB2014; }
.button--orange.button--disabled:hover {
    background-color: #f9654f; }

.button--orange.button--secondary, .button--orange.follow-button.js-unfollow {
    background-color: white;
    color: #f9654f;
    border: 1px solid #f9654f; }
.button--orange.button--secondary:hover, .button--orange.follow-button.js-unfollow:hover {
    background-color: white;
    color: #EB3d2c;
    border-color: #EB3d2c; }
.button--orange.button--secondary.button--disabled:hover, .button--orange.button--disabled.follow-button.js-unfollow:hover {
    border-color: #f9654f;
    color: #f9654f; }
.button--orange.button--secondary:active, .button--orange.follow-button.js-unfollow:active {
    background-color: white;
    color: #CB2014;
    border-color: #CB2014; }

.button__minor-text {
    display: block; }

.button--margin {
    margin-left: 10px; }

.content--service {
    padding-left: 96px; }

.card {
    border: 1px solid #d8dee0;
    background-color: white;
    color: black; }

.card--raw, .card {
    position: relative;
    padding: 24px; }

.card.card--no-border {
    border: none; }

.card--grey {
    background-color: #f4f6f6;
    border: none; }

.card.card--dark {
    border: none;
    color: white; }

.card .dismiss-card {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 16px;
    right: 16px;
    text-indent: -1000%; }

.card__footer {
    border-top: 1px solid #d8dee0;
    margin: 24px -24px 0 -24px;
    padding: 24px 24px 0 24px; }

.card .no-pad, .card .cta {
    margin-left: -24px;
    margin-right: -24px; }

.card .cta {
    display: block;
    padding: 16px;
    text-align: center;
    margin-bottom: -24px;
    border-top: 1px solid #d8dee0;
    background-color: #ebeeef; }

.card--full-width, .card-image {
    margin: -24px -24px -24px -24px; }

.card--section--bordered {
    border-top: 1px solid #c4ced1;
    margin: 16px -24px;
    padding: 0 24px; }

.card-image {
    margin-bottom: 16px;
    padding: 16px 0; }

.card-image-block {
    margin: -24px -24px 0 -24px;
    position: relative; }
.card-image-block .card-image-img {
    display: block;
    width: 100%;
    height: 144px; }
.card-image-block .card-image-icon {
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2; }
.card-image-block .card-image-title {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    z-index: 2; }
.card-image-block .card-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #23344c;
    opacity: 0.8;
    z-index: 1; }

.slick-arrow {
    display: block;
    position: absolute;
    top: 50%;
    height: 100%;
    transform: translateY(-50%);
    background: transparent;
    font-size: 0;
    color: transparent;
    border: none;
    width: 50px;
    cursor: pointer;
    z-index: 10; }
.slick-arrow:hover, .slick-arrow:focus {
    outline: none; }
.slick-arrow.slick-prev, .slick-arrow.slick-next {
    display: none; }

.slick-slide:hover, .slick-slide:focus {
    outline: none; }

.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 8px 0;
    list-style: none;
    text-align: center; }

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1; }

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 32px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 16px;
    content: '○';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
    content: '●'; }

/* Slick.css */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }

.slick-list:focus {
    outline: none; }

.slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block; }

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''; }

.slick-track:after {
    clear: both; }

.slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }

[dir='rtl'] .slick-slide {
    float: right; }

.slick-slide img {
    display: block; }

.slick-slide.slick-loading img {
    display: none; }

.slick-slide.dragging img {
    pointer-events: none; }

.slick-initialized .slick-slide {
    display: block; }

.slick-loading .slick-slide {
    visibility: hidden; }

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
    display: none; }

.credit-worthiness-seal {
    float: right; }
.credit-worthiness-seal .credit-worthiness-cell {
    position: relative;
    z-index: 1; }
.credit-worthiness-seal .credit-worthiness-card-container {
    line-height: 90px;
    z-index: 0; }
.credit-worthiness-seal .credit-worthiness-card {
    padding: 12px 3px 12px 15px;
    width: 100%;
    display: inline-block;
    margin-left: -14px;
    color: #72787a; }
.credit-worthiness-seal .credit-worthiness-card p {
    text-align: center; }

@media only screen and (max-width: 600px) {
    .credit-worthiness-seal {
        float: none; } }

.error-page {
    min-height: 640px;
    height: 100vh; }

.error-page .message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 90%; }

.error-page .header--search, .error-page .header--search-new {
    max-width: 480px; }

.error-links a {
    padding: 16px;
    color: white; }

.error-page footer {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 32px; }

.js-expandable-detail {
    display: none; }

.follow-button {
    /* styles if user does not follow yet */
    /* styles if user already follows */ }
.follow-button.js-follow .user_does_not_follow, .follow-button.js-trigger-modal .user_does_not_follow {
    display: inline; }
.follow-button.js-follow .user_follows, .follow-button.js-trigger-modal .user_follows {
    display: none; }
.follow-button.js-unfollow .user_does_not_follow {
    display: none; }
.follow-button.js-unfollow .user_follows {
    display: inline; }

.footer {
    background-color: #ebeeef;
    padding: 64px;
    color: #323536; }
.footer h4 {
    width: 92%;
    margin-bottom: 16px; }
.footer li {
    max-width: 85%; }
.footer li a {
    color: #323536; }
.footer .button, .footer .follow-button {
    padding: 8px 12px; }
.footer .section__header.secondary {
    border-bottom: 2px solid #d8dee0; }
.footer .group-title {
    display: block;
    font-weight: bold;
    margin: 8px 0; }
@media only screen and (max-width: 988px) {
    .footer {
        padding: 64px 0; }
    .footer .section__header.secondary {
        margin-bottom: 16px; }
    .footer .group-title {
        margin: 16px 0 4px 0; }
    .footer .section-padding {
        padding-top: 32px; } }

.footer-bottom {
    background-color: #23344c;
    color: #909799; }
.footer-bottom .content-footer-bottom {
    margin-top: 12px;
    margin-bottom: 36px; }
.footer-bottom .section--select {
    margin-top: 27px; }
.footer-bottom a {
    color: #909799; }
.footer-bottom select {
    color: white;
    background-color: inherit;
    border: none;
    float: right; }
.footer-bottom .copyright {
    color: white; }
@media only screen and (max-width: 600px) {
    .footer-bottom select {
        margin: -56px auto 24px;
        display: block;
        float: none; } }

.full-width-image {
    position: relative;
    color: white;
    text-align: center;
    z-index: 1; }

.full-width-image:before {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    z-index: -2; }

.full-width-image:after {
    background-color: #23344c;
    opacity: 0.8;
    z-index: -1; }

.full-width-image:before,
.full-width-image:after {
    top: 0;
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 100%;
    content: ''; }

.header .narrow-nav {
    display: none;
    position: relative; }

@media only screen and (max-width: 600px) {
    .header {
        position: relative;
        height: 32px; }
    .header .top-nav {
        display: none; }
    .header .search-nav {
        display: none; }
    .header .narrow-nav {
        display: block;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9;
        background-color: #ebeeef;
        border-bottom: 1px solid #d8dee0; }
    .header .narrow-nav .menu-container {
        float: right; }
    .header .narrow-nav .menu {
        width: 32px;
        height: 32px;
        margin: 16px; } }

.narrow-nav-logo {
    height: 32px;
    padding: 16px; }

.narrow-nav-inner {
    padding: 16px; }

.narrow-nav-menu {
    display: none;
    position: fixed;
    overflow-y: scroll;
    top: 32px;
    width: 100%;
    height: 100vh;
    background-color: #ebeeef;
    z-index: 9;
    border-bottom: 1px solid #d8dee0; }
.narrow-nav-menu a {
    display: block;
    padding: 12px;
    font-size: 18px; }

.header__logo {
    padding: 16px;
    display: block; }
.header__logo__img {
    vertical-align: middle;
    height: 32px;
    display: block; }

.header__account__nav {
    text-align: right;
    padding: 16px 0; }
.header__account__nav a.gray {
    color: #909799; }
.header__account__nav a.button:after, .header__account__nav a.follow-button:after {
    padding: 16px 0; }
.header__account__nav a:after {
    content: '';
    padding: 16px; }
.header__account__nav a:last-of-type:after {
    content: ''; }

.header__notifications {
    position: relative;
    font-size: 24px;
    vertical-align: middle;
    overflow: visible; }
.header__notifications .count {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    text-indent: 0;
    font-size: 13px;
    vertical-align: middle;
    text-align: center;
    background-color: #909799;
    color: white; }

form.form--blue {
    background-color: #4f5d70; }

.top-nav {
    background-color: white; }

.homepage-section {
    padding: 64px 0;
    margin: 0 auto; }
.homepage-section .white {
    color: white; }
.homepage-section .content {
    display: block;
    margin: auto; }
.homepage-section .content > a {
    display: inline-block;
    padding-top: 8px; }
.homepage-section .index-list a, .homepage-section .link-list a {
    color: #323536; }
.homepage-section .link-list a {
    display: inline-block;
    padding: 0 16px 16px 0; }

.homepage__logo {
    width: 240px; }
@media only screen and (max-width: 600px) {
    .homepage__logo {
        width: 192px; } }

.homepage-on-image {
    opacity: 0.8; }

.homepage-section--onblue {
    background-color: #23344c;
    color: white; }
.homepage-section--onblue .shadow--static.shadow--static {
    border-color: #72787a; }

.image-list-item {
    border-bottom: 1px solid #c4ced1;
    padding: 32px 0; }

.image-list-item:last-child {
    border-bottom: none; }

.map img {
    display: block;
    width: 100%; }

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    transform: translate(-50%, -50%);
    z-index: 99;
    box-sizing: border-box; }
@media only screen and (max-width: 988px) {
    .modal {
        width: 80%;
        height: 80%; } }
@media only screen and (max-width: 600px) {
    .modal {
        width: 100%;
        height: 100%;
        padding: 16px; } }

.modal-close {
    position: absolute;
    color: white;
    top: -48px;
    right: -48px;
    width: 32px;
    height: 32px;
    transform: rotate(45deg);
    font-size: 32px;
    cursor: pointer;
    text-align: center;
    line-height: 32px; }
@media only screen and (max-width: 600px) {
    .modal-close {
        top: 16px;
        right: 16px;
        color: black; } }

.modal-content {
    max-height: 100%;
    max-width: 100%;
    padding: 48px;
    background-color: white;
    overflow-y: auto;
    box-sizing: border-box; }
@media only screen and (max-width: 600px) {
    .modal-content {
        padding: 32px; } }

.modal-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99; }

.modal-footer {
    max-height: 100%;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 48px;
    padding-right: 48px;
    background-color: black;
    color: #FFF;
    overflow-y: auto;
    box-sizing: border-box; }

.page {
    min-height: 600px; }
@media only screen and (max-width: 988px) {
    .page {
        min-height: 350px; } }
@media only screen and (max-width: 600px) {
    .page {
        min-height: unset; } }

table.product-grid {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 8px 0; }
table.product-grid .col {
    width: 25%; }
table.product-grid tbody tr:last-of-type td {
    padding-bottom: inherit; }

.product-cell {
    padding: 0; }

.product-feature .product-cell {
    vertical-align: middle;
    border-bottom: 1px solid #d8dee0; }

.product-grid-column-section {
    padding: 8px 16px; }

@media only screen and (max-width: 600px) {
    .product-grid-price {
        font-size: 40px;
        position: absolute;
        right: 16px;
        top: 0; }
    .product-grid-button {
        width: 90%; } }

.read-more-link:after {
    content: '';
    display: inline-block;
    margin-left: 4px;
    width: 8px;
    height: 11px; }

.search--homepage.search--homepage {
    width: 464px; }
@media only screen and (max-width: 988px) {
    .search--homepage.search--homepage {
        width: 90%; } }

.header .search-nav {
    background-color: #23344c;
    color: white; }
.header .search-nav a {
    color: white;
    padding: 16px;
    display: inline-block; }
.header .search-nav a.active {
    border-bottom: 3px solid #427DC3; }

input.header--search, input.header--search-new {
    background-position: 8px 50%;
    background-image: url(/assets/icons/magnifying_glass_white.svg);
    background-repeat: no-repeat;
    overflow: visible;
    background-color: #909799;
    color: white;
    padding-left: 40px;
    border: 1px solid #c4ced1; }
input.header--search::placeholder, input.header--search-new::placeholder {
    color: white; }
input.header--search:hover, input.header--search-new:hover, input.header--search:focus, input.header--search-new:focus {
    border: 1px solid #c4ced1; }

input.header--search-new {
    background-color: transparent;
    border: none; }
input.header--search-new:hover, input.header--search-new:focus {
    border: none; }

.section__header {
    padding-bottom: 8px;
    border-bottom: 1px solid #c4ced1; }

.section--highlight {
    background-color: #ebeeef;
    padding: 32px; }

.section--paywall {
    background-color: #23344c;
    color: white;
    padding: 32px; }

.section__credit-report-menu {
    margin-top: 40px; }

.section .text-highlight {
    background-color: #d8dee0;
    padding: 2px;
    margin-left: 16px; }

.sub-section {
    padding: 6px 0; }

.sub-header {
    background-color: #ebeeef;
    border-bottom: 1px solid #c4ced1; }

.sub-header .content.content {
    position: relative; }

.sub-header-info {
    min-height: 104px; }

.sub-header-status {
    font-size: 30px;
    float: left;
    margin: 0 8px 0 0; }

.sub-header-nav {
    display: block;
    width: 100%;
    word-wrap: normal;
    white-space: nowrap;
    overflow-x: auto; }
.sub-header-nav .sub-header-nav-link {
    display: inline-block;
    padding: 24px 0 16px;
    margin-right: 24px;
    border-bottom: 3px solid transparent;
    color: black;
    white-space: normal; }
.sub-header-nav .sub-header-nav-link.active {
    border-bottom: 3px solid #427DC3; }

@media only screen and (min-width: 989px) {
    .sub-header-nav-link:hover {
        border-bottom: 3px solid #427DC3; }
    .sub-header-nav {
        width: auto;
        float: left;
        position: relative;
        z-index: 5; }
    .sub-header-follow {
        position: absolute;
        bottom: 16px;
        right: 24px; }
    .sub-header-follow .button, .sub-header-follow .follow-button {
        float: right; }
    .sub-header-follow-tooltip {
        width: 388px; } }

.company-persons-filter select {
    display: inline-block;
    margin-left: 16px; }

.company-persons-filter .company-persons-search {
    width: 240px; }

@media only screen and (max-width: 600px) {
    .company-person-table .company-person-name {
        display: block;
        white-space: normal;
        min-width: 144px; }
    .company-persons-filter .radiogroup {
        display: block;
        width: 100%; }
    .company-persons-filter .radiogroup label {
        width: 50%; }
    .company-persons-filter select {
        display: block;
        margin-left: 0;
        width: 100%; }
    .company-persons-filter .company-persons-search {
        width: 100%; } }

.pagination--button {
    margin-right: 16px; }

td.company-info {
    min-width: 100px; }

.timeline__line,
.timeline__year-tick {
    fill: #d8dee0; }

.timeline__text {
    fill: #909799; }

.timeline__event {
    fill: white;
    stroke: #909799;
    stroke-width: 1px; }
.timeline__event:hover {
    fill: #4A90E2;
    stroke: #4A90E2;
    cursor: pointer; }

.title {
    position: relative; }
.title:after {
    position: absolute;
    left: 0;
    content: " ";
    border-bottom: 1px solid #c4ced1;
    width: 32px;
    padding: 2px;
    display: block; }

.tooltip {
    padding: 12px;
    background-color: white;
    position: relative;
    margin-bottom: 12px;
    background-color: white;
    padding: 24px; }
.tooltip:before {
    content: " ";
    width: 17px;
    height: 17px;
    background-color: white;
    display: block;
    position: absolute;
    bottom: -8px;
    left: 17px;
    right: auto;
    transform: rotateZ(45deg);
    -ms-transform: rotate(45deg); }
.tooltip:after {
    content: " ";
    width: 100%;
    height: 19px;
    background-color: white;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0; }

.tooltip.tooltip--bottom-right,
.js-tooltip-target--right .tooltip {
    padding: 12px;
    background-color: white;
    position: relative;
    margin-bottom: 12px;
    padding: 24px; }
.tooltip.tooltip--bottom-right:before,
.js-tooltip-target--right .tooltip:before {
    content: " ";
    width: 17px;
    height: 17px;
    background-color: white;
    display: block;
    position: absolute;
    bottom: -8px;
    left: auto;
    right: 17px;
    transform: rotateZ(45deg);
    -ms-transform: rotate(45deg); }
.tooltip.tooltip--bottom-right:after,
.js-tooltip-target--right .tooltip:after {
    content: " ";
    width: 100%;
    height: 19px;
    background-color: white;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0; }

.tooltip.tooltip--below {
    padding: 12px;
    background-color: white;
    position: relative;
    margin-bottom: 12px;
    padding: 24px; }
.tooltip.tooltip--below:before {
    content: " ";
    width: 17px;
    height: 17px;
    background-color: white;
    display: block;
    position: absolute;
    top: -8px;
    bottom: auto;
    left: auto;
    right: 17px;
    transform: rotateZ(45deg);
    -ms-transform: rotate(45deg); }
.tooltip.tooltip--below:after {
    content: " ";
    width: 100%;
    height: 19px;
    background-color: white;
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.tooltip-target {
    position: fixed;
    transform: translate(0, -100%);
    pointer-events: none;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, transform; }
@media only screen and (max-width: 600px) {
    .tooltip-target {
        min-width: 49%; } }

.tooltip-target--right,
.js-tooltip-target--right {
    transform: translate(-100%, -100%); }

.tooltip-target.tooltip--exact {
    transform: translate(-37px, -100%); }
.tooltip-target.tooltip--exact.js-tooltip-target--right {
    transform: translateX(-100%) translateX(37px) translateY(-100%); }

.tooltip-target.tooltip-target.tooltip-target--below {
    transform: translateX(-100%) translateX(37px) translateY(18px); }

.tooltip-target.js-is-active {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 200ms linear, transform 200ms cubic-bezier(0, 0.11, 0.08, 1.76); }

.tooltip-target.js-is-animating {
    visibility: visible; }

.unlock {
    cursor: pointer;
    display: inline-block;
    color: #72787a;
    padding: 8px;
    padding-right: 16px; }
.unlock:before {
    content: "";
    font-size: 18px;
    margin-right: 8px;
    vertical-align: top; }

@media only screen and (max-width: 600px) {
    .is-visible-mobile.is-visible-mobile {
        display: block !important;
        visibility: visible; } }

.styleguide {
    background-color: white;
    margin-top: 5em; }

.styleguide .sidebar a {
    display: block; }

.styleguide > h1 {
    width: 100%;
    background-color: #333;
    color: white;
    padding: 1em;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    z-index: 10; }

.styleguide code {
    display: block;
    background-color: #ebeeef;
    padding: 16px;
    margin: 16px;
    border: 5px solid #c4ced1; }

.styleguide-title {
    background-color: #333;
    padding: 1em;
    margin: 32px 0;
    color: white; }
.styleguide-title.wip {
    position: relative;
    overflow: hidden; }
.styleguide-title.wip:after {
    content: "Work in progress";
    color: white;
    background-color: #EB3d2c;
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 8px; }
@media only screen and (max-width: 600px) {
    .styleguide-title.wip:after {
        top: 0;
        right: 0;
        padding: 4px;
        opacity: 0.7; } }

.styleguide-explanation p {
    margin: 1em; }

.styleguide-table {
    border-collapse: collapse; }
.styleguide-table th {
    background-color: #333;
    color: #fff;
    padding: 0.5em; }
.styleguide-table td {
    padding: 1em;
    vertical-align: top; }

.styleguide-colors {
    width: 100%;
    table-layout: fixed; }
.styleguide-colors td {
    color: white;
    padding: 2em; }
@media only screen and (max-width: 988px) {
    .styleguide-colors td {
        padding: 1em; } }
@media only screen and (max-width: 600px) {
    .styleguide-colors td {
        padding: 0.5em;
        display: block;
        width: 100%;
        box-sizing: border-box; } }

.styleguide-ondark {
    background-color: #111;
    color: #fff; }

.styleguide-bgcol1 {
    background-color: #ddd; }

.styleguide-bgcol2 {
    background-color: #ccc; }

.styleguide-bgcol3 {
    background-color: #bbb !important; }

.styleguide-bgcol4 {
    background-color: #aaa; }

.styleguide-bgcol5 {
    background-color: #999; }

.styleguide-bgcol6 {
    background-color: #888; }

.styleguide-bgcol7 {
    background-color: #777; }

.styleguide:after {
    position: fixed;
    top: 0;
    right: 0;
    padding: 8px;
    background-color: #333;
    color: white;
    z-index: 99;
    /*content: "!! No breakpoint defined !!"; */}
@media only screen and (max-width: 988px) {
    .styleguide:after {
        /*content: "Tablet"; */} }
@media only screen and (max-width: 600px) {
    .styleguide:after {
        /*content: "Mobile";*/ } }
@media only screen and (min-width: 989px) {
    .styleguide:after {
        /*content: "Desktop"*/; } }

.styleguide-grid {
    position: relative;
    z-index: 10; }
.styleguide-grid h3 {
    margin-top: 1em;
    padding: 16px; }
.styleguide-grid p {
    text-align: center;
    padding: 32px; }
.styleguide-grid .l-grid-cell, .styleguide-grid .content, .styleguide-grid .sidebar {
    margin-top: 16px; }

.styleguide-index {
    padding: 1em;
    position: fixed;
    top: 97px;
    z-index: 1; }

.styleguide .section > h2 + .styleguide-switcher {
    margin-top: -32px;
    padding: 8px;
    display: block;
    background-color: #72787a; }

.styleguide-colors .cell {
    padding: 8px;
    clear: both; }

.styleguide-colors .p20 {
    padding: 4px;
    display: block;
    float: right; }





h3{
    color: white;
    font-size: 22px;
}

.links{
    text-align: center;
    height: 300px;
    min-width: 170px;
}

img{
    height: 90px;
}

#auskunft{
    padding: 1em;
}

#width{
    width: 49.9525%;
}

#logo{
    height: 32px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#titel{
    padding-bottom: 20px;
}

#ir{
    background-image: url("weltkugel-transparent_200px_schmal.png");
    background-position: right center;
    background-repeat: no-repeat;
    text-align: center;
}

#f1Title{
    border-bottom: 1px solid #c4ced1;
    width: 570px;
    font-size: 16px;
    font-weight: bold;
    color: #323536;
    font-family: "Clear Sans", sans-serif;
}

.sublegend{
    line-height: 1.286;
    color: #323536;
    font-size: 14px;
    text-decoration: none;
}

#footer2 > .container > .content > p{

}

#ir > .bdiv > p{
    color: white;
}

#footer2 > .container > .content > .t-footnote > span{
    font-weight: normal;
}

#header > h1{
    width: 100%;
    color: black;
    padding: 1em;
    box-sizing: border-box;
    top: 0;
    z-index: 10;
}

#line{
    height: 50px;
}

.position{
    margin-right: 50px;
}

#footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 312px;
}

#info{
    padding-left: 5px;
    padding-right: 5px;
    max-width: 300px;
    margin: auto;
}

#footer1{
    background-color: #ebeeef;
}

#footer2{
    background-color: #23344c;
    color: #909799;
    font-family: "Clear Sans", sans-serif;
    font-size: 14px;
    line-height: 1.286;
    font-weight: normal;
}

#copy{
    color: white;
    font-size: 14px;
}

#nzz{
    color: #909799;
    font-size: 14px;
    margin-right: 94px;
}

#imprint{
    color: #909799;
    font-size: 14px;
}

.button{
    margin-top: 20px;
}

html{
    position: relative;
    min-height: 100%;
}

body{
    margin: 0 0 312px;
}

.bdiv{
    height: 200px;
}