@import url('https://fonts.googleapis.com/css?family=Italianno'); @import url('https://fonts.googleapis.com/css?family=Parisienne'); @charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

@font-face {
    font-family: "Daytona W01 Light";
    src: url('Daytona W01 Light.ttf');
    font-weight: 400;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* Global



------------------------------------------------------------------------------*/
html {
    font: 62.5% "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
    /* Widescreen Global base font-size */
; }

body {
    background: #FFF;
    color: #333;
    font-size: 13px;
    font-size: 1.3rem;
    min-width: 320px;
    /* Equal to $break-smartphone */
    overflow-y: hidden;
}

body.cms-lang-jp {
    font-family: "MS PGothic", sans-serif;
}

div, dt, form, label, li, p, span {
    display: block;
    margin: 7px 0;
}

@media screen and (min-device-width: 320px) {
    div, dt, form, label, li, p, span {
        /* MQ: Smartphone */ margin: 0;
    }
    .image-alignment{
        padding-left: 0px;
        padding-right: unset !important;
    }
}

@media screen and (min-device-width: 320px) {
    li {
        /* MQ: Smartphone */ display: list-item;
    }
}

@media screen and (min-device-width: 320px) {
    span, label {
        /* MQ: Smartphone */ display: inline;
    }
}

/* Basic Design



------------------------------------------------------------------------------*/
#header {
    background: #f1f1f1;
    margin: 0;
    padding: .5em .5em;
}

@media screen and (min-device-width: 320px) {
    #header {
        /* MQ: Smartphone */ padding: 0;
    }
}

#content, #footer-nav, #footer {
    padding: .2em .5em;
}

@media screen and (min-device-width: 320px) {
    #content, #footer-nav, #footer {
        /* MQ: Smartphone */ padding: 0;
    }
}

/* Typography



------------------------------------------------------------------------------*/
h1, h2 {
    font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.cms-lang-jp h1, .cms-lang-jp h2 {
    font-family: "MS PGothic", sans-serif;
}

h1 {
    font-size: 26px;
    font-size: 2.6rem;
    margin: 7px 0 14px;
}

@media screen and (min-width: 600px) {
    h1 {
        /* MQ: Tablet */ font-size: 30px;
        font-size: 3rem;
    }
}

h1 span {
    color: #999999;
}

h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 7px 0;
}

h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 7px 0 5px;
    text-align: left;
}

sub, sup {
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 1;
}

sub {
    vertical-align: text-bottom;
}

sup {
    vertical-align: text-top;
}

/* Links



------------------------------------------------------------------------------*/
a {
    color: #4377bc;
    text-decoration: none;
}

a:hover {
    color: #dead26;
    text-decoration: underline;
}

/* truncator */
a[href='#more'], a[href='#less'] {
    color: #666666;
    font-size: 11px;
    font-size: 1.1rem;
    text-decoration: underline;
    white-space: nowrap;
}

a[href='#more']:hover, a[href='#less']:hover {
    color: #333;
}

/* external */
a.external:after {
    /* blue external link indicator */
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALUlEQVQYlWNgLDv8H4YZoABFDFkCGeBVABPDqgBDA7rdWO3C5gacVmBVgA8DACqIPj0jO7W7AAAAAElFTkSuQmCC") no-repeat right center;
    /* patternify URL: http://ptrn.it/ugEXX3 */
    content: '';
    display: inline-block;
    height: 8px;
    margin-left: 7px;
    width: 8px;
}

/* Hiding



------------------------------------------------------------------------------*/
.hidden {
    display: none !important;
    visibility: hidden;
}

#gimme-satisfaction, #reader-overlay, .js-hidden, .pillow-btn, .no-js #results-only-access-checkbox, .tooltip {
    display: none;
}

#pub-date-graph {
    position: absolute;
    left: -1000px;
}

@media screen and (min-width: 1004px) {
    #pub-date-graph {
        /* MQ: Widescreen */ position: relative;
        left: auto;
    }
}

.bar-dock {
    position: absolute;
    left: -100000px;
}

@media screen and (min-width: 600px) {
    .bar-dock {
        /* MQ: Tablet */ position: static;
        left: auto;
    }
}

.flyout-caption {
    position: absolute;
    left: -10000px;
}

@media screen and (min-device-width: 320px) {
    .flyout-caption {
        /* MQ: Smartphone */ left: auto;
    }
}

@media screen and (min-width: 600px) {
    #gimme-satisfaction {
        /* MQ: Tablet */ display: block;
    }
}

#fdbk_tab {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0;
}

@media screen and (min-width: 1004px) {
    #fdbk_tab {
        /* MQ: Widescreen */ opacity: 1;
    }
}

@media screen and (max-width: 1020px) {
    #fdbk_tab {
        display: none;
    }
}

.js #fdbk_screen {
    opacity: .75;
}

/* Accessibility



------------------------------------------------------------------------------*/
.accessibility {
    position: absolute;
    left: -100000px;
}

/* JavaScript/Chrome/Redirect -prompt notices



------------------------------------------------------------------------------*/
.no-js {
    padding-top: 42px;
}

/* Specific module styles for Base mode



------------------------------------------------------------------------------*/
/* Scale #site-qualifier to full-width */
#site-qualifier img {
    width: 98%;
}

@media screen and (min-device-width: 320px) {
    #site-qualifier img {
        /* MQ: Smartphone */ width: auto;
    }
}

/* Make call-to-actions more prominent */
#abstract-actions, .bar-actions {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

@media screen and (min-device-width: 320px) {
    #abstract-actions, .bar-actions {
        /* MQ: Smartphone */ font-size: 100%;
        font-weight: normal;
    }
}

#abstract-actions a span, .bar-actions a span {
    display: inline-block;
}

img.lazy {
    display: none;
}

/* Qualaroo */
#ki_container {
    display: none;
}

@media screen and (min-width: 1100px) {
    #ki_container {
        display: block;
    }
}

/* Forms



------------------------------------------------------------------------------*/
button, input, select, textarea {
    color: #666666;
    font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.cms-lang-jp button, .cms-lang-jp input, .cms-lang-jp select, .cms-lang-jp textarea {
    font-family: "MS PGothic", sans-serif;
}

input[type=text], input[type=email], input[type=number], input[type=date], input[type=password], textarea {
    background-color: #FFF;
    border: 1px solid #bcbcbc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 2px 2px 5px #efefef;
    -moz-box-shadow: inset 2px 2px 5px #efefef;
    box-shadow: inset 2px 2px 5px #efefef;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 4px 3px;
}

input[type=text].placeholder, input[type=email].placeholder, input[type=password].placeholder {
    color: #999999;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus {
    border-color: #3A2C12;
    -webkit-box-shadow: 0 0 3px #3A2C12;
    -moz-box-shadow: 0 0 3px #3A2C12;
    box-shadow: 0 0 3px #3A2C12;
    outline: none;
}

button, input[type=button], input[type=submit], input[type=image], label {
    cursor: pointer;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    /* remove button padding in firefox */
    border: 0;
    padding: 0;
}

.lt-ie8 input, .lt-ie8 select {
    vertical-align: middle;
}

meta.foundation-version {
    font-family: "/{{VERSION}}/";
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0;
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 37.4em)/";
    width: 0;
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:37.47143em)/";
    width: 37.47143em;
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:37.47143em) and (max-width:62.65em)/";
    width: 37.47143em;
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:62.72143em)/";
    width: 62.72143em;
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:62.72143em) and (max-width:100em)/";
    width: 62.72143em;
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:100.07143em)/";
    width: 100.07143em;
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:100.07143em) and (max-width:200em)/";
    width: 100.07143em;
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:200.07143em)/";
    width: 200.07143em;
}

meta.foundation-data-attribute-namespace {
    font-family: false;
}

.row {
    margin: 0 auto;
    max-width: 72.8571em;
    width: 100%;
}

.row:before, .row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row.collapse>.column, .row.collapse>.columns {
    padding-left: 0;
    padding-right: 0;
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0;
}

.row .row {
    margin: 0 -1.4285em;
    max-width: none;
    width: auto;
}

.row .row:before, .row .row:after {
    content: " ";
    display: table;
}

.row .row:after {
    clear: both;
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto;
}

.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table;
}

.row .row.collapse:after {
    clear: both;
}

.column, .columns {
    padding-left: 1.4285em;
    padding-right: 1.4285em;
    width: 100%;
    float: left;
}

.column+.column:last-child, .columns+.column:last-child, .column+.columns:last-child, .columns+.columns:last-child {
    float: right;
}

.column+.column.end, .columns+.column.end, .column+.columns.end, .columns+.columns.end {
    float: left;
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .column, .columns {
        position: relative;
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }

    .small-1 {
        width: 8.33333%;
    }

    .small-2 {
        width: 16.66667%;
    }

    .small-3 {
        width: 25%;
    }

    .small-4 {
        width: 33.33333%;
    }

    .small-5 {
        width: 41.66667%;
    }

    .small-6 {
        width: 50%;
    }

    .small-7 {
        width: 58.33333%;
    }

    .small-8 {
        width: 66.66667%;
    }

    .small-9 {
        width: 75%;
    }

    .small-10 {
        width: 83.33333%;
    }

    .small-11 {
        width: 91.66667%;
    }

    .small-12 {
        width: 100%;
    }

    .small-offset-0 {
        margin-left: 0 !important;
    }

    .small-offset-1 {
        margin-left: 8.33333% !important;
    }

    .small-offset-2 {
        margin-left: 16.66667% !important;
    }

    .small-offset-3 {
        margin-left: 25% !important;
    }

    .small-offset-4 {
        margin-left: 33.33333% !important;
    }

    .small-offset-5 {
        margin-left: 41.66667% !important;
    }

    .small-offset-6 {
        margin-left: 50% !important;
    }

    .small-offset-7 {
        margin-left: 58.33333% !important;
    }

    .small-offset-8 {
        margin-left: 66.66667% !important;
    }

    .small-offset-9 {
        margin-left: 75% !important;
    }

    .small-offset-10 {
        margin-left: 83.33333% !important;
    }

    .small-offset-11 {
        margin-left: 91.66667% !important;
    }

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.small-centered, .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.small-uncentered, .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.small-centered:last-child, .columns.small-centered:last-child {
        float: none;
    }

    .column.small-uncentered:last-child, .columns.small-uncentered:last-child {
        float: left;
    }

    .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
        float: right;
    }

    .row.small-collapse>.column, .row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.small-uncollapse>.column, .row.small-uncollapse>.columns {
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }
}

@media only screen and (min-width: 37.47143em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .column, .columns {
        position: relative;
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }

    .medium-1 {
        width: 8.33333%;
    }

    .medium-2 {
        width: 16.66667%;
    }

    .medium-3 {
        width: 25%;
    }

    .medium-4 {
        width: 33.33333%;
    }

    .medium-5 {
        width: 41.66667%;
    }

    .medium-6 {
        width: 50%;
    }

    .medium-7 {
        width: 58.33333%;
    }

    .medium-8 {
        width: 66.66667%;
    }

    .medium-9 {
        width: 75%;
    }

    .medium-10 {
        width: 83.33333%;
    }

    .medium-11 {
        width: 91.66667%;
    }

    .medium-12 {
        width: 100%;
    }

    .medium-offset-0 {
        margin-left: 0 !important;
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important;
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important;
    }

    .medium-offset-3 {
        margin-left: 25% !important;
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important;
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important;
    }

    .medium-offset-6 {
        margin-left: 50% !important;
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important;
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important;
    }

    .medium-offset-9 {
        margin-left: 75% !important;
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important;
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important;
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.medium-centered, .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.medium-uncentered, .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.medium-centered:last-child, .columns.medium-centered:last-child {
        float: none;
    }

    .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child {
        float: left;
    }

    .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
        float: right;
    }

    .row.medium-collapse>.column, .row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.medium-uncollapse>.column, .row.medium-uncollapse>.columns {
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .small-2 img {
        width: 100%;
    }
}

@media only screen and (min-width: 62.72143em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .column, .columns {
        position: relative;
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }

    .large-1 {
        width: 8.33333%;
    }

    .large-2 {
        width: 16.66667%;
    }

    .large-3 {
        width: 20%;
    }

    .large-4 {
        width: 33.33333%;
    }

    .large-5 {
        width: 41.66667%;
    }

    .large-6 {
        width: 50%;
    }

    .large-7 {
        width: 58.33333%;
    }

    .large-8 {
        width: 66.66667%;
    }

    .large-9 {
        width: 80%;
    }

    .large-10 {
        width: 83.33333%;
    }

    .large-11 {
        width: 91.66667%;
    }

    .large-12 {
        width: 100%;
    }

    .large-offset-0 {
        margin-left: 0 !important;
    }

    .large-offset-1 {
        margin-left: 8.33333% !important;
    }

    .large-offset-2 {
        margin-left: 16.66667% !important;
    }

    .large-offset-3 {
        margin-left: 25% !important;
    }

    .large-offset-4 {
        margin-left: 33.33333% !important;
    }

    .large-offset-5 {
        margin-left: 41.66667% !important;
    }

    .large-offset-6 {
        margin-left: 50% !important;
    }

    .large-offset-7 {
        margin-left: 58.33333% !important;
    }

    .large-offset-8 {
        margin-left: 66.66667% !important;
    }

    .large-offset-9 {
        margin-left: 75% !important;
    }

    .large-offset-10 {
        margin-left: 83.33333% !important;
    }

    .large-offset-11 {
        margin-left: 91.66667% !important;
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.large-centered, .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.large-uncentered, .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.large-centered:last-child, .columns.large-centered:last-child {
        float: none;
    }

    .column.large-uncentered:last-child, .columns.large-uncentered:last-child {
        float: left;
    }

    .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
        float: right;
    }

    .row.large-collapse>.column, .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.large-uncollapse>.column, .row.large-uncollapse>.columns {
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -1.4285em;
}

[class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table;
}

[class*="block-grid-"]:after {
    clear: both;
}

[class*="block-grid-"]>li {
    display: block;
    float: left;
    height: auto;
    padding: 0 1.4285em 2.857em;
}

@media only screen {
    .small-block-grid-1>li {
        list-style: none;
        width: 100%;
    }

    .small-block-grid-1>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both;
    }

    .small-block-grid-2>li {
        list-style: none;
        width: 50%;
    }

    .small-block-grid-2>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: both;
    }

    .small-block-grid-3>li {
        list-style: none;
        width: 33.33333%;
    }

    .small-block-grid-3>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both;
    }

    .small-block-grid-4>li {
        list-style: none;
        width: 25%;
    }

    .small-block-grid-4>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both;
    }

    .small-block-grid-5>li {
        list-style: none;
        width: 20%;
    }

    .small-block-grid-5>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both;
    }

    .small-block-grid-6>li {
        list-style: none;
        width: 16.66667%;
    }

    .small-block-grid-6>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 37.47143em) {
    .medium-block-grid-1>li {
        list-style: none;
        width: 100%;
    }

    .medium-block-grid-1>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-1>li:nth-of-type(1n+1) {
        clear: both;
    }

    .medium-block-grid-2>li {
        list-style: none;
        width: 50%;
    }

    .medium-block-grid-2>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-2>li:nth-of-type(2n+1) {
        clear: both;
    }

    .medium-block-grid-3>li {
        list-style: none;
        width: 33.33333%;
    }

    .medium-block-grid-3>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-3>li:nth-of-type(3n+1) {
        clear: both;
    }

    .medium-block-grid-4>li {
        list-style: none;
        width: 25%;
    }

    .medium-block-grid-4>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-4>li:nth-of-type(4n+1) {
        clear: both;
    }

    .medium-block-grid-5>li {
        list-style: none;
        width: 20%;
    }

    .medium-block-grid-5>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-5>li:nth-of-type(5n+1) {
        clear: both;
    }

    .medium-block-grid-6>li {
        list-style: none;
        width: 16.66667%;
    }

    .medium-block-grid-6>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-6>li:nth-of-type(6n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 62.72143em) {
    .large-block-grid-1>li {
        list-style: none;
        width: 100%;
    }

    .large-block-grid-1>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both;
    }

    .large-block-grid-2>li {
        list-style: none;
        width: 50%;
    }

    .large-block-grid-2>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-2>li:nth-of-type(2n+1) {
        clear: both;
    }

    .large-block-grid-3>li {
        list-style: none;
        width: 33.33333%;
    }

    .large-block-grid-3>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both;
    }

    .large-block-grid-4>li {
        list-style: none;
        width: 25%;
    }

    .large-block-grid-4>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both;
    }

    .large-block-grid-5>li {
        list-style: none;
        width: 20%;
    }

    .large-block-grid-5>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both;
    }

    .large-block-grid-6>li {
        list-style: none;
        width: 16.66667%;
    }

    .large-block-grid-6>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both;
    }
}

/* small displays */
@media only screen {
    .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

/* medium displays */
@media only screen and (min-width: 37.47143em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

/* large displays */
@media only screen and (min-width: 62.72143em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

/* xlarge displays */
@media only screen and (min-width: 100.07143em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

/* xxlarge displays */
@media only screen and (min-width: 200.07143em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

/* Orientation targeting */
.show-for-landscape, .hide-for-portrait {
    display: inherit !important;
}

.hide-for-landscape, .show-for-portrait {
    display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
    display: table !important;
}

thead.hide-for-landscape, thead.show-for-portrait {
    display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
    display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
    display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
    display: table-cell !important;
}

@media only screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: inherit !important;
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important;
    }

    /* Specific visibility for tables */
    table.show-for-landscape, table.hide-for-portrait {
        display: table !important;
    }

    thead.show-for-landscape, thead.hide-for-portrait {
        display: table-header-group !important;
    }

    tbody.show-for-landscape, tbody.hide-for-portrait {
        display: table-row-group !important;
    }

    tr.show-for-landscape, tr.hide-for-portrait {
        display: table-row !important;
    }

    td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {
        display: table-cell !important;
    }
}

@media only screen and (orientation: portrait) {
    .show-for-portrait, .hide-for-landscape {
        display: inherit !important;
    }

    .hide-for-portrait, .show-for-landscape {
        display: none !important;
    }

    /* Specific visibility for tables */
    table.show-for-portrait, table.hide-for-landscape {
        display: table !important;
    }

    thead.show-for-portrait, thead.hide-for-landscape {
        display: table-header-group !important;
    }

    tbody.show-for-portrait, tbody.hide-for-landscape {
        display: table-row-group !important;
    }

    tr.show-for-portrait, tr.hide-for-landscape {
        display: table-row !important;
    }

    td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {
        display: table-cell !important;
    }
}

/* Touch-enabled device targeting */
.show-for-touch {
    display: none !important;
}

.hide-for-touch {
    display: inherit !important;
}

.touch .show-for-touch {
    display: inherit !important;
}

.touch .hide-for-touch {
    display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
    display: table !important;
}

.touch table.show-for-touch {
    display: table !important;
}

thead.hide-for-touch {
    display: table-header-group !important;
}

.touch thead.show-for-touch {
    display: table-header-group !important;
}

tbody.hide-for-touch {
    display: table-row-group !important;
}

.touch tbody.show-for-touch {
    display: table-row-group !important;
}

tr.hide-for-touch {
    display: table-row !important;
}

.touch tr.show-for-touch {
    display: table-row !important;
}

td.hide-for-touch {
    display: table-cell !important;
}

.touch td.show-for-touch {
    display: table-cell !important;
}

th.hide-for-touch {
    display: table-cell !important;
}

.touch th.show-for-touch {
    display: table-cell !important;
}

/* Screen reader-specific classes */
.show-for-sr {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.show-on-focus:focus, .show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
}

/*



 * Print styles.



 *



 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/



 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)



*/
.print-only {
    display: none !important;
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000000 !important;
        /* Black prints faster: h5bp.com/s */
        text-shadow: none !important;
    }

    .show-for-print {
        display: block;
    }

    .hide-for-print {
        display: none;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    ; }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @ page {
    margin: .5cm;
}

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .hide-on-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    .show-for-print {
        display: inherit !important;
    }
}

/* Print visibility */
@media print {
    .show-for-print {
        display: block;
    }

    .hide-for-print {
        display: none;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }
}

@media not print {
    .show-for-print {
        display: none !important;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* SpringerNature page layout



  ------------------------------------------------------------------------------*/#wrapper, .page-wrapper {
    -webkit-box-shadow: 0 0 4px #BBB;
    -moz-box-shadow: 0 0 4px #BBB;
    box-shadow: 0 0 4px #BBB;
    background-color: #FFF;
    margin: 0 auto;
    position: relative;
}
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #wrapper, .page-wrapper {
        /* MQ: Tablet */;
    }
}

@media screen and (min-device-width: 320px) {
    #wrapper #content, .page-wrapper #content {
        -webkit-transition: padding 0.25s ease-in-out;
        -moz-transition: padding 0.25s ease-in-out;
        -o-transition: padding 0.25s ease-in-out;
        transition: padding 0.25s ease-in-out;
        padding: 0;
    }

    #wrapper #content:before, #wrapper #content:after, .page-wrapper #content:before, .page-wrapper #content:after {
        content: " ";
        display: table;
    }

    #wrapper #content:after, .page-wrapper #content:after {
        clear: both;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #wrapper #content, .page-wrapper #content {
        /* MQ: Tablet */ padding: 0 20px 60px;
    }

    .cms-barebone #wrapper #content, .cms-barebone .page-wrapper #content {
        padding: 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Layouts



  ------------------------------------------------------------------------------*//* based on a 980 grid with 12 columns,*/ .col-aside, .col-main {
    margin: 0 0 30px 0;
    width: 100%;
}
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .col-aside, .col-main {
        /* MQ: Tablet */ display: inline;
        float: left;
        margin: 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* layout 1 (4/8, e.g. home) */ .layout-1:before, .layout-1:after {
    content: " ";
    display: table;
}

    .layout-1:after {
        clear: both;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-1 .col-aside {
        /* MQ: Tablet */ width: 31.914893617%;
        /* Math: 300 / 940 */
    ; }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-1 .col-main {
        /* MQ: Tablet */ float: right;
        width: 65.9574468085%;
        /* Math: 620 / 940 */
    ; }
}

@media screen and (min-device-width: 320px) {
    /* layout 2 (3/9, e.g. results) */ .layout-2:before, .layout-2:after {
    content: " ";
    display: table;
}

    .layout-2:after {
        clear: both;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-2 .col-aside {
        /* MQ: Tablet */ width: 23.4042553191%;
        /* Math: 220 / 940 */
    ; }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-2 .col-main {
        /* MQ: Tablet */ float: right;
        width: 74.4680851064%;
        /* Math: 700 / 940 */
    ; }
}

@media screen and (min-device-width: 320px) {
    /* layout 3 (8/4, e.g. abstract) */ .layout-3:before, .layout-3:after {
    content: " ";
    display: table;
}

    .layout-3:after {
        clear: both;
    }

    .layout-3 .col-main {
        position: relative;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-3 .col-main {
        /* MQ: Tablet */ margin-left: 4.25531914894%;
        /* Math: 40 / 940 */
        width: 61.7021276596%;
        /* Math: 580 / 940 */
    ; }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-3 .col-aside {
        /* MQ: Tablet */ margin-left: 4.25531914894%;
        /* Math: 40 / 940 */
        width: 25.5319148936%;
        /* Math: 240 / 940 */
    ; }
}

@media screen and (min-device-width: 320px) {
    /* layout 3b (8/4 width col-aside first, e.g. only Signup) */ .layout-3b:before, .layout-3b:after {
    content: " ";
    display: table;
}

    .layout-3b:after {
        clear: both;
    }

    .layout-3b .col-main {
        position: relative;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-3b .col-main {
        /* MQ: Tablet */ margin-left: 4.25531914894%;
        /* Math: 40 / 940 */
        width: 61.7021276596%;
        /* Math: 580 / 940 */
    ; }
}

@media screen and (min-device-width: 320px) {
    .layout-3b .col-aside {
        margin-bottom: 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-3b .col-aside {
        /* MQ: Tablet */ float: right;
        margin: auto 4.25531914894% 30px auto;
        width: 25.5319148936%;
        /* Math: 240 / 940 */
    ; }
}

@media screen and (min-device-width: 320px) {
    /* layout 4 (~7, e.g. info) */;
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-4 {
        /* MQ: Tablet */ padding: 10px 34.0425531915% 54px 4.25531914894%;
        /* Math: 320 / 940 &  40 / 940*/
    ; }
}

@media screen and (min-device-width: 320px) {
    /* layout 5 (1 column) */;
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-5 {
        /* MQ: Tablet */ padding: 0 4.95283018868%;
        /* Math: 42 / 848 */
    ; }
}

@media screen and (min-device-width: 320px) {
    /* layout 6 (6/6 without margins, e.g. support/manage promotions) */ .layout-6:before, .layout-6:after {
    content: " ";
    display: table;
}

    .layout-6:after {
        clear: both;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-6 .col-main {
        /* MQ: Tablet */ width: 46.808511%;
        /*44.6808510638%;   /* Math: 440 / 940 */
    ; }
}

@media screen and (min-device-width: 320px) {
    .layout-6 .col-aside {
        position: relative;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-6 .col-aside {
        /* MQ: Tablet */ margin-left: 6.3829787234%;
        /* Math: 60 / 940 */
        width: 46.808511%;
        /* Math: 440 / 940 */
    ; }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Abstract actions */ #abstract-actions {
    margin: 17px 0;
    min-height: 25px;
}

    #abstract-actions .action {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 #FFF;
        box-shadow: inset 0 1px 0 #FFF;
        border: 1px solid #bcbcbc;
        color: #666666;
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 0;
        min-height: 30px;
        padding: 0;
        vertical-align: top;
        width: 99.5%;
        display: inline-block;
        /*Action icons*/
    ; }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #abstract-actions .action {
        /* MQ: Tablet */ min-width: 19em;
        max-width: 48%;
    }

    #abstract-actions .action:first-child {
        margin: 0 6px 6px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action {
        /* MQ: Widescreen */ background: none;
        background-image: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0;
        -moz-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        border: none;
        color: #3A2C12;
        font-size: 12px;
        font-size: 1.2rem;
        margin-right: 0;
        min-height: 0;
        padding: 0;
        vertical-align: middle;
        width: auto;
        min-width: 0;
        max-width: 100%;
    }

    #abstract-actions .action:first-child {
        margin: 0 26px 0 0;
    }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .action:hover, #abstract-actions .action:focus, #abstract-actions .action:active {
        border-color: #999999;
        color: #333;
        text-decoration: none;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action:hover, #abstract-actions .action:focus, #abstract-actions .action:active {
        /* MQ: Widescreen */ border: none;
        color: #3A2C12;
        text-decoration: underline;
    }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .action:active, #abstract-actions .action.act {
        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action:active, #abstract-actions .action.act {
        /* MQ: Widescreen */ -webkit-box-shadow: 0px 0px #000000;
        -moz-box-shadow: 0px 0px #000000;
        box-shadow: 0px 0px #000000;
    }
}

@media screen and (min-device-width: 320px) {
    .ie9 #abstract-actions .action:active {
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(direction=0,color=#000000,strength=5);";
    }

    #abstract-actions .action a:before {
        content: '';
    }

    #abstract-actions .action a {
        color: #333;
        display: block;
        line-height: 2.6;
        padding: 6px 6px 6px 48px;
        white-space: nowrap;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action a {
        /* MQ: Widescreen */ color: #3A2C12;
        display: inline-block;
        line-height: 2.2;
        padding: 0 0 0 35px;
    }

    #abstract-actions .action a:before {
        content: '\00BB\0020';
    }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .action span {
        display: inline-block;
    }

    #abstract-actions .action.icon-download:first-child, #abstract-actions .action.icon-view:first-child {
        background: #3A2C12 url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#3A2C12));
        background-image: -webkit-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -moz-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -ms-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -o-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: linear-gradient(top, #38a0e5, #3A2C12);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        border-color: #3A2C12;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-download:first-child, #abstract-actions .action.icon-view:first-child {
        /* MQ: Widescreen */ background: none;
        background-image: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0;
        -moz-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        border: none;
        color: #3A2C12;
        font-size: 12px;
        font-size: 1.2rem;
        margin-right: 0;
        min-height: 0;
        padding: 0;
        vertical-align: middle;
        width: auto;
        min-width: 0;
        max-width: 100%;
    }

    #abstract-actions .action.icon-download:first-child:first-child, #abstract-actions .action.icon-view:first-child:first-child {
        margin: 0 26px 0 0;
    }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .action.icon-download:first-child:hover, #abstract-actions .action.icon-download:first-child:focus, #abstract-actions .action.icon-download:first-child:active, #abstract-actions .action.icon-download:first-child.act, #abstract-actions .action.icon-view:first-child:hover, #abstract-actions .action.icon-view:first-child:focus, #abstract-actions .action.icon-view:first-child:active, #abstract-actions .action.icon-view:first-child.act {
        border-color: #0266a8;
        color: #b3dcf5;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-download:first-child:hover, #abstract-actions .action.icon-download:first-child:focus, #abstract-actions .action.icon-download:first-child:active, #abstract-actions .action.icon-download:first-child.act, #abstract-actions .action.icon-view:first-child:hover, #abstract-actions .action.icon-view:first-child:focus, #abstract-actions .action.icon-view:first-child:active, #abstract-actions .action.icon-view:first-child.act {
        /* MQ: Widescreen */ -webkit-box-shadow: 0 0 0;
        -moz-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        border: none;
        color: #3A2C12;
        text-decoration: underline;
    }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .action.icon-download:first-child a, #abstract-actions .action.icon-download:first-child span, #abstract-actions .action.icon-view:first-child a, #abstract-actions .action.icon-view:first-child span {
        color: #FFF;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-download:first-child a, #abstract-actions .action.icon-download:first-child span, #abstract-actions .action.icon-view:first-child a, #abstract-actions .action.icon-view:first-child span {
        /* MQ: Widescreen */ color: #3A2C12;
    }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .action.icon-download a {
        background-position: 12px -91px;
        /* white icon */
    ; }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-download a {
        /* MQ: Widescreen */ background-position: 0 -50px;
        /* blue icon */
    ; }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .action.icon-view:first-child a {
        background-position: 12px -241px;
        /* white icon */
    ; }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-view:first-child a {
        /* MQ: Widescreen */ background-position: 0 -200px;
        /* blue icon */
    ; }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .action.icon-view a {
        background-position: 12px -141px;
        /* grey icon */
    ; }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-view a {
        /* MQ: Widescreen */ background-position: 0 -200px;
        /* blue icon */
    ; }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .leaf-pricing {
        overflow: auto;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #abstract-actions .leaf-pricing {
        /* MQ: Tablet */ display: inline-block;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .leaf-pricing {
        /* MQ: Widescreen */ vertical-align: middle;
        margin: 0 14px 0 0;
    }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .leaf-pricing form {
        display: inline;
    }

    #abstract-actions #leaf-pricing-buy-now {
        margin: 0;
        float: right;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #abstract-actions #leaf-pricing-buy-now {
        /* MQ: Tablet */ float: none;
    }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .leaf-pricing-content {
        margin: 0 14px 14px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #abstract-actions .leaf-pricing-content {
        /* MQ: Tablet */;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .leaf-pricing-content {
        /* MQ: Widescreen */ margin-bottom: 0;
        max-width: 256px;
    }
}

@media screen and (min-device-width: 320px) {
    #abstract-actions .leaf-pricing-content h3 {
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 0;
    }

    #abstract-actions .leaf-pricing-content .content-prices {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 14px;
    }

    #abstract-actions .leaf-pricing-content .price-disclaimer {
        font-size: 11px;
        font-size: 1.1rem;
        color: #777777;
    }

    #abstract-actions #leaf-pricing-buy-now, #abstract-actions .leaf-pricing-content {
        display: inline-block;
        vertical-align: top;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Action



  ------------------------------------------------------------------------------*/.action {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
    margin: 7px 26px 7px 0;
    /* link */
    /* text (e.g. filesize) */
; }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .action {
        /* MQ: Tablet */ display: inline-block;
        margin: 0 26px 0 0;
    }
}

@media screen and (min-device-width: 320px) {
    .action a:before {
        content: '\00BB\0020';
    }

    .action span {
        color: #999999;
        font-weight: normal;
    }

    /* Icons (KS: refactoring needed! get rid of *-alt)



  ------------------------------------------------------------------------------*/
    .icon-download a, .icon-download-alt a, .icon-view a, .icon-view-alt a, .icon-browse a, .icon-browse-alt a, .icon-unlock a, .icon-unlock-alt a {
        background: url(/spcom/sites/sgw/images/action_icons.png) no-repeat;
        display: inline-block;
        padding-left: 35px;
    }

    .icon-download a {
        background-position: 12px 9px;
        /* grey */
    ; }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .icon-download a {
        /* MQ: Widescreen */ background-position: 0 -50px;
        /* blue */
    ; }
}

@media screen and (min-device-width: 320px) {
    .icon-view a {
        background-position: 12px -141px;
        /* grey */
    ; }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .icon-view a {
        /* MQ: Widescreen */ background-position: 0 -200px;
        /* blue */
    ; }
}

@media screen and (min-device-width: 320px) {
    .icon-browse a {
        background-position: 12px -291px;
        /* grey */
    ; }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .icon-browse a {
        /* MQ: Widescreen */ background-position: 0 -350px;
        /* blue */
    ; }
}

@media screen and (min-device-width: 320px) {
    .icon-unlock a {
        background-position: 12px -441px;
        /* grey */
    ; }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .icon-unlock a {
        /* MQ: Widescreen */ background-position: 0 -500px;
        /* blue */
    ; }
}

@media screen and (min-device-width: 320px) {
    .icon-download-alt a, .bar-actions .icon-download a {
        background-position: 0 -100px;
        /* white */
    ; }

    .icon-view-alt a, .bar-actions .icon-view a {
        background-position: 0 -250px;
        /* white */
    ; }

    .icon-browse-alt a, .bar-actions .icon-browse a {
        background-position: 0 -400px;
        /* white */
    ; }

    .icon-unlock-alt a, .bar-actions .icon-unlock a {
        background-position: 0 -550px;
        /* white */
    ; }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Actions bar



  ------------------------------------------------------------------------------*//* bar in default state and scrolled state */ .bar-dock {
    display: none;
    min-height: 38px;
}
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .bar-dock {
        /* MQ: Widescreen */ display: block;
    }
}

@media screen and (min-device-width: 320px) {
    .bar-dock.myspringer {
        margin-top: 10px;
        display: block;
    }

    .bar-actions {
        background: #3A2C12 url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#3A2C12));
        background-image: -webkit-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -moz-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -ms-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -o-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: linear-gradient(top, #38a0e5, #3A2C12);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        border: 1px solid #3A2C12;
        color: #FFF;
        min-height: 26px;
        line-height: 2.2;
        padding: 5px 4.148936170936% 4px;
        /* Math: 40 / 940 - 1 / 940 for the border 0,10638297872 */
        position: relative;
        z-index: 10;
    }

    .ie6 .bar-actions {
        height: 26px;
    }

    /* Stick to top of viewport */
; }

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    /* MQ: Widescreen */ .bar-dock .bar-scrolled {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    z-index: 5;
    /* left set via jQuery */
    max-width: 960px;
}
}

@media screen and (min-device-width: 320px) {
    /* links & actions */ .bar-actions a {
    color: #ffffff;
    font-weight: bold;
}

    .bar-actions .action span {
        color: #FFF;
    }

    /* search within */
    .bar-actions form {
        background: url(../images/search_within_arrow.png) no-repeat 0 3px;
        height: 24px;
        padding-left: 22px;
        margin: 7px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .bar-actions form {
        /* MQ: Widescreen */ margin: 0;
        position: absolute;
        right: 40px;
        top: 6px;
    }
}

@media screen and (min-device-width: 320px) {
    .bar-actions input {
        float: left;
    }

    .bar-actions input.search-within {
        border: 1px solid #3A2C12;
        font-size: 12px;
        font-size: 1.2rem;
        height: 18px;
        letter-spacing: 0.02em;
        padding: 2px 10px;
        position: relative;
        width: 189px;
    }

    .bar-actions input.search-within:focus {
        outline: none;
    }

    .bar-actions .search-submit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4918px no-repeat;
        background-color: #3A2C12;
        border: 1px solid #3A2C12;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
        color: #FFF;
        font-size: 14px;
        font-size: 1.4rem;
        height: 24px;
        margin-left: -1px;
        padding: 0;
        position: relative;
        width: 30px;
    }

    .bar-actions .search-submit:hover, .bar-actions .search-submit:focus {
        border-color: #0266a8;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4870px no-repeat;
    }

    .bar-actions .search-submit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4827px no-repeat;
        border-color: #0266a8;
    }

    /* Restricted Access */
    .bar-wrapper {
        position: relative;
    }

    .js .unlock-wrapper {
        position: absolute;
        top: 37px;
        z-index: 5;
        width: 100%;
    }

    .bar-access-restr {
        background: #feeeae url(../images/grdnt_yellow_fff3c6_feeeae.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff3c6), to(#feeeae));
        background-image: -webkit-linear-gradient(top, #fff3c6, #feeeae);
        background-image: -moz-linear-gradient(top, #fff3c6, #feeeae);
        background-image: -ms-linear-gradient(top, #fff3c6, #feeeae);
        background-image: -o-linear-gradient(top, #fff3c6, #feeeae);
        background-image: linear-gradient(top, #fff3c6, #feeeae);
        border: 1px solid #fdda4c;
        border-width: 0 1px 1px 1px;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        color: #333;
        line-height: 2.2;
        min-height: 28px;
        text-align: center;
        text-shadow: 0 2px 1px rgba(255, 255, 255, 0.6);
        padding: 0 4.25531914894% 0 4.25531914894%;
        /* Math: 40 / 940 */
    ; }

    .bar-access-restr strong {
        background: url(../images/lock.png) no-repeat 0 4px;
        display: inline-block;
        padding: 0 0 0 31px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Alert messages



  ------------------------------------------------------------------------------*/.alert {
    position: relative;
    margin: 20px 0;
    border: 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 14px 14px 14px 41px;
    vertical-align: top;
}

    .alert .alert-block {
        padding-bottom: 16px;
    }

    .alert:before {
        position: absolute;
        left: 14px;
        top: 14px;
    }

    .alert *:first-child {
        margin-top: 1px;
    }

    .alert *:last-child {
        margin-bottom: 0;
    }

    .alert p, .alert ul, .alert ol {
        line-height: 1.4;
        margin-bottom: 5px;
    }

    .alert p strong {
        display: block;
        margin-bottom: 5px;
    }

    .alert-success {
        border-color: #71ab0b;
        background: rgba(113, 171, 11, 0.1);
    }

    .alert-success:before {
        content: url(../images/alert-success.png);
        display: block;
        float: none;
        width: 19px;
        height: 19px;
    }

    .alert-info {
        border-color: #38a0e5;
        background: rgba(56, 160, 229, 0.1);
    }

    .alert-info:before {
        content: url(../images/alert-info.png);
        display: block;
        float: none;
        width: 19px;
        height: 19px;
    }

    .alert-warning {
        border-color: #ffcc00;
        background: rgba(255, 204, 0, 0.1);
    }

    .alert-warning:before {
        content: url(../images/alert-warning.png);
        display: block;
        float: none;
        width: 19px;
        height: 19px;
    }

    .alert-error {
        border-color: #c40606;
        background: rgba(196, 6, 6, 0.08);
    }

    .alert-error:before {
        content: url(../images/alert-error.png);
        display: block;
        float: none;
        width: 19px;
        height: 19px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .article-note {
    border-top: 1px solid #dcdcdc;
    padding-top: 7px;
    color: #777777;
    margin: 24px 0;
    /* 24px 0 -13px 0 */
; }

    .article-note div.simple-para, .article-note p {
        display: block;
        font-style: italic;
        line-height: 1.4;
        padding-left: 20px;
        margin: 7px 0 12px 0;
    }

    .article-note div.simple-para:before, .article-note p:before {
        content: "\02022\0020";
        /* bull + space */
        margin-left: -13px;
        padding-right: 4px;
        position: relative;
        top: 0;
    }

    #predecessor-info.article-note {
        border-top: 0 none;
        padding-top: 0;
    }

    #predecessor-info.article-note p {
        margin-top: 0;
    }

    .lt-ie8 .formatted .article-note {
        margin: 2px 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* authors/editors */ .editor-list, .author-list {
    margin: 0 0 7px 0;
}

    .editor-list h2, .author-list h2 {
        display: inline;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 13px;
        font-size: 1.3rem;
        letter-spacing: normal;
    }

    .editor-list ul, .author-list ul {
        display: inline;
    }

    .editor-list .authors li, .editor-list .editors li, .author-list .authors li, .author-list .editors li {
        display: inline;
        line-height: 1.5;
    }

    .editor-list .authors a, .editor-list .editors a, .author-list .authors a, .author-list .editors a {
        border-bottom: 1px solid #D7D6D6;
        color: #333;
    }

    .editor-list .authors a:hover, .editor-list .editors a:hover, .author-list .authors a:hover, .author-list .editors a:hover {
        border-color: #333;
        text-decoration: none;
    }

    .editor-list .authors .show-all-hide-authors, .editor-list .editors .show-all-hide-authors, .author-list .authors .show-all-hide-authors, .author-list .editors .show-all-hide-authors {
        display: none;
    }

    .editor-list .authors .show-all, .editor-list .authors .hide-some, .editor-list .editors .show-all, .editor-list .editors .hide-some, .author-list .authors .show-all, .author-list .authors .hide-some, .author-list .editors .show-all, .author-list .editors .hide-some {
        color: #666666;
        cursor: pointer;
        font-size: 11px;
        font-size: 1.1rem;
        text-decoration: underline;
        white-space: nowrap;
    }

    .editor-list .authors .show-all:hover, .editor-list .authors .hide-some:hover, .editor-list .editors .show-all:hover, .editor-list .editors .hide-some:hover, .author-list .authors .show-all:hover, .author-list .authors .hide-some:hover, .author-list .editors .show-all:hover, .author-list .editors .hide-some:hover {
        color: #333;
    }

    .show-all-authors, .hide-authors, .show-all-editors, .hide-editors {
        color: #3A2C12;
        cursor: pointer;
        text-decoration: underline;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Autosuggest / Autocomplete



    ------------------------------------------------------------------------------*/.ui-autocomplete {
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    background: #FFF;
    border: 1px solid #bcbcbc;
    padding: 7px 0 5px 0;
    position: absolute;
    left: 0;
}

    .ui-autocomplete li a {
        color: #666666;
        cursor: default;
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 3px 9px;
        text-decoration: none;
    }

    .ui-autocomplete li a:focus, .ui-autocomplete li a.ui-state-focus, .ui-autocomplete li a:hover, .ui-autocomplete li a.ui-state-hover {
        background: #E6F1F9;
    }

    .ui-autocomplete strong {
        color: #333;
        font-style: normal;
        font-weight: bold;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Back link



  ------------------------------------------------------------------------------*/.back-link {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAJklEQVQYlWNggALGssP/GQgBxrLD/2GYKEUEFRNt9VBSiO5zZBoA5cEsdfq340wAAAAASUVORK5CYII=") no-repeat 0 1px;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    position: relative;
    padding: 2px 0 0 20px;
}
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .banner-advert {
    position: absolute;
    top: 13.75em;
    right: -13.4em;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.5s, opacity 0.5s linear;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
}
}

@media screen and (min-device-width: 320px) and (min-width: 1180px) {
    .banner-advert {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Box



  ------------------------------------------------------------------------------*/.box {
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    padding: 15px 20px;
}

    .box:last-child {
        margin-bottom: 0;
    }

    .box .box-section {
        border-top: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        clear: both;
        margin: 14px -20px 0;
        padding: 14px 20px 0;
    }

    .box-header {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 1.2;
        margin: 0 0 25px;
    }

    /* alternative box */
    .box-alt {
        padding: 8px 7px;
    }

    .box-alt .box-header {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
        margin: -8px -7px 8px -7px;
        padding: 6px 7px;
    }

    .box-primary {
        background-color: #b3dcf5;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d7ecfa), to(#b3dcf5));
        background-image: -webkit-linear-gradient(top, #d7ecfa, #b3dcf5);
        background-image: -moz-linear-gradient(top, #d7ecfa, #b3dcf5);
        background-image: -ms-linear-gradient(top, #d7ecfa, #b3dcf5);
        background-image: -o-linear-gradient(top, #d7ecfa, #b3dcf5);
        background-image: linear-gradient(top, #d7ecfa, #b3dcf5);
        border: 1px solid #70bced;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
        -moz-box-shadow: inset 0 1px 0 0 #ffffff;
        box-shadow: inset 0 1px 0 0 #ffffff;
        color: #333;
        margin: 14px 0;
        padding: 14px 20px;
    }

    .box-primary .box-section {
        border-top: 1px solid #70bced;
        -webkit-box-shadow: inset 0 1px 0 0 #d7ecfa;
        -moz-box-shadow: inset 0 1px 0 0 #d7ecfa;
        box-shadow: inset 0 1px 0 0 #d7ecfa;
    }

    .box-secondary {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5_l.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border: 1px solid #D7D6D6;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
        -moz-box-shadow: inset 0 1px 0 0 #ffffff;
        box-shadow: inset 0 1px 0 0 #ffffff;
        margin: 14px 0;
        padding: 14px 20px;
    }

    .box-secondary .box-section {
        border-top: 1px solid #D7D6D6;
        -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
        -moz-box-shadow: inset 0 1px 0 0 #ffffff;
        box-shadow: inset 0 1px 0 0 #ffffff;
    }

    .confirmation-box {
        background: #f1f6e6;
        border: 1px solid #71AB0B;
        border-radius: 2px;
        padding-top: 9px;
    }

    .confirmation-box p:first-child {
        margin-top: 10px;
    }

    .confirmation-box h2 {
        font-size: 19px;
        font-size: 1.9rem;
    }

    .confirmation-box.styled-checkmark {
        background: url(/spcom/sites/sgw/images/checkmark-green.png) no-repeat 12px 12px #f1f6e6;
        line-height: 1.5em;
    }

    .confirmation-box.styled-checkmark:before, .confirmation-box.styled-checkmark:after {
        content: " ";
        display: table;
    }

    .confirmation-box.styled-checkmark:after {
        clear: both;
    }

    .confirmation-box.styled-checkmark h2, .confirmation-box.styled-checkmark p {
        margin-left: 28px;
    }

    .confirmation-box.styled-checkmark h2:first-child, .confirmation-box.styled-checkmark p:first-child {
        margin-top: 0;
    }

    .confirmation-box.styled-checkmark>a {
        float: right;
    }

    .confirmation-box.styled-checkmark>a:before {
        content: '\00BB\0020';
    }

    .popup-box {
        background: #fff;
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box;
        border: 20px solid black;
        /* some browsers don't understand rgba */
        border: 20px solid rgba(0, 0, 0, 0.35);
        position: absolute;
        z-index: 10000;
        display: none;
        width: 35%;
        max-width: 67rem;
        line-height: 2rem;
    }

    .popup-box .btn-monster {
        margin-top: 1em;
    }

    .popup-box .closeTrigger {
        position: absolute;
        right: 20px;
        /* IE8 */
        right: 2rem;
    }

    .popup-box-bg {
        background: #000;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        display: none;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Browsing Area ('jump to' box)



  ------------------------------------------------------------------------------*/.browse {
    margin: 25px 0 25px 0;
    position: relative;
    zoom: 1; }

    .browse p {
        display: inline-block;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 25px;
    }

    .browse p strong {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .browse form {
        margin-bottom: 1em;
    }

    .browse form:before, .browse form:after {
        content: " ";
        display: table;
    }

    .browse form:after {
        clear: both;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .browse form {
        /* MQ: Widescreen */ margin-bottom: 0;
    }
}

@media screen and (min-device-width: 320px) {
    .browse label {
        cursor: text;
        display: block;
        font-size: 13px;
        font-size: 1.3rem;
        margin-bottom: 8px;
    }

    .browse .field {
        float: left;
        margin-right: 6px;
    }

    .browse .field .error-message {
        bottom: 32px;
    }

    .browse input.text {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 24px;
        width: 86px;
    }

    .browse .search-submit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4918px no-repeat;
        border: 1px solid #3A2C12;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        float: left;
        height: 24px;
        width: 29px;
    }

    .browse .search-submit:hover, .browse .search-submit:focus {
        border-color: #0266a8;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4870px no-repeat;
    }

    .browse .search-submit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4827px no-repeat;
        border-color: #0266a8;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .browse .all {
        /* MQ: Widescreen */ margin: 0;
        position: absolute;
        right: 20px;
        bottom: 13px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .browse-no-search .all {
        /* MQ: Widescreen */ float: right;
    }
}

@media screen and (min-device-width: 320px) {
    .browse-no-search p {
        display: block;
        margin-bottom: 8px;
    }

    /* Book Series page



  ------------------------------------------------------------------------------*/
    /* browse */
    #book-series .browse input.text {
        width: 100%;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Buttons with text



   ------------------------------------------------------------------------------*//* basics (grey) - essential class for every button, other .btn-* are optional */ .btn {
    background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #FFF;
    -moz-box-shadow: inset 0 1px 0 #FFF;
    box-shadow: inset 0 1px 0 #FFF;
    border: 1px solid #bcbcbc;
    color: #666666;
    font-size: 13px;
    font-size: 1.3rem;
    display: inline-block;
    height: 21px;
    line-height: 1.7;
    padding: 1px 10px 0;
    white-space: nowrap;
}

    .btn:hover, .btn:focus, .btn:active {
        border-color: #999999;
        color: #333;
        text-decoration: none;
    }

    .btn:active, .btn.act {
        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
    }

    .ie9 .btn:active {
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(direction=0,color=#000000,strength=5);";
    }

    button.btn {
        height: 24px;
        /* needs height including the 2 px for the border */
        padding-top: 0;
    }

    /* Primary buttons */
    .btn-primary {
        background: #3A2C12 url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#3A2C12));
        background-image: -webkit-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -moz-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -ms-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -o-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: linear-gradient(top, #38a0e5, #3A2C12);
        border-color: #3A2C12;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        color: #ffffff;
    }

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.act {
        background-color: #0266a8;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#0266a8));
        background-image: -webkit-linear-gradient(top, #38a0e5, #0266a8);
        background-image: -moz-linear-gradient(top, #38a0e5, #0266a8);
        background-image: -ms-linear-gradient(top, #38a0e5, #0266a8);
        background-image: -o-linear-gradient(top, #38a0e5, #0266a8);
        background-image: linear-gradient(top, #38a0e5, #0266a8);
        border-color: #0266a8;
        color: #ffffff;
    }

    /* close */
    .btn-close:before {
        background: url(../images/close_icon.png) no-repeat;
        content: '';
        display: inline-block;
        height: 11px;
        margin: 0 7px -1px 0;
        width: 11px;
    }

    /* dropdown */
    .btn-dd {
        cursor: pointer;
        position: relative;
    }

    .btn-dd:after {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAGklEQVQImWP4jwcwMDAwMOCUgAGcEsgKkPkA9no/wdzS4fwAAAAASUVORK5CYII=") no-repeat right top;
        content: '';
        display: inline-block;
        height: 6px;
        width: 33px;
    }

    .btn-dd .menu {
        background: #FFF;
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        display: none;
        position: absolute;
        top: 23px;
        left: -1px;
        min-width: 100%;
        z-index: 5;
    }

    .no-js .btn-dd:hover .menu {
        display: block;
    }

    .btn-dd .menu a {
        display: block;
        padding: 4px 11px;
    }

    .btn-dd .menu a:before {
        content: '\00BB\0020';
    }

    .btn-dd .menu a:hover {
        background: #edf5fb;
        text-decoration: none;
    }

    /* red version - for enforced login - only applied on hover*/
    .btn-red:hover, .btn-red:focus, .btn-red:active {
        background: #EA0707 url(../images/grdnt_red_ea0707_c50606.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#EA0707), to(#C50606));
        background-image: -webkit-linear-gradient(top, #EA0707, #C50606);
        background-image: -moz-linear-gradient(top, #EA0707, #C50606);
        background-image: -ms-linear-gradient(top, #EA0707, #C50606);
        background-image: -o-linear-gradient(top, #EA0707, #C50606);
        background-image: linear-gradient(top, #EA0707, #C50606);
        border-color: #c40606;
        -webkit-box-shadow: inset 0 1px 0 rgba(241, 94, 94, 0.58);
        -moz-box-shadow: inset 0 1px 0 rgba(241, 94, 94, 0.58);
        box-shadow: inset 0 1px 0 rgba(241, 94, 94, 0.58);
        color: #FFF;
        text-shadow: 1px 1px 0 #A40505;
    }

    .btn-red:active {
        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
    }

    /* monster */
    .btn-monster {
        font-size: 15px;
        font-size: 1.5rem;
        height: 28px;
        padding: 1px 12px 0 12px;
    }

    button.btn-monster {
        height: 31px;
        /* needs height including the 2 px for the border */
        padding-top: 0;
    }

    /* Buttons / Links with add icon */
    .btn-add:before {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4170px no-repeat;
        content: '';
        display: inline-block;
        height: 11px;
        margin-right: 6px;
        position: relative;
        top: 1px;
        width: 11px;
    }

    /* higher buttons in lightboxes */
    .facet-expanded .facet-header .btn, .lb .mod-hd .btn, #cboxContent .functions-bar .btn, #reader-buttons .btn {
        height: 25px;
    }

    .btn-link {
        background: none;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #3A2C12;
        padding-left: 0;
    }

    /* Buttons without text



  ------------------------------------------------------------------------------*/
    .remove-btn {
        background-repeat: no-repeat;
        color: transparent;
        direction: ltr;
        display: block;
        overflow: hidden;
        text-align: left;
        text-indent: -9999em;
        text-transform: capitalize;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1610px no-repeat;
        cursor: pointer;
        height: 24px;
        width: 24px;
    }

    .remove-btn:hover, .remove-btn:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1584px no-repeat;
    }

    .remove-btn:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1558px no-repeat;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Pillow-emboss button



    ------------------------------------------------------------------------------*/.pillow-btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    -webkit-transition: right 0.25s ease-in-out;
    -moz-transition: right 0.25s ease-in-out;
    -o-transition: right 0.25s ease-in-out;
    transition: right 0.25s ease-in-out;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    display: inline-block;
    height: 34px;
    opacity: 1;
    padding: 0 15px;
    visibility: visible;
    white-space: nowrap;
}

    .ie9 .pillow-btn {
        filter: none;
    }

    .pillow-btn:hover {
        border-color: #bcbcbc;
    }

    .pillow-btn.pillow-btn-active {
        -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);
        -moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);
        box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);
        background-color: #dcdcdc;
        border: none;
        padding: 1px 16px;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Checkmarks list



  ------------------------------------------------------------------------------*/.checkmarks li {
    background: url(../images/checkmark.png) no-repeat 0 2px;
    margin-top: 7px;
    padding-left: 23px;
}
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Content item list



  ------------------------------------------------------------------------------*/.content-item-list {
    /* list item */ /* content type */ /* title */ /* snippet, subtitle, coverage */ /* meta (authors, enumeration) */ /* actions */ /* list item with cover */ /* list item without access */
}

    .content-item-list li {
        border-top: 1px solid #dcdcdc;
        padding: 12px 10px 15px 10px;
        position: relative;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .content-item-list li:before, .content-item-list li:after {
        content: " ";
        display: table;
    }

    .content-item-list li:after {
        clear: both;
    }

    .content-item-list li:hover {
        background-color: #FBFBFB;
        -webkit-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
        box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
    }

    .content-item-list li:first-child {
        border-top: 0;
    }

    .content-item-list .content-type {
        color: #777777;
        font-size: 11px;
        font-size: 1.1rem;
    }

    .content-item-list h2 {
        font-size: 20px;
        font-size: 2rem;
        margin: 4px 0 8px;
    }

    .content-item-list .snippet, .content-item-list .subtitle, .content-item-list .coverage {
        color: #777777;
        line-height: 1.6;
        margin-top: 7px;
    }

    .content-item-list .subtitle+.coverage {
        margin-top: 0;
    }

    .content-item-list .meta {
        line-height: 1.2;
        margin-top: 3px;
    }

    .content-item-list .meta a {
        color: #333;
    }

    .content-item-list li .authors a, .content-item-list li .editors a {
        border-bottom: 0;
        color: #333;
    }

    .content-item-list li .authors a:hover, .content-item-list li .editors a:hover {
        text-decoration: underline;
    }

    .content-item-list .cited-count {
        font-style: normal;
    }

    .content-item-list .actions {
        margin-top: 12px;
    }

    .content-item-list .action {
        margin-right: 18px;
    }

    .content-item-list li.has-cover .text {
        margin-left: 90px;
    }

    .content-item-list li.has-cover .cover {
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        float: left;
        width: 68px;
    }

    .content-item-list .no-access, .content-item-list .no-access:hover {
        /* keep the yellow bgcolor on hover */
        background-color: #fffdf4;
        padding-top: 7px;
    }

    .content-item-list .no-access .content-type {
        margin: -15px 0 10px 28px;
    }

    .content-item-list .no-access-message {
        background: #fff9e0;
        color: #666666;
        font-size: 11px;
        font-size: 1.1rem;
        font-style: italic;
        font-weight: bold;
        height: 16px;
        margin: -7px -13px 0 -7px;
        /* according to the padding of the li */
        padding: 6px 13px 0 0;
        text-align: right;
    }

    .content-item-list .no-access-message img {
        position: absolute;
        top: 1px;
        left: 10px;
    }

    /* Featured



  ------------------------------------------------------------------------------*/
    .featured {
        margin-top: 35px;
        /* list */
        /* tooltip */
        /* tooltip content */
    }

    .featured h2 {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
        margin-bottom: 27px;
    }

    .featured ul:before, .featured ul:after {
        content: " ";
        display: table;
    }

    .featured ul:after {
        clear: both;
    }

    .featured li {
        display: inline-block;
        margin-left: 10%;
        /* Math: 64 / 591 */
        position: relative;
        z-index: 5;
        width: 16.4128595601%;
        /* Math: 97 / 591 */
        zoom: 1; }

    .lt-ie8 .featured li {
        display: block;
        float: left;
    }

    .featured li:first-child {
        margin-left: 0.846023688663%;
    }

    .featured li img {
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        max-width: 100%;
    }

    .featured li:hover {
        z-index: 15;
    }

    .ie7 .featured li:hover {
        z-index: 5;
    }

    .featured li:hover .tooltip {
        display: block;
        top: 110px;
    }

    .featured .content-type {
        color: #777777;
        font-size: 11px;
        font-size: 1.1rem;
    }

    .featured h3 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.4;
        margin-top: 3px;
    }

    .featured .coverage {
        color: #777777;
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 7px;
    }

    .featured .meta {
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 7px;
    }

    .featured .meta a {
        color: #333;
    }

    .featured .date {
        color: #666666;
    }

    /* Ranked Item List (based on content-item-list): Most Read & Rec. published



  ------------------------------------------------------------------------------*/
    .ranked h2 {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
    }

    .ranked .content-item-list h3 {
        line-height: 1.4;
        margin-top: 4px;
    }

    .ranked .content-item-list .date {
        color: #666666;
    }

    .ranked .show-all {
        background: #f8f8f8 url(../images/grdnt_grey_ffffff_f8f8f8.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f8f8f8));
        background-image: -webkit-linear-gradient(top, #FFFFFF, #f8f8f8);
        background-image: -moz-linear-gradient(top, #FFFFFF, #f8f8f8);
        background-image: -ms-linear-gradient(top, #FFFFFF, #f8f8f8);
        background-image: -o-linear-gradient(top, #FFFFFF, #f8f8f8);
        background-image: linear-gradient(top, #FFFFFF, #f8f8f8);
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #D7D6D6;
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF;
        box-shadow: inset 0 -1px 0 0 #FFF;
        padding: 14px 7px;
        text-align: right;
    }

    .ranked .show-all a {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .ranked .show-all a:before {
        content: '\00BB\0020';
    }

    /* Related list (in expander)



  ------------------------------------------------------------------------------*/
    #related-list {
        list-style-type: decimal;
        margin-top: -10px;
        padding-left: 1.5em;
    }

    #related-list li {
        border-top: 1px solid #dcdcdc;
        line-height: 1.5;
        padding: 10px 0 9px 0;
        position: relative;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #related-list li {
        /* MQ: Tablet */ padding-right: 120px;
    }
}

@media screen and (min-device-width: 320px) {
    #related-list li:first-child {
        border-top: 0;
    }

    #related-list .date {
        color: #666666;
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #related-list .date {
        /* MQ: Tablet */ position: absolute;
        right: 0;
        top: 12px;
    }
}

@media screen and (min-device-width: 320px) {
    #related-list.cited-by li {
        padding-right: 0;
    }

    /* Chapter list (table of contents)



  ------------------------------------------------------------------------------*/
    .document-main .col-main .toc h2 span {
        font-size: 13px;
        font-size: 1.3rem;
    }

    .toc {
        margin-top: 30px;
        /* functions bar with pagination */
        /* list */
        /* headlines for parts */
        /* item */
        /* no access */
    }

    .toc h2, .toc h3 {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
        margin-bottom: 10px;
    }

    .toc .functions-bar-top {
        margin: -11px 0 5px;
    }

    .toc ol ol {
        border: 0;
    }

    .toc ol ol ol {
        margin-bottom: 5px;
    }

    .toc ol ol h3, .toc ol ol ol {
        margin-left: 30px;
    }

    .toc li, .toc li li:first-child {
        border-top: 1px solid #dcdcdc;
    }

    .toc li:first-child, .toc ul li, .toc ul li:first-child {
        border-top: 0;
        /* removes the double border at the top of the list (h2 has already one) */
    }

    .toc h3 {
        border-bottom: 1px solid #FFF;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-size: 2rem;
        margin: 0;
        padding: 5px 10px;
    }

    .cms-lang-jp .toc h3 {
        font-family: "MS PGothic", sans-serif;
    }

    .toc .toc-item+h3 {
        border-top: 1px solid #dcdcdc;
        margin-top: 5px;
    }

    .toc .toc-item {
        padding: 12px 15px 13px 10px;
        position: relative;
        zoom: 1; }

    .toc .toc-item:hover {
        background-color: #FBFBFB;
        -webkit-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
        box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
    }

    .toc .content-type {
        color: #666666;
        font-size: 11px;
        font-size: 1.1rem;
        position: relative;
    }

    .toc .page-range, .toc .citation-info {
        color: #666666;
        font-size: 11px;
        font-size: 1.1rem;
        position: absolute;
        right: 20px;
        bottom: 13px;
    }

    .toc h3.title {
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
    }

    .toc .title, .toc h3.content-type, .toc h4.content-type {
        /* bg, bb, ff & padding are reset, Karl: review; h4.content-type for book front/back matter */
        background: none;
        border-bottom: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #333;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 3px 0 0 0;
        padding: 0;
    }

    .toc h3.content-type, .toc h4.content-type {
        margin: 0 !important;
    }

    .toc .abstract-content {
        color: #666666;
        font-size: 14px;
        font-size: 1.4rem;
        margin: 3px 0 0 0;
    }

    .toc .abstract-content img {
        max-width: 100%;
    }

    .toc ul.authors {
        margin: 3px 80px 0 0;
    }

    .toc .toc-item .authors a {
        /* .toc-item for higher specifity */
        border-bottom: 0;
        text-decoration: none;
    }

    .toc .toc-item .authors a:hover, .toc .toc-item .authors a:focus {
        text-decoration: underline;
    }

    .toc .meta {
        margin-right: 100px;
        margin-top: 5px;
    }

    .toc .actions {
        margin-top: 10px;
    }

    .toc .no-access {
        background-color: #fffdf4;
    }

    .toc .no-access .page-range {
        bottom: 17px;
    }

    .toc .no-access .content-type {
        margin-top: -15px;
        margin-left: 26px;
    }

    .toc .no-access .title {
        margin-top: 7px;
    }

    .toc .no-access-message {
        background: #fff9e0;
        color: #666666;
        font-size: 11px;
        font-size: 1.1rem;
        font-style: italic;
        font-weight: bold;
        height: 16px;
        margin: -12px -15px 0 -5px;
        padding: 6px 15px 0 0;
        text-align: right;
    }

    .toc .no-access-message img {
        left: 7px;
        position: absolute;
        top: 1px;
    }

    /* About this (in expander)



  ------------------------------------------------------------------------------*/
    .summary:before, .summary:after {
        content: " ";
        display: table;
    }

    .summary:after {
        clear: both;
    }

    .summary dl {
        line-height: 1.5;
        margin: 0 0 7px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .summary dl {
        /* MQ: Tablet */ display: inline;
        float: left;
        margin: 0 0 0 2.32558139535%;
        /* Math: 20 / 860 */
        width: 30.2325581395%;
        /* Math: 260 / 860 */
    }
}

@media screen and (min-device-width: 320px) {
    .summary dl:first-child {
        margin-left: 0;
    }

    .summary dt {
        border-top: 1px solid #dcdcdc;
        font-weight: bold;
        margin: 10px 0 2px;
        padding-top: 10px;
    }

    .summary dt:first-child {
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
    }

    .summary dd {
        color: #666666;
        word-wrap: break-word;
    }

    .summary a:before {
        content: '\00BB\0020';
    }

    .summary .authors a:before, .summary .editors a:before {
        content: '';
    }

    .summary .authors li a:first-child, .summary .editors a {
        border-bottom: 1px solid #D7D6D6;
    }

    .summary .authors li a:first-child:hover, .summary .editors a:hover {
        border-color: #666666;
        text-decoration: none;
    }

    /* References (in expander)



  ------------------------------------------------------------------------------*/
    #abstract-references .enumeration {
        font-style: italic;
        margin-right: 10px;
    }

    #abstract-references li a, .report-download a {
        font-size: 11px;
        font-size: 1.1rem;
        margin-right: 10px;
    }

    #abstract-references li a:before, .report-download a:before {
        content: '\00BB\0020';
    }

    #abstract-references li a:before, .report-download a {
        white-space: nowrap;
    }

    /* Material list / Supplementary materials (in expander)



  ------------------------------------------------------------------------------*/
    .material-list li {
        border-top: 1px solid #dcdcdc;
        line-height: 1.5;
        min-height: 34px;
        padding: 10px 0 9px 37px;
        position: relative;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .material-list li {
        /* MQ: Tablet */ padding-right: 120px;
    }
}

@media screen and (min-device-width: 320px) {
    .material-list li:first-child {
        border-top: 0;
    }

    /* type icons */
    .material-list .icon {
        background-repeat: no-repeat;
        color: transparent;
        direction: ltr;
        display: block;
        overflow: hidden;
        text-align: left;
        text-indent: -9999em;
        text-transform: capitalize;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2159px no-repeat;
        height: 34px;
        position: absolute;
        left: 0;
        top: 11px;
        width: 26px;
    }

    .material-list li.type-audio .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -397px no-repeat;
    }

    .material-list li.type-video .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -3226px no-repeat;
    }

    /* filesize */
    .material-list .filesize {
        color: #999999;
    }

    /* Abstract



  ------------------------------------------------------------------------------*/
    /* beautify messy content - visually reduce too much line breaks */
    .abstract-content br+br, .abstract-content ul>br {
        display: none;
    }

    /* Formatted content



  ------------------------------------------------------------------------------*/
    .formatted {
        /* paragraphs */
        /* lists */
    }

    .formatted h3 {
        margin-top: 10px;
    }

    .formatted p {
        line-height: 1.6;
        margin-top: 10px;
    }

    .formatted h3+p, .formatted p:first-child {
        margin-top: 0;
    }

    .formatted li p {
        margin: 0;
    }

    .formatted ol, .formatted ul {
        margin-top: 10px;
        padding-left: 1.6em;
    }

    .formatted ol {
        list-style-type: decimal;
    }

    .formatted ul {
        list-style-type: disc;
    }

    .formatted li {
        line-height: 1.5;
        margin-top: 7px;
    }

    .formatted li:first-child {
        margin-top: 0;
    }

    /*images*/
    .figure img {
        max-width: 98%;
        margin: 7px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .figure img {
        /* MQ: Widescreen */ max-width: 100%;
    }
}

@media screen and (min-device-width: 320px) {
    /* Introduction ('Home' & 'Industry Sector' Page)



  ------------------------------------------------------------------------------*/#intro {
    margin: 0 27px 24px 0;
}

    #intro p {
        color: #999999;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4;
    }

    /* Notes



  ------------------------------------------------------------------------------*/
    .notes {
        border-top: 1px solid #dcdcdc;
        color: #777777;
        font-style: italic;
        list-style: outside disc;
        margin: 10px 0 20px;
        padding: 18px 0 0 15px;
    }

    .browse+.notes {
        border-top: 0;
        padding-top: 0;
    }

    .notes li+li {
        margin-top: 0.75em;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Dialog prompt for 'are you sure?' situations



  ------------------------------------------------------------------------------*/.check-prompt {
    display: none;
}

    .lb.check-prompt-content {
        width: 298px;
    }

    .check-prompt-content p {
        margin-bottom: 15px;
    }

    .check-prompt-content .btn {
        margin-right: 15px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Expander



  ------------------------------------------------------------------------------*/.expander {
    margin: 0 -12px;
}
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .expander {
        /* MQ: Tablet */ margin: 5px 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* title */ .expander-title {
    background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 0 #FFF;
    -moz-box-shadow: inset 0 1px 0 #FFF;
    box-shadow: inset 0 1px 0 #FFF;
    border-bottom: 1px solid #DBDBDA;
    border-top: 1px solid #DBDBDA;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    margin-bottom: -1px;
    padding: 14px 0;
}
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .expander-title {
        /* MQ: Tablet */ border: 1px solid #EEECEC;
        height: 26px;
        magrin-bottom: 0;
        padding: 0;
    }
}

@media screen and (min-device-width: 320px) {
    .js .expander-title:hover {
        border-color: #cccccc;
    }

    .expander-title div {
        background: url(/spcom/sites/sgw/images/expander_arrows.png) no-repeat 20px -44px;
        border-top: none;
        display: block;
        font-weight: bold;
        padding: 0 5px 0 34px;
    }

    .expander-loading div.expander-title div {
        background: url(/spcom/sites/sgw/images/loading_expander.gif) no-repeat 12px 5px;
    }

    .no-js .expander-title div {
        background: none;
    }

    .js .expander-content {
        display: none;
    }

    .expander-open .expander-content {
        display: block;
    }

    .expander-title h2, #dashboard-area .expander-title h2 {
        color: #3A2C12;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.8;
        margin: 0 !important;
    }

    .expander-title h2 span {
        color: #333 !important;
        font-weight: normal;
    }

    /* open */
    .expander-open .expander-title div {
        background-position: 20px 10px;
    }

    /* empty */
    .expander-empty .expander-title, .expander-empty .expander-title h2 {
        color: #999999;
    }

    .expander-empty .expander-title div {
        background-position: 20px -94px;
    }

    .expander-empty .expander-title:hover {
        border-color: #EEECEC;
        /* apply default color if empty */
        cursor: default;
    }

    .show-more {
        margin: 0 0 0 19px;
    }

    /* abstract expander styles */
    .document-aside .expander-title div {
        padding-left: 4.25531914894%;
        /* Math: 40 / 940 */
    }

    .document-aside .expander-content-inner {
        padding: 15px 4.25531914894% 10px;
        /* Math: 40 / 940 */
    }

    /* Journal All Volumes & Issues Expanders */
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #journal-volumes-issues .col-main .expander {
        /* MQ: Tablet */ margin-left: -40px;
        /* reset padding */
        margin-right: 20px;
    }
}

@media screen and (min-device-width: 320px) {
    #journal-volumes-issues .col-main .meta+.expander {
        margin-top: 30px;
    }

    #journal-volumes-issues .col-main .expander-title div {
        padding-left: 40px;
    }

    .issues-list {
        margin-left: 20px;
        margin-right: 25px;
    }

    .issues-list li {
        border-top: 1px solid #dcdcdc;
        list-style: none;
        margin: 0;
        padding: 10px 0 12px 0;
        position: relative;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .issues-list li {
        /* MQ: Tablet */ padding-right: 120px;
    }
}

@media screen and (min-device-width: 320px) {
    .issues-list li:first-child {
        border-top: 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Enumeration */ #enumeration {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
    white-space: no-wrap;
    width: 100%;
}

    #enumeration a {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #enumeration a {
        /* MQ: Widescreen */ color: #333;
    }
}

@media screen and (min-device-width: 320px) {
    .col-main:hover #enumeration a {
        color: #3A2C12;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Facets



  ------------------------------------------------------------------------------*/.facet {
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
    margin-top: 13px;
}

    /* header */
    .facet-header {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border-bottom: 1px solid #dcdcdc;
        -webkit-box-shadow: inset 0 1px 0 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 0 #FFF;
        box-shadow: inset 0 1px 0 0 #FFF;
        padding: 6px 10px;
        position: relative;
    }

    .facet-header h3 {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;
        margin: 0;
    }

    .facet-header .all {
        color: #333;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.2;
        position: absolute;
        right: 10px;
        top: 7px;
    }

    /* list */
    .facet ol li {
        border-top: 1px solid #E9E9E9;
        font-size: 11px;
        font-size: 1.1rem;
        position: relative;
    }

    .facet ol li:first-child {
        border-top: 0;
    }

    .facet ol li a {
        border: 1px solid #FFF;
        color: #333;
        display: block;
        overflow: hidden;
        position: relative;
        text-decoration: none;
        zoom: 1; }

    .facet-title {
        display: block;
        line-height: 1.1;
        padding: 5px 55px 5px 10px;
        position: relative;
        z-index: 10;
        word-wrap: break-word;
    }

    .facet-amount {
        position: absolute;
        right: 10px;
        bottom: 5px;
        z-index: 10;
    }

    .facet-percentage {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        display: block;
        height: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        text-indent: -999em;
    }

    /* facet mouseover and click */
    .facet ol li a:hover {
        text-decoration: none;
    }

    .facet li a:hover .facet-title {
        color: #ee7d11;
    }

    /* facet active */
    .facet-active .facet-title {
        color: #ee7d11;
        font-weight: bold;
        padding-right: 25px;
    }

    .facet-active .facet-amount {
        display: none;
    }

    .facet-active a:hover .remove {
        background-position: 0 -50px;
    }

    .facet-active a:active .remove {
        background-position: 0 -75px;
    }

    /* remove (maybe move this part to the global elements section if also used on other pages) */
    .remove {
        background-repeat: no-repeat;
        color: transparent;
        direction: ltr;
        display: block;
        overflow: hidden;
        text-align: left;
        text-indent: -9999em;
        text-transform: capitalize;
        background: url(../images/remove_icons.png) no-repeat;
        height: 14px;
        width: 14px;
    }

    .remove:hover {
        background-position: 0 -50px;
    }

    .facet .remove {
        position: absolute;
        right: 9px;
        bottom: 4px;
        z-index: 5;
    }

    /* expanded facet */
    .facet-expanded {
        border-color: #cccccc;
        margin: 24px auto;
        width: 99.8%;
    }

    .facet-expanded .facet-header {
        border-bottom: 1px solid #BBBCBD;
        padding: 11px 20px;
    }

    .facet-expanded .facet-header h3 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .facet-expanded .facet-header .btn {
        position: absolute;
        right: 8px;
        top: 5px;
    }

    .facet-expanded .functions-bar {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
        margin: 0;
    }

    .facet-expanded .facet-header+.functions-bar {
        /* top bar */
        border-bottom: 1px solid #dcdcdc;
        margin-bottom: 1px;
    }

    .facet-expanded ol+.functions-bar {
        /* bottom bar */
        border-top: 1px solid #dcdcdc;
        margin-top: 1px;
    }

    .facet-expanded li {
        font-size: 13px;
        font-size: 1.3rem;
    }

    .facet-expanded .facet-title {
        padding: 5px 18px;
    }

    /* expanded facet in the lightbox */
    #cboxLoadedContent .facet-expanded {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
    }

    #cboxLoadedContent .facet-expanded .functions-bar-top .field .error-message {
        bottom: auto;
        top: 28px;
    }

    #cboxLoadedContent .facet-expanded .functions-bar-top .field .error-message:after {
        background: url(../images/error_tooltip_up.png) no-repeat;
        bottom: auto;
        top: -13px;
    }

    /* highlight animation */
    .facet .highlight-area {
        background: #ee7d11;
        display: block;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        width: 100%;
    }

    .facet-expanded li a:active {
        background-color: #ee7d11;
    }

    .facet-expanded li a:active .facet-title {
        color: #FFF;
    }

    .facet-expanded li a:active .facet-percentage, .facet-expanded li a:active .facet-amount {
        visibility: hidden;
    }

    /* Expanded facet - search filter */
    .search-filter input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 24px;
        margin-left: 10px;
        padding-left: 7px;
        width: 43.3996383363%;
        /* Math: 240 / 553 */
    }

    .search-filter input[type=text] {
        margin-right: -1px;
    }

    .search-filter .search-submit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4942px no-repeat;
        border: 0 none;
        display: inline;
        margin-left: -5px;
        width: 24px;
    }

    .search-filter .search-submit:hover {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4486px no-repeat;
    }

    .search-filter .search-submit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4460px no-repeat;
    }

    .search-filter .ui-autocomplete {
        left: 20px;
        line-height: 1;
        top: 28px !important;
        width: 59.6745027125%;
        /* Math: 330 / 553 */
    }

    .search-filter .ui-autocomplete li a {
        font-size: 13px;
        font-size: 1.3rem;
    }

    /* Graphing module for date published



  ------------------------------------------------------------------------------*/
    .publication-date-range {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border-top: 1px solid #dadbdb;
        margin-top: -36px;
        padding: 35px 10px 10px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #pub-date-graph {
        /* MQ: Widescreen */ display: block;
        margin: 0 10px 17px 10px;
    }

    .lt-ie8 #pub-date-graph {
        display: none;
    }
}

@media screen and (min-device-width: 320px) {
    .tickLabel {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .tickLabel:first-child {
        font-weight: bold;
        left: -16px !important;
    }

    .tickLabel:last-child {
        font-weight: bold;
        left: auto !important;
        right: -18px !important;
    }

    /* Loading



  ------------------------------------------------------------------------------*/
    .facet-link.loading .remove, .facet-link.loading:hover .remove, .facet-link.loading .facet-amount {
        display: none;
    }

    .facet-link .loading {
        height: 14px;
        position: absolute;
        right: 12px;
        top: 4px;
        width: 14px;
        z-index: 5;
    }

    #results .col-main .facet-link .loading {
        right: 0;
        top: 1px;
    }

    #wrapper #content .facet-link.loading, .page-wrapper #content .facet-link.loading {
        background: none;
    }

    #global-search img.loading {
        height: 20px;
        position: absolute;
        right: 16px;
        top: 9px;
        width: 20px;
        z-index: 5;
    }

    img.loading {
        height: 14px;
        position: absolute;
        right: 7px;
        top: 5px;
        width: 14px;
        z-index: 5;
    }

    .search-filter img.loading {
        right: 262px;
        top: 10px;
    }

    #date-facet-submit-wrapper {
        float: left;
        position: relative;
    }

    #date-facet img.loading {
        left: 5px;
        top: 5px;
    }

    .search-filter .search-submit.loading, .search-filter .search-submit.loading:hover, .search-filter .search-submit.loading:focus, #date-facet .search-submit.loading, #date-facet .search-submit.loading:hover, #date-facet .search-submit.loading:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4657px no-repeat;
    }

    .bar-actions .search-submit.loading, .bar-actions .search-submit.loading:hover, .bar-actions .search-submit.loading:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4894px no-repeat;
    }

    /* Filtered message



  ------------------------------------------------------------------------------*/
    .filtered-message {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5_l.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border: 1px solid #D7D6D6;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 0 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 0 #FFF;
        box-shadow: inset 0 1px 0 0 #FFF;
        margin-top: 14px;
        padding: 14px;
        position: relative;
    }

    .filtered-message p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.1;
    }

    /* Bars (on the homepage)



  ------------------------------------------------------------------------------*/
    .bars li {
        border-top: 1px solid #FFF;
        font-size: 14px;
        font-size: 1.4rem;
        position: relative;
    }

    .bars li:first-child {
        border-top: 0;
    }

    .bars a {
        background-color: #eaeaea;
        display: block;
        position: relative;
        text-decoration: none;
        zoom: 1; }

    .bars a:hover {
        background-color: #E4E4E4;
    }

    .bar-title {
        color: #333;
        display: block;
        line-height: 1;
        padding: 6px 70px 6px 12px;
        position: relative;
        z-index: 10;
    }

    .bar-amount {
        color: #666666;
        position: absolute;
        right: 5px;
        bottom: 5px;
        z-index: 10;
    }

    .bar-percentage {
        background-color: #CACACA;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#CACACA), to(#B9B9B9));
        background-image: -webkit-linear-gradient(top, #CACACA, #B9B9B9);
        background-image: -moz-linear-gradient(top, #CACACA, #B9B9B9);
        background-image: -ms-linear-gradient(top, #CACACA, #B9B9B9);
        background-image: -o-linear-gradient(top, #CACACA, #B9B9B9);
        background-image: linear-gradient(top, #CACACA, #B9B9B9);
        display: block;
        height: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        text-indent: -999em;
    }

    /* Subjects navigation (Verticals and Disciplines)



  ------------------------------------------------------------------------------*/
    /* tab links */
    .categories-tab {
        color: #666666;
        display: inline-block;
        float: left;
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: bold;
        padding: 10px 0;
        text-indent: 18px;
        width: 49.7%;
    }

    a.categories-tab {
        background: #F3F3F3 url(../images/grdnt_grey_ffffff_f3f3f3.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F3F3));
        background-image: -webkit-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -moz-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -ms-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -o-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: linear-gradient(top, #FFFFFF, #F3F3F3);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        color: #999999;
        border: 1px solid #dcdcdc;
        border-top: none;
    }

    a.categories-tab:hover, a.categories-tab:focus {
        background: #EDEDED url(../images/grdnt_grey_fafafa_ededed.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EDEDED));
        background-image: -webkit-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -moz-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -ms-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -o-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: linear-gradient(top, #FAFAFA, #EDEDED);
        color: #3A2C12;
        text-decoration: none;
    }

    a.first-tab {
        border-left: none;
    }

    a.last-tab {
        border-right: none;
    }

    /* link to other */
    .categories .back-link {
        margin: 15px 0 0 20px;
    }

    /* header */
    .categories .box-header {
        color: #666666;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-size: 2.2rem;
        margin: 15px 0 10px 18px;
    }

    /* list */
    .categories {
        padding: 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories {
        /* MQ: Tablet */ padding-bottom: 10px;
    }
}

@media screen and (min-device-width: 320px) {
    .categories ol {
        margin: 14px 0 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories ol {
        /* MQ: Tablet */ margin: 0 14px;
    }
}

@media screen and (min-device-width: 320px) {
    .categories li {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border-top: 1px solid #eee;
        margin-bottom: 1px;
        position: relative;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories li {
        /* MQ: Tablet */ border: none;
    }
}

@media screen and (min-device-width: 320px) {
    .categories li a {
        background: url(/spcom/sites/sgw/images/action_arrow_right.png) no-repeat 8px 20px;
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0;
        padding: 14px 0 14px 24px;
        word-wrap: break-word;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories li a {
        /* MQ: Tablet */ background-position: 5px 10px;
        padding: 4px 5px 4px 17px;
    }
}

@media screen and (min-device-width: 320px) {
    .categories li a:hover {
        background-position: 12px 13px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories li a:hover {
        /* MQ: Tablet */ background-position: 5px 3px;
    }
}

@media screen and (min-device-width: 320px) {
    .categories .categories-secondary li a {
        background-position: 12px 18px;
        /*width: 78.3582089552%;   /* Math: 210 / 268 */
        padding-right: 45px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.3;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories .categories-secondary li a {
        /* MQ: Tablet */ background-position: 4px 8px;
    }
}

@media screen and (min-device-width: 320px) {
    .categories .categories-secondary li a:hover {
        background-position: 12px 11px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories .categories-secondary li a:hover {
        /* MQ: Tablet */ background-position: 4px 1px;
    }
}

@media screen and (min-device-width: 320px) {
    .categories .categories-secondary li a span {
        position: absolute;
        right: 16px;
        top: 15px;
        z-index: 5;
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories .categories-secondary li a span {
        /* MQ: Tablet */ right: 4px;
        top: 4px;
    }
}

@media screen and (min-device-width: 320px) {
    .single-level li:hover, .multi-level li li:hover {
        background-color: #3A2C12;
        color: #FFF;
        text-decoration: none;
    }

    .single-level li:hover a, .multi-level li li:hover a {
        color: #FFF;
        text-decoration: none;
    }

    .multi-level h3 {
        margin: 15px 0 7px 4px;
    }

    .tab-content-first, .tab-content-last {
        clear: both;
        overflow: hidden;
    }

    /* Collapsing categories (e.g industry sector pages */
    .show-nav, .collapse-nav {
        background: url(../images/double_arrow.png) no-repeat 50% -18px;
        border-top: 1px solid #dcdcdc;
        -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        display: none;
        height: 26px;
        margin: 15px 0 -10px 0;
        width: 100%;
    }

    .show-nav:hover {
        background-color: #edf5fb;
        background-position: 50% -68px;
    }

    .collapse-nav {
        background-position: 50% 7px;
    }

    .collapse-nav:hover {
        background-color: #edf5fb;
        background-position: 50% -43px;
    }

    .js .hide-nav {
        display: none;
    }

    .js .show-nav {
        display: block;
    }

    .ie6 .categories li a {
        background: none;
        padding: 4px 5px 4px 8px;
    }

    /* JS version of multi-level catergories */
    .js .multi-level ul {
        display: none;
        margin-left: 14px;
    }

    .js .multi-level ul a {
        width: auto;
    }

    .js .multi-level h3 {
        color: #3A2C12;
        cursor: pointer;
        margin: -2px;
        padding: 4px 5px 4px 5px;
    }

    .js .multi-level h3:before {
        background: url(../sites/rd/images/expander_arrows.png) no-repeat 4px -44px;
        content: '';
        width: 16px;
        height: 18px;
        display: inline-block;
    }

    .js .multi-level h3:hover {
        background: #3A2C12;
        color: #fff;
    }

    .js .multi-level h3:hover:before {
        background-position: 4px -331px;
    }

    .js .multi-level h3.is-open:before {
        background-position: 0 10px;
    }

    .js .multi-level h3.is-open:hover:before {
        background-position: 0 -384px;
    }

    /* Content Type Links ('Industry Sector' Page)



  ------------------------------------------------------------------------------*/
    .content-types {
        margin: -10px 0 34px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .content-types {
        /* MQ: Widescreen */ margin-left: 8px;
    }
}

@media screen and (min-device-width: 320px) {
    .content-types h2 {
        color: #999999;
        border-bottom: 2px solid #999999;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 5px 3% 5px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .content-types h2 {
        /* MQ: Tablet */ border-bottom: none;
        border-right: 2px solid #999999;
        display: inline-block;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .content-types h2 {
        /* MQ: Widescreen */ padding-right: 26px;
    }
}

@media screen and (min-device-width: 320px) {
    .lt-ie8 .content-types h2 {
        float: left;
        /* Annoying fix for ie6/7 otherwise it looks bad */
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .content-types h2 span {
        /* MQ: Tablet */ display: block;
    }
}

@media screen and (min-device-width: 320px) {
    .content-types a span {
        display: block;
    }

    .content-types a {
        border-right: 1px solid #dcdcdc;
        display: inline-block;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 6px 22px 6px 18px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .content-types a {
        /* MQ: Tablet */ padding: 6px 3% 6px 2%;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .content-types a {
        /* MQ: Widescreen */ padding: 6px 30px 6px 22px;
    }
}

@media screen and (min-device-width: 320px) {
    .content-types a:last-child {
        border-right: none;
        padding-right: 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Flyout



    ------------------------------------------------------------------------------*/.flyout {
    float: left;
    display: inline-block;
    position: relative;
}
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .flyout {
        /* MQ: Tablet */ float: none;
    }
}

@media screen and (min-device-width: 320px) {
    .flyout-caption {
        color: #ffffff;
        cursor: pointer;
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        margin-top: 3px;
        outline: none;
        padding: 12px 0 12px 16px;
        position: relative;
        z-index: 5;
    }

    .flyout-caption:hover, .flyout-caption:focus {
        color: #bcbcbc;
    }

    .flyout-caption:focus {
        outline: 1px dotted;
    }

    .is-open .flyout-caption:focus {
        outline: none;
    }

    .flyout-caption:before {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2291px no-repeat;
        display: block;
        content: "";
        float: right;
        width: 7px;
        height: 5px;
        margin: 4px 5px 0 9px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .flyout-caption:before {
        /* MQ: Tablet */ margin-right: 15px;
    }
}

@media screen and (min-device-width: 320px) {
    .flyout-caption:hover:before {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2284px no-repeat;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .flyout-caption {
        /* MQ: Widescreen */ color: #666666;
        padding: 0;
    }

    .flyout-caption:hover {
        color: #333;
    }

    .flyout-caption:before {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2298px no-repeat;
    }

    .flyout-caption:hover:before {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2277px no-repeat;
    }

    .lt-ie8 .flyout-caption {
        margin-right: 15px;
    }
}

@media screen and (min-device-width: 320px) {
    .no-js .flyout:hover .flyout-caption, .is-open .flyout-caption {
        color: #666666;
    }

    .flyout-content {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);
        background-color: #FFF;
        border: 1px solid #dcdcdc;
        display: none;
        font-size: 12px;
        font-size: 1.2rem;
        padding: 3.4em 10px .5em;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .flyout-content {
        /* MQ: Tablet */ min-width: 150px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .flyout-content {
        /* MQ: Widescreen */ -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        border-color: #dcdcdc;
        left: auto;
        right: 0;
        top: -.35em;
        z-index: 10;
        padding-top: 2em;
    }
}

@media screen and (min-device-width: 320px) {
    .flyout-content ul, .flyout-content ol {
        border-top: 1px solid #E4E4E4;
        padding-top: 4px;
    }

    .flyout-content li {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .flyout-content li {
        /* MQ: Widescreen */ font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (min-device-width: 320px) {
    .flyout-content li a {
        color: #666666;
        display: block;
        padding: 6px 9px;
    }

    .flyout-content li a:hover, .flyout-content li a:focus {
        background: #f1f1f1;
    }

    /* show on hover (.is-open is used by js logic) */
    .no-js .flyout:hover .flyout-caption, .flyout.is-open .flyout-caption {
        z-index: 15;
    }

    .no-js .flyout:hover .flyout-content, .flyout.is-open .flyout-content {
        display: block;
    }
}

label.extend-error, .form-row label.error {
    color: #C30000;
    padding: 8px 0 0 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: normal;
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Form components



  ------------------------------------------------------------------------------*/.default-form {
    border: 1px solid #dcdcdc;
}

    .box .default-form, .box-primary .default-form, .box-secondary .default-form {
        border: none;
    }

    .default-form+.default-form {
        border-top: none;
    }

    .form-section {
        border-bottom: 1px solid #dcdcdc;
        -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        padding: 0 28px 20px 20px;
        position: relative;
    }

    .form-section:last-of-type {
        border-bottom: 1px solid #dcdcdc;
    }

    .form-row label {
        clear: both;
        color: #666666;
        display: block;
        font-weight: bold;
        padding: 20px 0 7px 0;
    }

    .form-row label.inline {
        display: inline;
        padding: 0;
        margin: 0;
    }

    .form-row input[type=text], .form-row input[type=email], .form-row input[type=password] {
        display: block;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-row input[type=text], .form-row input[type=email], .form-row input[type=password] {
        /* MQ: Tablet */ width: 97.4358974359%;
        /* Math: 380 / 390 */
    }
}

@media screen and (min-device-width: 320px) {
    .form-section .multiple-input {
        float: left;
    }

    .form-section .multiple-input:first-child {
        margin: 0 34px 0 0;
    }

    .form-section .multiple-input label {
        width: 100%;
    }

    .form-section .multiple-input input {
        width: 94.3820224719%;
        /* Math: 168 / 178 */
    }

    .form-submit-section {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        padding: 12px 20px;
    }

    .form-submit-section .btn {
        margin: 0 12px 0 0;
    }

    .form-section .btn {
        margin: 12px 12px 0 0;
    }

    .form-section .btn-gray {
        top: 1px;
        position: relative;
    }

    .form-section .success-message, .form-section .error-message {
        margin-bottom: 20px;
    }

    .form-section input.error {
        border: 1px solid #c40606;
        -webkit-box-shadow: 0 0 3px #c40606;
        -moz-box-shadow: 0 0 3px #c40606;
        box-shadow: 0 0 3px #c40606;
    }

    .js-validation label.error span {
        background: #FFF url(../images/cross_error.png) no-repeat 6px center;
        border: 1px solid #c40606;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 3px 3px 5px -3px #cccccc;
        -moz-box-shadow: 3px 3px 5px -3px #cccccc;
        box-shadow: 3px 3px 5px -3px #cccccc;
        display: block;
        margin: 0;
        padding: 6px 12px 7px 26px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .js-validation label.error {
        /* MQ: Tablet */ padding: 0 0 0 13px;
        position: absolute;
        width: 43.4%;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .js-validation label.error:after {
        /* MQ: Tablet */ background: url(../images/error_tooltip_left.png) no-repeat left center;
        top: 50%;
        content: "";
        display: block;
        height: 23px;
        left: 1px;
        margin-top: -11px;
        position: absolute;
        width: 13px;
    }
}

@media screen and (min-device-width: 320px) {
    .ie8 .js-validation label.error:after {
        background: none;
    }

    .js-validation label.error-down:after {
        background: url(../images/error_tooltip_down.png) no-repeat center bottom;
        bottom: -8px;
        left: 50%;
        top: auto;
    }

    .js-validation label.error.tick:after {
        display: none !important;
    }

    .js-validation .form-section label.tick {
        background: url(../images/success_icon.png) no-repeat 0 0;
        border: none;
        padding: 0;
        position: absolute;
        height: 15px;
        width: 16px;
    }

    .progress-bar {
        background: #eaeaea;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        height: 10px;
        position: absolute;
        width: 76px;
    }

    .progress-bar span {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        display: block;
        height: 10px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: 0;
    }

    .is0 span {
        width: 0;
    }

    .is10 span {
        width: 10%;
    }

    .is20 span {
        width: 20%;
    }

    .is30 span {
        width: 30%;
    }

    .is40 span {
        width: 40%;
    }

    .is50 span {
        width: 50%;
    }

    .is60 span {
        width: 60%;
    }

    .is70 span {
        width: 70%;
    }

    .is80 span {
        width: 80%;
    }

    .is90 span {
        width: 90%;
    }

    .is100 span {
        width: 100%;
    }

    .bad span {
        background-color: #ff7575;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#c40606), to(#ff7575));
        background-image: -webkit-linear-gradient(top, #c40606, #ff7575);
        background-image: -moz-linear-gradient(top, #c40606, #ff7575);
        background-image: -ms-linear-gradient(top, #c40606, #ff7575);
        background-image: -o-linear-gradient(top, #c40606, #ff7575);
        background-image: linear-gradient(top, #c40606, #ff7575);
    }

    .weak span {
        background-color: #ffe282;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ffe282));
        background-image: -webkit-linear-gradient(top, #ffcc00, #ffe282);
        background-image: -moz-linear-gradient(top, #ffcc00, #ffe282);
        background-image: -ms-linear-gradient(top, #ffcc00, #ffe282);
        background-image: -o-linear-gradient(top, #ffcc00, #ffe282);
        background-image: linear-gradient(top, #ffcc00, #ffe282);
    }

    .good span {
        background-color: #57c840;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1b9d01), to(#57c840));
        background-image: -webkit-linear-gradient(top, #1b9d01, #57c840);
        background-image: -moz-linear-gradient(top, #1b9d01, #57c840);
        background-image: -ms-linear-gradient(top, #1b9d01, #57c840);
        background-image: -o-linear-gradient(top, #1b9d01, #57c840);
        background-image: linear-gradient(top, #1b9d01, #57c840);
    }

    /* specific forms */
    #login-register .default-form {
        max-width: 438px;
    }

    #login-register .form-section p {
        margin: 20px 0 0 0;
    }

    /* Form layout 2 */
    .form-layout-2.form-section {
        padding: 20px 0 0 0;
    }

    .form-layout-2 .form-row {
        clear: both;
        padding: 0 28px 0 20px;
        position: relative;
    }

    .form-layout-2 .form-row:before, .form-layout-2 .form-row:after {
        content: " ";
        display: table;
    }

    .form-layout-2 .form-row:after {
        clear: both;
    }

    .form-layout-2 .form-row label {
        display: block;
        margin: 7px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-layout-2 .form-row label {
        /* MQ: Tablet */ clear: none;
        display: inline-block;
        margin: 14px 4.86891385768% 14px 0;
        /* Math: 26 / 534 */
        padding: 0;
        text-align: right;
        width: 20.5992509363%;
        /* Math: 110 / 534 */
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-layout-2 .form-row label.error {
        /* MQ: Tablet */ display: block;
        margin: 0 0 7px 25.2808988764%;
        /* Math: 135 / 534 */
        max-width: 320px;
        text-align: left;
        width: 59.925093633%;
        /* Math: 320 / 534 */
    }
}

@media screen and (min-device-width: 320px) {
    .form-layout-2 .form-row p {
        display: block;
        padding: 4px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-layout-2 .form-row p {
        /* MQ: Tablet */ display: inline-block;
        width: 59.925093633%;
        /* Math: 320 / 534 */
    }
}

@media screen and (min-device-width: 320px) {
    .form-layout-2 .form-section-divider {
        border-top: 1px solid #dcdcdc;
        -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        padding: 5px 28px 14px 20px;
    }

    .form-layout-2 .form-row .warning-message, .form-layout-2 .form-row .warning-message a {
        color: #c40606;
    }

    .form-layout-2 .form-row .warning-message a {
        text-decoration: underline;
    }

    .form-layout-2 .form-row .warning-message, .form-layout-2 .form-row .success-message {
        background: none;
        border: none;
        clear: both;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        margin: 0 0 14px 26.2172284644%;
        /* Math: 140 / 534 */
        padding: 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-layout-2 .form-row input[type="text"], .form-layout-2 .form-row input[type="email"], .form-layout-2 .form-row input[type="password"] {
        /* MQ: Tablet */ display: inline-block;
        margin-left: -5px;
        width: 59.5505617978%;
        /* Math: 318 / 534 */
    }
}

@media screen and (min-device-width: 320px) {
    .form-layout-2 .form-row span.label {
        color: #666666;
        display: inline-block;
        font-weight: bold;
        margin: 14px 26px 14px 0;
        padding: 0;
        text-align: right;
        width: 110px;
    }

    /* Editable form */
    html.js .editable-form .form-submit-section {
        display: none;
    }

    html.js .editing-form .form-submit-section {
        display: block;
    }

    html.js .form-layout-2 .form-row-editable input {
        display: none;
    }

    html.js .editing-form .form-row-editable input {
        display: inline-block;
    }

    html.js .editing-form .form-row-editable p, html.js .editing-form .form-row-editable .edit-link {
        display: none;
    }

    .ie6 .form-layout-2 .form-row-editable {
        zoom: 1; }

    .lt-ie8 .form-layout-2 .form-row-editable label {
        float: left;
        margin: 4px 26px 14px 0;
    }

    .js .form-row-editable {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border-top: 1px solid #dcdcdc;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #dcdcdc;
        border-left: 1px solid #fff;
    }

    .js .edit-field, .js .editing-form .edit-field:hover {
        background: #fff;
        border: 1px solid #fff;
        cursor: default;
    }

    .js .edit-field:hover {
        background: #f4f4f4;
        cursor: pointer;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-row .edit-link {
        /* MQ: Tablet */ padding: 0 0 0 17px;
        position: absolute;
        top: 14px;
        right: 14px;
    }
}

@media screen and (min-device-width: 320px) {
    .lt-ie8 .form-row .edit-link {
        top: 5px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    html.no-js .edit-link:hover, html.js .form-row-editable:hover .edit-link {
        /* MQ: Tablet */ background: url('springer-sprite-s5b407fa7c7.png') 0 -1926px no-repeat;
    }
}

@media screen and (min-device-width: 320px) {
    html.no-js .editing-form .edit-link {
        display: none;
    }

    html.no-js .form-layout-2 .form-row-editable input, html.no-js .editable-form .form-submit-section {
        display: none;
    }

    html.no-js .editing-form .form-row-editable input {
        display: inline-block;
    }

    html.no-js .editing-form .form-submit-section {
        display: block;
    }

    .no-js .editing-form .form-row p#email-address-text, .no-js .editing-form .form-row p#first-name-text, .no-js .editing-form .form-row p#last-name-text {
        display: none;
    }

    .submit-edit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -882px no-repeat;
        cursor: pointer;
        display: none;
        height: 24px;
        position: absolute;
        top: 10px;
        right: 40px;
        width: 24px;
    }

    .submit-edit:hover, .submit-edit:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -856px no-repeat;
    }

    .submit-edit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -830px no-repeat;
    }

    .cancel-edit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1610px no-repeat;
        cursor: pointer;
        display: none;
        height: 24px;
        position: absolute;
        top: 10px;
        right: 11px;
        width: 24px;
    }

    .cancel-edit:hover, .cancel-edit:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1584px no-repeat;
    }

    .cancel-edit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1558px no-repeat;
    }

    .lt-ie8 .form-row .cancel-edit, .lt-ie8 .form-row .submit-edit {
        top: 1px;
    }

    .js-validation .form-layout-2 label.error {
        margin: 0;
        max-width: 230px;
        padding: 0 0 0 13px;
        width: auto;
    }

    .editable-form .form-section {
        border-bottom: none;
    }

    /* Change password */
    .default-form .change-password {
        border-bottom: 1px solid #dadbdb;
    }

    .form-layout-2 .change-password-link span.label {
        margin-bottom: 0;
    }

    .editing-form .change-password-link {
        border-bottom: 1px solid #dadbdb;
        margin-top: 15px;
    }

    .form-layout-2 .change-password-link .success-message {
        margin-top: 7px;
        margin-bottom: 0;
    }

    .change-password {
        background: #F3F3F3 url(../images/grdnt_grey_ffffff_f3f3f3.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F3F3));
        background-image: -webkit-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -moz-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -ms-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -o-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: linear-gradient(top, #FFFFFF, #F3F3F3);
        display: none;
    }

    .editing-form .change-password {
        display: block;
    }

    .change-password .form-row input[type="password"] {
        width: 84.8314606742%;
        /* Math: 453 / 534 */
    }

    /* New generic form components



  ------------------------------------------------------------------------------*/
    /* form field */
    .form-field {
        margin-top: 14px;
        /* inline form field */
    }

    .form-field label {
        color: #666666;
        font-weight: bold;
    }

    .form-field input, .form-field select {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        margin: 4px 0;
        width: 100%;
    }

    .form-field.inline-field input {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: auto;
        margin: 2px;
        display: inline-block;
    }

    .form-field.inline-field select {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: auto;
        display: inline-block;
    }

    /* form fields in a 2 column layout */
    .form-fields-col1:before, .form-fields-col1:after {
        content: " ";
        display: table;
    }

    .form-fields-col1:after {
        clear: both;
    }

    .form-fields-col1 .form-field {
        float: left;
        width: 100%;
    }

    /* form fields in a 2 column layout */
    .form-fields-col2:before, .form-fields-col2:after {
        content: " ";
        display: table;
    }

    .form-fields-col2:after {
        clear: both;
    }

    .form-fields-col2 .form-field {
        float: left;
        width: 47%;
    }

    .form-fields-col2 .form-field+.form-field {
        margin-left: 6%;
    }

    /* form fields in a 3 column layout */
    .form-fields-col3:before, .form-fields-col3:after {
        content: " ";
        display: table;
    }

    .form-fields-col3:after {
        clear: both;
    }

    .form-fields-col3 .form-field {
        float: left;
        width: 30%;
    }

    .form-fields-col3 .form-field+.form-field {
        margin-left: 5%;
    }

    /* form submit */
    .form-submit {
        margin-top: 14px;
    }

    .form-submit:before, .form-submit:after {
        content: " ";
        display: table;
    }

    .form-submit:after {
        clear: both;
    }

    /* Deposit interuption



  ------------------------------------------------------------------------------*/
    .deposit-interruption.lb {
        width: 298px;
    }

    .deposit-interruption.lb .help {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .deposit-interruption form {
        display: inline;
    }

    .deposit-interruption label {
        font-weight: normal;
        color: #333;
    }

    .deposit-interruption .form-field.inline-field input {
        margin: 11px 2px 2px 4px;
    }

    .deposit-interruption .form-submit-section {
        border-top: 1px solid #dcdcda;
        margin: 20px -20px -20px;
    }

    /* Enforced Login box



  ------------------------------------------------------------------------------*/
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .login-box {
        /* MQ: Tablet */ width: 453px;
    }
}

@media screen and (min-device-width: 320px) {
    .login-box p em {
        color: #666666;
    }

    .login-box .mod-bd a {
        font-size: 13px;
        font-size: 1.3rem;
        position: relative;
        top: 3px;
    }

    .login-box form {
        border: 1px solid #dadbdb;
        margin: 15px 0 12px 0;
        padding: 0 20px;
    }

    .login-box .error-message {
        margin-top: 15px;
    }

    .login-box .form-submit-section {
        border-top: 1px solid #dadbdb;
        margin: 15px -20px 0 -20px;
        position: relative;
    }

    .login-box #auth-remember-label {
        display: block;
        line-height: 1.3;
        margin: 0 0 7px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .login-box #auth-remember-label {
        /* MQ: Tablet */ position: absolute;
        top: 9px;
        right: 20px;
    }
}

@media screen and (min-device-width: 320px) {
    .login-box #auth-remember-label em {
        color: #666666;
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        margin: 0 0 0 20px;
    }

    .login-box #auth-remember-label input {
        position: relative;
        top: 2px;
        width: 14px;
    }

    .ie7 .login-box #auth-remember-label {
        text-align: right;
    }

    /* Success and error message



  ------------------------------------------------------------------------------*/
    .success-header {
        background: url(../images/success_icon.png) no-repeat left center;
        color: #71ab0b;
        margin-top: 7px;
        padding-left: 26px;
    }

    .success-message {
        background: url(../images/success_icon.png) no-repeat 5px 5px;
        border: 1px solid #71ab0b;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        color: #71ab0b;
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        font-style: italic;
        line-height: 1.3 !important;
        padding: 6px 6px 6px 33px;
    }

    .error-message {
        background: #FFF url(../images/cross_error.png) no-repeat 6px center;
        border: 1px solid #c40606;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 3px 3px 5px -3px #cccccc;
        -moz-box-shadow: 3px 3px 5px -3px #cccccc;
        box-shadow: 3px 3px 5px -3px #cccccc;
        color: #C30000;
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.2;
        margin: 0;
        padding: 7px 12px 7px 26px;
        word-wrap: break-word;
    }

    .error {
        color: #C30000;
    }

    /* in a field */
    .field {
        position: relative;
    }

    .field .error-message {
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
        line-height: 1.5;
        margin-left: -90px;
        /* half the outer width - 2px => for centering */
        position: absolute;
        left: 50%;
        bottom: 28px;
        /* left 50% is for centering */
        width: 137px;
        word-wrap: break-word;
    }

    .field .error-message:after {
        background: url(../images/error_tooltip_down.png) no-repeat;
        content: '';
        display: block;
        height: 13px;
        margin-left: -12px;
        position: absolute;
        left: 50%;
        bottom: -13px;
        width: 25px;
    }

    .field .pagination-error {
        left: 52%;
        top: 28px;
        bottom: auto;
    }

    .field .pagination-error:after {
        background: url(../images/error_tooltip_up.png) no-repeat;
        content: '';
        display: block;
        height: 13px;
        margin-left: -12px;
        position: absolute;
        left: 50%;
        top: -13px;
        width: 25px;
    }

    #date-facet-fields .error-message {
        line-height: 1.5;
        z-index: 10;
    }

    /* Helper text



  -----------------------------------------------------------------------------*/
    .helper-text {
        color: #666666;
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        font-style: italic;
        margin: 4px 0 0 0;
    }

    /* Advanced Search



  -----------------------------------------------------------------------------*/
    #advanced-search form {
        margin: 20px 0;
    }

    #advanced-search .form-section {
        max-width: 506px;
        width: 86.4957264957%;
        /* Math 506 / 585 */
    }

    #advanced-search input[type="text"] {
        width: 94.4%;
        /* Math 480 / 506 */
    }

    #advanced-search form h2 {
        font-size: 20px;
        font-size: 2rem;
        margin: 0;
        padding: 20px 0 0 0;
    }

    #advanced-search label {
        font-weight: normal;
    }

    #advanced-search #date-facet {
        margin-top: 0;
    }

    #advanced-search #date-facet:before, #advanced-search #date-facet:after {
        content: " ";
        display: table;
    }

    #advanced-search #date-facet:after {
        clear: both;
    }

    #advanced-search #date-facet input {
        display: inline;
    }

    #advanced-search #results-only-access {
        margin: 20px 0 0 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #advanced-search #results-only-access {
        /* MQ: Tablet */ width: 39.3280632411%;
        /* Math 199 / 506 */
    }
}

@media screen and (min-device-width: 320px) {
    .no-js #advanced-search #results-only-access div {
        position: absolute;
    }

    #advanced-search #results-only-access label {
        padding: 0;
    }

    /* Institutional login */
    .institutional-login {
        display: inline-block;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Functions bar



  ------------------------------------------------------------------------------*/.functions-bar {
    background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
    background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 0 #FFF;
    -moz-box-shadow: inset 0 1px 0 #FFF;
    box-shadow: inset 0 1px 0 #FFF;
    border: 1px solid #dcdcdc;
    line-height: 1.8;
    margin-top: 17px;
    padding: 5px 10px;
    position: relative;
    z-index: 5;
}
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .functions-bar {
        /* MQ: Tablet */ height: 24px;
    }
}

@media screen and (min-device-width: 320px) {
    .ie9 .functions-bar {
        /* don't use ms-filter here because the error message of the pagination becomes hidden! [KS] */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    }

    .functions-bar .pagination {
        margin: 7px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .functions-bar .pagination {
        /* MQ: Tablet */ margin: 0;
        position: absolute;
        right: 5px;
        top: 5px;
    }
}

@media screen and (min-device-width: 320px) {
    .functions-bar-bottom {
        margin-top: 5px;
    }

    /* sorting */
    .sorting label {
        font-size: 11px;
        font-size: 1.1rem;
        font-weight: bold;
        margin-right: 10px;
    }

    .sorting select {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .sorting .btn {
        font-size: 11px;
        font-size: 1.1rem;
        height: 16px;
        line-height: 1.4;
    }

    .sorting .btn.selected {
        border-color: #666666;
        font-weight: bold;
    }

    .js .sorting .btn {
        display: none;
    }

    .no-js .sorting select {
        display: none;
    }

    /* pagination */
    .pagination {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .pagination:before, .pagination:after {
        content: " ";
        display: table;
    }

    .pagination:after {
        clear: both;
    }

    .pagination .prev, .pagination .next {
        background-repeat: no-repeat;
        color: transparent;
        direction: ltr;
        display: block;
        overflow: hidden;
        text-align: left;
        text-indent: -9999em;
        text-transform: capitalize;
        float: left;
        height: 24px;
        vertical-align: middle;
        width: 24px;
    }

    .pagination .prev {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -215px no-repeat;
        margin-right: 10px;
    }

    .pagination .next {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -371px no-repeat;
        margin-left: 10px;
    }

    .pagination a.prev:hover, .pagination a:focus.prev {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -137px no-repeat;
    }

    .pagination a.prev:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -85px no-repeat;
    }

    .pagination span.prev {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -163px no-repeat;
    }

    .pagination a.next:hover, .pagination a:focus.next {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -293px no-repeat;
    }

    .pagination a:focus.next, .pagination a:focus.prev {
        outline: 1px #999999 dotted;
    }

    .pagination a.next:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -241px no-repeat;
    }

    .pagination span.next {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -319px no-repeat;
    }

    .pagination .page-nr {
        float: left;
    }

    .pagination input {
        font-size: 11px;
        font-size: 1.1rem;
        margin: 0 2px;
        padding: 4px 3px;
        text-align: center;
        width: 44px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Get Access



  ------------------------------------------------------------------------------*/.get-access {
    background: #FFF url(../images/grdnt_grey_f8f8f8_ffffff.gif) repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#FFFFFF));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #FFFFFF);
    background-image: -moz-linear-gradient(top, #f8f8f8, #FFFFFF);
    background-image: -ms-linear-gradient(top, #f8f8f8, #FFFFFF);
    background-image: -o-linear-gradient(top, #f8f8f8, #FFFFFF);
    background-image: linear-gradient(top, #f8f8f8, #FFFFFF);
    border: 1px solid #DBDBDA;
    margin: 0 auto;
    position: relative;
}

    .get-access .mod-bd {
        /* for nicer animation */
        overflow: hidden;
        text-align: center;
    }

    .get-access .mod-bd h2 {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
        padding-bottom: 12px;
        margin: 6px -20px 20px -20px;
        text-align: center;
    }

    .get-access img {
        display: inline-block;
        margin-bottom: 2px;
    }

    .get-access p {
        color: #666666;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0 7px 30px 0;
        text-align: left;
    }

    .get-access #getaccess-webshop {
        margin-top: 7px;
        text-align: right;
    }

    .get-access .btn-back, .get-access .btn-close {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .get-access .requested-access {
        -webkit-box-shadow: inset 0 -1px 0 0 #fff, inset 0 18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #fff, inset 0 18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #fff, inset 0 18px 18px -18px #efefef;
        border: 1px solid #dcdcdc;
        clear: both;
        display: none;
        margin: 20px 0 0 0;
        padding: 7px;
    }

    .get-access .requested-access p {
        background: url(../images/success_icon.png) no-repeat 0 0;
        color: #333;
        font-size: 13px;
        font-size: 1.3rem;
        margin: 7px;
        padding: 0 0 0 25px;
    }

    .get-access .journal-cover-small {
        float: left;
        width: 68px;
        height: 90px;
        margin-bottom: 20px;
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .get-access .journal-cover-small {
        /* MQ: Tablet */ margin: 0 20px 20px 0;
    }
}

@media screen and (min-device-width: 320px) {
    .get-access .content-pricing {
        margin: 0 7px 12px 0;
        overflow: hidden;
        padding: 0;
        text-align: left;
        clear: left;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .get-access .content-pricing {
        /* MQ: Tablet */ clear: none;
    }
}

@media screen and (min-device-width: 320px) {
    .get-access .content-pricing h3 {
        clear: both;
        float: left;
        font-size: 13px;
        font-size: 1.3rem;
        margin: 0;
        text-align: left;
    }

    .get-access .content-pricing p {
        clear: both;
        float: left;
        margin: 0;
    }

    .get-access .content-pricing .content-prices {
        font-size: 20px;
        font-size: 2rem;
    }

    .get-access .content-pricing .btn {
        font-size: 14px;
        font-size: 1.4rem;
        height: 28px;
        padding: 1px 12px 0 12px;
    }

    .get-access .leaf-pricing p, .get-access .leaf-pricing h3 {
        color: #333;
    }

    .get-access .aggregate-pricing p, .get-access .aggregate-pricing h3 {
        color: #777777;
    }

    .get-access .price-disclaimer {
        color: #777777;
        font-size: 11px;
        font-size: 1.1rem;
        margin: 0 0 20px 0;
    }

    .get-access .get-access-footer {
        clear: both;
        border-top: 1px solid #dcdcdc;
        padding-top: 20px;
    }

    .get-access .get-access-footer p {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0;
    }

    .get-access .get-access-footer .btn {
        font-size: 12px;
        font-size: 1.2rem;
        float: right;
    }

    /* single on a page */
; }

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #content>.get-access {
        /* MQ: Tablet */ margin-top: 86px;
        margin-bottom: 86px;
    }
}

@media screen and (min-device-width: 320px) {
    /* in the lightbox */ .btn-close {
    display: none;
    /* only show in lightbox (see a few lines below) */
; }

    #cboxLoadedContent .btn-back {
        display: none;
    }

    #cboxLoadedContent .btn-close, #reader .btn-close {
        display: inline-block;
    }

    #cboxLoadedContent .get-access {
        border: 0;
        margin: 0;
    }

    .ie7 #cboxClose {
        visibility: hidden;
        /* Fixes IE7 bug, using hidden to not break any tests (if there are any) */
    ; }

    /* in the bar wrapper */
    .bar-wrapper .get-access {
        display: none;
        margin: 0;
        width: auto;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .bar-wrapper .get-access {
        /* MQ: Widescreen */ padding-left: 182px;
        padding-right: 182px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Cover images look inside







  ------------------------------------------------------------------------------*/.look-inside {
    display: none;
    min-height: 188px;
    position: relative;
    max-width: 170px;
    text-decoration: none;
}
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .look-inside {
        /* MQ: Tablet */ display: block;
    }
}

@media screen and (min-device-width: 320px) {
    .look-inside>a {
        display: block;
        padding-bottom: 17px;
        text-decoration: none;
    }

    .look-inside>a img {
        display: block;
        max-height: 203px;
        max-width: 100%;
        min-height: 203px;
        min-width: 153px;
    }

    .look-inside-cover {
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        position: relative;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .look-inside-page {
        background: url("../sites/rd/images/abstract_cover_placeholder.png") no-repeat 0 0;
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        position: absolute;
        right: -2px;
        bottom: 0;
        z-index: 1;
    }

    .look-inside-badge {
        background-color: #f1f1f1;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e06310));
        background-image: -webkit-linear-gradient(top, #f1f1f1, #e06310);
        background-image: -moz-linear-gradient(top, #f1f1f1, #e06310);
        background-image: -ms-linear-gradient(top, #f1f1f1, #e06310);
        background-image: -o-linear-gradient(top, #f1f1f1, #e06310);
        background-image: linear-gradient(top, #f1f1f1, #e06310);
        border: 1px solid #e06310;
        border-radius: 0 0 0 10px;
        -webkit-box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
        -moz-box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
        box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
        color: #FFF;
        display: block;
        font-size: 16px;
        line-height: 1.1;
        padding: 6px 33px 6px 10px;
        position: absolute;
        right: -1px;
        bottom: 28px;
        z-index: 4;
    }

    .look-inside-badge:after {
        position: absolute;
        top: 6px;
        right: 7px;
        content: '';
        width: 11px;
        height: 16px;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2722px no-repeat;
    }

    #content #scroller .look-inside-interrupt {
        display: block;
        padding: 20px 40px;
        text-align: left;
        background: #E5E5E5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        border: 1px solid #A8A8A8;
        border-top: 0 none;
    }

    #content #scroller .look-inside-interrupt h3 {
        font-weight: bold;
        margin-bottom: 0.7em;
    }

    #content #scroller .look-inside-interrupt .col-1 {
        width: 50%;
    }

    #content #scroller .look-inside-interrupt .col-1 p {
        margin-bottom: 1em;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* My copy



  ------------------------------------------------------------------------------*/.my-copy-price {
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    margin: 5px 0 10px 0;
}

    .my-copy-price .curr {
        color: #999999;
    }

    .my-copy-btn {
        display: block;
        height: auto;
        white-space: normal;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .my-copy-btn {
        /* MQ: Widescreen */ display: inline-block;
    }
}

@media screen and (min-device-width: 320px) {
    .my-copy-btn:before {
        margin-left: -1em;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Open Access */ .open-access .help {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #e06310;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f1f1f1, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f1f1f1, #f1f1f1);
    background-image: -o-linear-gradient(top, #f1f1f1, #f1f1f1);
    background-image: linear-gradient(top, #f1f1f1, #f1f1f1);
    color: #ffffff;
    display: inline-block;
    line-height: 1.2;
    margin: 4px 0 7px 0;
    padding: 1px 5px 1px 5px;
}
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Partner Logos



  ------------------------------------------------------------------------------*/.partner-logos {
    color: #999999;
    font-size: 11px;
    font-size: 1.1rem;
    margin: 15px 0 7px;
}

    .partner-logos img {
        display: block;
        max-width: 175px;
        max-height: 70px;
        margin: 7px 0 12px 0;
    }

    .partner-logos a {
        display: block;
        margin-bottom: 12px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* JavaScript/Chrome/Redirect prompt notices



    ------------------------------------------------------------------------------*/.prompt-bar {
    background-color: #46474D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4F5056), to(#3D3E42));
    background-image: -webkit-linear-gradient(top, #4F5056, #3D3E42);
    background-image: -moz-linear-gradient(top, #4F5056, #3D3E42);
    background-image: -ms-linear-gradient(top, #4F5056, #3D3E42);
    background-image: -o-linear-gradient(top, #4F5056, #3D3E42);
    background-image: linear-gradient(top, #4F5056, #3D3E42);
    -webkit-box-shadow: -2px -6px 22px 4px #333;
    -moz-box-shadow: -2px -6px 22px 4px #333;
    box-shadow: -2px -6px 22px 4px #333;
    -webkit-transition: padding 0.25s ease-in-out;
    -moz-transition: padding 0.25s ease-in-out;
    -o-transition: padding 0.25s ease-in-out;
    transition: padding 0.25s ease-in-out;
    color: #dadbdb;
    min-height: 18px;
    margin: 0;
    overflow: hidden;
    padding: 12px 0;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    text-shadow: 1px 1px 0 #222222;
    width: 100%;
    z-index: 20;
}
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .prompt-bar {
        /* MQ: Widescreen */ min-width: 960px;
    }
}

@media screen and (min-device-width: 320px) {
    .prompt-bar a {
        color: #FFF;
        text-decoration: underline;
    }

    .prompt-bar a:hover {
        text-decoration: none;
    }

    .prompt-bar p {
        margin: 0 7px;
    }

    .prompt-wrapper {
        max-width: 960px;
        margin: 7px auto 0 auto;
        min-height: 43px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .prompt-actions {
        /* MQ: Widescreen */ float: right;
    }
}

@media screen and (min-device-width: 320px) {
    .prompt-actions a {
        border-bottom: 1px solid #535458;
    }

    .prompt-actions a:hover {
        border-bottom: 1px solid #d9dadb;
        text-decoration: none;
    }

    .prompt-actions a:focus {
        text-decoration: none;
    }

    .prompt-actions button {
        background: transparent;
        border: 1px solid #38393D;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 1px 0 #5f6065, 0 1px 1px 0 #535459;
        -moz-box-shadow: inset 0 1px 1px 0 #5f6065, 0 1px 1px 0 #535459;
        box-shadow: inset 0 1px 1px 0 #5f6065, 0 1px 1px 0 #535459;
        color: #dadadb;
        padding: 7px 12px;
        margin-left: 20px;
        text-shadow: 1px 1px 0 #222222;
    }

    .prompt-actions button:hover {
        border: 1px solid #28292b;
        color: #FFF;
    }

    .prompt-actions button:active {
        border: 1px solid #28292b;
        color: #FFF;
        -webkit-box-shadow: inset 0 8px 14px -6px #000, 0 1px 1px 0 #535459;
        -moz-box-shadow: inset 0 8px 14px -6px #000, 0 1px 1px 0 #535459;
        box-shadow: inset 0 8px 14px -6px #000, 0 1px 1px 0 #535459;
    }

    #redirect-prompt {
        display: none;
        min-height: 50px;
        padding: 0;
    }

    .js #redirect-prompt {
        display: block;
        margin-top: -50px;
    }

    #redirect-prompt h1 {
        font-size: 24px;
        font-size: 2.4rem;
        margin: 30px 0 0 0;
    }

    #redirect-prompt p {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 10px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #redirect-prompt p {
        /* MQ: Widescreen */ float: left;
        line-height: 1;
    }
}

@media screen and (min-device-width: 320px) {
    #redirect-prompt .more-info-text {
        margin: 0 auto;
        max-width: 960px;
        padding: 0 15px;
        overflow: hidden;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #redirect-prompt .more-info-text {
        /* MQ: Widescreen */ padding: 0;
        text-align: left;
    }
}

@media screen and (min-device-width: 320px) {
    #redirect-prompt .more-info-text p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    #redirect-prompt .more-info-text a {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: normal;
    }

    #redirect-prompt .more-info-text .external:after {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpi/P///xkGKGBkZDQB0chiMI4dFMOAHUgcLIeiGk0TVgVIJoJNQlGAJokiCLcbXY4JzfpD6O5hwWIKCgAIMABuazu420UFvAAAAABJRU5ErkJggg==") no-repeat 0 0;
        text-shadow: 1px 1px 0 #222222;
    }

    .more-info-wrapper {
        -webkit-box-shadow: inset 0 5px 8px 0 rgba(0, 0, 0, 0.25), inset 0 -5px 8px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 5px 8px 0 rgba(0, 0, 0, 0.25), inset 0 -5px 8px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 5px 8px 0 rgba(0, 0, 0, 0.25), inset 0 -5px 8px 0 rgba(0, 0, 0, 0.15);
        background: #3d3e43 url(../images/bg-mobile-menu.png) 0 0 repeat;
        display: none;
        padding: 0 0 30px 0;
    }

    #jsnotice p {
        overflow: hidden;
        white-space: nowrap;
    }

    #jsnotice p span {
        display: none;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #jsnotice p span {
        /* MQ: Tablet */ display: inline;
    }
}

@media screen and (min-device-width: 320px) {
    #chrome-prompt {
        display: none;
    }

    #chrome-prompt span {
        background: url(../images/remove_icons.png) no-repeat 0 0;
        cursor: pointer;
        display: block;
        height: 14px;
        position: absolute;
        top: 8px;
        right: 8px;
        text-indent: -10000px;
        width: 14px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Search



    ------------------------------------------------------------------------------*/.search-submit {
    background-repeat: no-repeat;
    color: transparent;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -9999em;
    text-transform: capitalize;
}

    .big-search {
        position: relative;
    }

    .big-search input {
        vertical-align: bottom;
    }

    .big-search .search-field {
        /* extra div needed because IE doesn't support padding-right on input fields therefore text would overlap the "new search" link */
        background-color: #FFF;
        border: 1px solid #bcbcbc;
        border-radius: 2px;
        -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.11);
        -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.11);
        box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.11);
        height: 36px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 52px;
        position: relative;
    }

    .lt-ie8 .big-search .search-field {
        width: auto;
        height: 35px;
    }

    .big-search.contains-new-search-link .search-field {
        padding-right: 107px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .big-search.contains-new-search-link .search-field {
        /* MQ: Widescreen */ padding-right: 157px;
    }
}

@media screen and (min-device-width: 320px) {
    .big-search.has-focus .search-field {
        /* this selector needed for :focus styles, class applied with JS */ border-color: #3A2C12;
        -webkit-box-shadow: 0 0 3px #3A2C12;
        -moz-box-shadow: 0 0 3px #3A2C12;
        box-shadow: 0 0 3px #3A2C12;
        outline: none;
    }

    .big-search .text {
        background-color: transparent;
        border: 0;
        border-radius: 2px;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 200;
        height: 34px;
        letter-spacing: 0.02em;
        padding: 5px 0 2px 9px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .big-search .text:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 0;
        outline: none;
    }

    .big-search .search-submit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4791px no-repeat;
        background-color: #3A2C12;
        border: 1px solid #3A2C12;
        border-radius: 2px;
        color: #FFF;
        font-size: 16px;
        font-size: 1.6rem;
        height: 36px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
        width: 52px;
    }

    .big-search .search-submit:hover, .big-search .search-submit:focus {
        border-color: #02548a;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4719px no-repeat;
    }

    .big-search .search-submit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4683px no-repeat;
        border-color: #02548a;
    }

    .lt-ie8 .big-search .search-submit {
        top: 1px;
    }

    .big-search .search-submit.loading, .big-search .search-submit.loading:hover, .big-search .search-submit.loading:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4755px no-repeat;
    }

    .big-search #global-search-new {
        color: #bcbcbc;
        font-size: 11px;
        font-size: 1.1rem;
        height: 27px;
        line-height: 2.5;
        position: absolute;
        right: 60px;
        top: 6px;
        z-index: 5;
        overflow: hidden;
        text-decoration: none;
        width: 40px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .big-search #global-search-new {
        /* MQ: Widescreen */ width: auto;
    }
}

@media screen and (min-device-width: 320px) {
    .big-search #global-search-new:hover, .big-search #global-search-new:focus {
        color: #666666;
    }

    .big-search #global-search-new:before {
        background: url(../images/remove_icons.png) no-repeat 0 -100px;
        content: '';
        display: inline-block;
        height: 14px;
        margin: 0 6px 0 16px;
        vertical-align: text-bottom;
        width: 14px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .big-search #global-search-new:before {
        /* MQ: Widescreen */ margin-left: 11px;
    }
}

@media screen and (min-device-width: 320px) {
    .big-search #global-search-new:hover:before, .big-search #global-search-new:focus:before, .big-search #global-search-new:active:before {
        background-position: 0 0;
    }

    .big-search #global-search-new:after {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQImWPYs2fPfwY4AAAnqAM0Zy8pUwAAAABJRU5ErkJggg==") repeat-y 0 0;
        content: '';
        display: block;
        height: 27px;
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Section links and other actions



  ------------------------------------------------------------------------------*/.section-links, .other-actions {
    margin-top: 30px;
}

    .lt-ie8 .section-links, .lt-ie8 .other-actions {
        clear: both;
    }

    .other-actions {
        display: none;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .other-actions {
        /* MQ: Tablet */ display: block;
    }
}

@media screen and (min-device-width: 320px) {
    .section-links h2, .other-actions h2, .book-metrics h2 {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 10px;
    }

    .section-links ol, .other-actions ul {
        margin-right: 30px;
    }

    .section-links li a, .other-actions li a {
        background: url(/spcom/sites/sgw/images/action_arrow_right.png) no-repeat 0 9px;
        display: block;
        line-height: 1.2;
        padding: 4px 5px 4px 14px;
    }

    .section-links li a.external:after, .other-actions li a.external:after {
        margin-top: 4px;
        position: absolute;
    }

    /* no access */
    .no-access .section-links ol {
        list-style-type: disc;
        padding-left: 1.5em;
    }

    .no-access .section-links li {
        padding: 4px 0;
        line-height: 1.2;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Social links



  ------------------------------------------------------------------------------*/.no-js .share {
    display: none;
}

    .share {
        margin-bottom: 14px;
    }

    .share a {
        display: inline-block;
        height: 24px;
        margin: 0 7px 0 0;
        outline: none;
        text-indent: -100000px;
        width: 24px;
    }

    .lt-ie8 .share a {
        display: block;
        float: left;
    }

    .share a:hover:after {
        background: #000;
        border-radius: 3px;
        content: '';
        height: 24px;
        opacity: 0.2;
        position: absolute;
        left: 0;
        top: 0;
        width: 24px;
    }

    #twitter {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -5304px no-repeat;
    }

    #facebook {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2133px no-repeat;
    }

    #linkedin {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2455px no-repeat;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Default tables



  ------------------------------------------------------------------------------*/.default-table {
    margin: 34px 0 22px 0;
    position: relative;
    overflow-x: auto;
    width: 100%;
}

    .default-table table {
        width: 100%;
        table-layout: fixed;
    }

    .default-table caption {
        border: 1px solid #DCDCDA;
        border-bottom: 1px solid #dcdcdc;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        -webkit-box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        color: #666666;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 20px 2.71739130435%;
        text-align: left;
    }

    .default-table caption span {
        color: #999999;
        display: block;
        font-size: 13px;
        font-size: 1.3rem;
        margin: 7px 0 0 32px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .default-table caption span {
        /* MQ: Tablet */ display: inline;
        margin: 0 0 0 12px;
    }
}

@media screen and (min-device-width: 320px) {
    .default-table td, .default-table th {
        border: 1px solid #DCDCDA;
        color: #666666;
        padding: 15px;
        text-align: left;
        vertical-align: middle;
    }

    .default-table th {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        -webkit-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-top: none;
        font-weight: bold;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .default-table .table-actions {
        /* MQ: Tablet */ position: absolute;
        right: 12px;
        top: 22px;
    }
}

@media screen and (min-device-width: 320px) {
    .default-table td .action {
        margin-right: 0;
    }

    .default-table td a {
        font-size: 13px;
        font-size: 1.3rem;
    }

    .default-table tfoot td {
        font-size: 11px;
        font-size: 1.1rem;
        color: #999999;
        padding: 9px 15px;
        border: none;
    }

    .default-table .table-links a {
        margin: 0 12px 0 12px;
    }

    .default-table .table-links a:before {
        content: '\00BB\0020';
    }

    .default-table .table-actions-bottom {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border: 1px solid #DADBDB;
        border-top: none;
        min-height: 15px;
        padding: 15px;
        position: relative;
    }

    .default-table .table-actions-bottom .table-actions {
        position: absolute;
        right: 12px;
        top: 12px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Sortable-table



  ------------------------------------------------------------------------------*/.sortable-table th {
    cursor: pointer;
    padding: 0;
}

    .sortable-table th a {
        color: #666666;
        display: block;
        margin: 0 15px 0 0;
        outline: none;
        padding: 15px 0 15px 15px;
        text-decoration: none;
    }

    .sortable-table th.sorted-ascending, .sortable-table th.sorted-descending {
        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15);
    }

    .sortable-table th:hover {
        background: #EDEDED url(../images/grdnt_grey_fafafa_ededed.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EDEDED));
        background-image: -webkit-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -moz-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -ms-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -o-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: linear-gradient(top, #FAFAFA, #EDEDED);
    }

    .sortable-table th:hover a, .sortable-table th a:focus {
        background: url(../images/expander_arrows.png) no-repeat right -253px;
    }

    .sortable-table th.sorted-ascending a {
        background: url(../images/expander_arrows.png) no-repeat right -253px;
    }

    .sortable-table th.sorted-descending a {
        background: url(../images/expander_arrows.png) no-repeat right -142px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Deposit Contracts



  ------------------------------------------------------------------------------*/.deposit-contracts caption {
    padding-right: 15px;
}
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .deposit-contracts caption span {
        /* MQ: Tablet */ float: right;
    }
}

@media screen and (min-device-width: 320px) {
    .deposit-contracts th:first-child {
        width: 224px;
    }

    .deposit-contracts th span:first-child {
        float: left;
        width: 50px;
    }

    .deposit-contracts th span.last, .deposit-contracts td span.last {
        float: right;
        margin: 0 25px 0 0;
        text-align: right;
        width: 50px;
    }

    .deposit-contracts .progress-bar {
        margin: 3px 0 0 0;
        position: relative;
        width: 200px;
    }

    .deposit-contracts td a {
        display: inline-block;
        font-size: 11px;
        font-size: 1.1rem;
        margin: 4px 0 0 14px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Member-list



  ------------------------------------------------------------------------------*/.member-list caption {
    padding-right: 45.2898550725%;
    /* Math: 250 / 552 */
}

    .member-list th:last-child, .member-list th:nth-child(5) {
        width: 80px;
    }

    .member-list th:last-child a, .member-list th:nth-child(5) a {
        width: 80px;
    }

    .sortable-table th.remove-member {
        color: #666666;
        cursor: default;
    }

    td.remove-member a {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1610px no-repeat;
        cursor: pointer;
        display: inline-block;
        height: 24px;
        outline: none;
        margin: 0;
        text-indent: -99999px;
        width: 24px;
    }

    td.remove-member a:hover, td.remove-member a:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1584px no-repeat;
    }

    td.remove-member a:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1558px no-repeat;
    }

    .lt-ie8 td.remove-member a {
        display: block;
    }

    .default-table .remove-member, .member-list th:nth-child(5), .member-list td:nth-child(5) {
        text-align: center;
    }

    .new-user-link {
        text-align: right;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .topical-collection {
    margin: 7px 0 0 0;
}

    .topical-collection a {
        display: block;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Toolbar



  ------------------------------------------------------------------------------*/#toolbar {
    margin-bottom: 14px;
}

    #toolbar:before, #toolbar:after {
        content: " ";
        display: table;
    }

    #toolbar:after {
        clear: both;
    }

    /* tools */
    #tools {
        /* tools group */
        /* links */
        /* Journal Page */
    }

    #tools div {
        float: left;
        height: 24px;
        padding-left: 4px;
        position: relative;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #tools div {
        /* MQ: Tablet */ margin-left: 10px;
    }
}

@media screen and (min-device-width: 320px) {
    #tools a {
        float: left;
        text-decoration: none;
        position: relative;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #tools a {
        /* MQ: Tablet */ margin: 0 0 0 7px;
    }
}

@media screen and (min-device-width: 320px) {
    #tools a .icon {
        background-repeat: no-repeat;
        color: transparent;
        direction: ltr;
        display: block;
        overflow: hidden;
        text-align: left;
        text-indent: -9999em;
        text-transform: capitalize;
        float: left;
        height: 24px;
        width: 24px;
    }

    #tools a .tooltip {
        margin-left: -102px;
        /* half the outer width => for centering */
        top: 36px;
        width: 178px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #tools a:hover .tooltip {
        /* MQ: Widescreen */ display: block;
    }
}

@media screen and (min-device-width: 320px) {
    #journal #tools {
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        margin: -16px 0 0 0;
        /* #JC251012 Position of feed icon on tablet overlays the cover image... */
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #journal #tools {
        /* MQ: Tablet */ float: right;
        margin: 0 0 -24px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #journal #tools {
        /* MQ: Widescreen */ margin: 18px 0 0 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* icons for page tools */ #tool-email .icon {
    background: url('springer-sprite-s5b407fa7c7.png') 0 -2877px no-repeat;
}

    #tool-email:hover .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2851px no-repeat;
    }

    #tool-email:active .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2825px no-repeat;
    }

    #tool-print .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4235px no-repeat;
    }

    #tool-print:hover .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4209px no-repeat;
    }

    #tool-print:active .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4183px no-repeat;
    }

    #tool-rss .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4434px no-repeat;
    }

    #tool-rss:hover .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4408px no-repeat;
    }

    #tool-rss:active .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4382px no-repeat;
    }

    #tool-download {
        display: none;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #tool-download {
        /* MQ: Tablet */ display: block;
    }
}

@media screen and (min-device-width: 320px) {
    #tool-download .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1880px no-repeat;
    }

    #tool-download:hover .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1832px no-repeat;
    }

    #tool-download:active .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1704px no-repeat;
    }

    /* icons for social tools */
    #tool-twitter .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -5304px no-repeat;
    }

    #tool-facebook .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2133px no-repeat;
    }

    #tool-linkedin .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2455px no-repeat;
    }

    #tool-gplus .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2408px no-repeat;
    }

    #tool-mendeley .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2903px no-repeat;
    }

    #tool-weibo .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -5468px no-repeat;
    }

    #tool-shares .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -5113px no-repeat;
    }

    /* social tools smaller */
    #tools-social a {
        margin-top: 4px;
    }

    #tools-social a .icon {
        height: 16px;
        width: 16px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Tooltip & Help



  ------------------------------------------------------------------------------*/.tooltip {
    background-color: #FFF;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    color: #666666;
    display: none;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.3;
    margin-left: -60px;
    /* half the outer width - 2.5px => for centering */
    margin-top: -12px;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 8px;
    z-index: 15;
    /* left 50% is for centering */
    width: 100px;
    word-wrap: break-word;
}
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .tooltip {
        /* MQ: Widescreen */ margin-left: -127px;
        /* half the outer width - 2.5px => for centering */
        margin-top: 0;
        width: 230px;
    }
}

@media screen and (min-device-width: 320px) {
    .tooltip:before {
        background: url(../images/tooltip_arrow_up.png) no-repeat center top;
        content: '';
        display: block;
        height: 12px;
        position: absolute;
        left: 0;
        top: -12px;
        width: 100%;
    }

    /* help */
    .help {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAD0lEQVQImWNgYGD4zwAFAAkEAQAd1+6MAAAAAElFTkSuQmCC") repeat-x left bottom;
        cursor: help;
        position: relative;
    }

    .help:hover .tooltip {
        display: block;
    }

    .js .help:hover .tooltip {
        display: none;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Traffic lights */ .green-light, .amber-light, .red-light {
    background: url('springer-sprite-s5b407fa7c7.png') 0 -444px no-repeat;
    display: block;
    height: 10px;
    width: 15px;
}

    .amber-light {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -468px no-repeat;
    }

    .red-light {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -456px no-repeat;
    }

    /* Deposit Contracts



  ------------------------------------------------------------------------------*/
    .traffic-light {
        margin: 0 0 25px 0;
    }

    .traffic-light li {
        color: #666666;
        margin: 7px 0;
    }

    .traffic-light li>span {
        float: left;
        margin: 3px 7px 0 0;
    }

    .traffic-light strong span {
        font-weight: normal;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .cms-image-only-teaser img {
    width: 100%;
}
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* TEASER (general)



  --------------------------------------------------*/p.link-text {
    text-align: right;
    margin-top: 0;
}

    p.link-text a:before {
        content: '\00BB\0020';
    }

    /* SIDEBAR TEASER



  -----------------------------------------------*/
    .cms-teaser-sidebar h3 {
        margin: 0.5em 0;
        font-size: 20px;
        font-size: 2rem;
    }

    .cms-teaser-sidebar .link-image {
        position: relative;
    }

    .cms-teaser-sidebar img {
        width: 100%;
    }

    .cms-teaser-sidebar p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5em;
    }

    .cms-teaser-sidebar .look-inside-badge {
        bottom: 20px;
        right: -15px;
        padding-right: 15px;
        max-width: 60%;
        display: block;
        -webkit-border-radius: 0 0 0 10px;
        -moz-border-radius: 0 0 0 10px;
        border-radius: 0 0 0 10px;
    }

    .cms-teaser-sidebar .look-inside-badge:after {
        content: "";
        background: none;
    }

    .cms-teaser-sidebar .look-inside-badge p {
        font-size: inherit;
        line-height: 1.2em;
        margin: 0;
    }

    /* TRIPLE TEASERS



  -----------------------------------------------*/
    .cms-teaser-triple h3 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        line-height: 2rem;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin: 0 0 10px;
    }

    .cms-lang-jp .cms-teaser-triple h3 {
        font-family: "MS PGothic", sans-serif;
    }

    .cms-teaser-triple .cms-col:last-child {
        display: none;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-teaser-triple .cms-col:last-child {
        /* MQ: Tablet */ display: block;
    }
}

@media screen and (min-device-width: 320px) {
    .cms-teaser-triple img {
        width: 100%;
        margin: 0 0 15px;
    }

    .cms-teaser-triple p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }

    /* PRODUCT TEASER



  --------------------------------------------------------*/
    h1+.cms-teaser-products {
        margin-top: -1em;
    }

    .cms_link_target_in_english:after {
        content: "in English";
        color: #808080;
        font-size: 12px;
        font-style: italic;
        font-weight: normal;
        padding: 0;
        margin: 0 0 0 0.8em;
        display: inline-block;
        text-decoration: none;
    }

    .channel-title .cms_link_target_in_english:after {
        content: "";
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* CAREER



  ------------------------------------------------------------------------------*/.cms-career .cms-career-content {
    display: none;
}

    .cms-career .cms-career-nojobs {
        display: none;
    }

    .cms-career .cms-career-filter {
        margin: 1.5em 0 -1.4em;
    }

    .cms-career .cms-career-filter select {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 3px;
        max-width: 40%;
        margin: 0 .5em 1em 0;
    }

    .cms-career .cms-career-filter a {
        font-size: 16px;
        font-size: 1.6rem;
        color: #666666;
        white-space: nowrap;
        display: none;
    }

    .cms-career .cms-career-filter.filtered a {
        display: inline-block;
    }

    .cms-career .cms-career-jobs {
        padding: 0;
        margin-top: .9em;
    }

    .cms-career .cms-career-job {
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        cursor: pointer;
        padding: 9px 0;
        margin: 0;
    }

    .cms-career .cms-career-job p.date {
        font-size: 11px;
        font-size: 1.1rem;
        color: #666666;
    }

    .cms-career .cms-career-job h3 {
        margin: .1em 0 .25em;
    }

    .cms-career .cms-career-job p.location {
        color: #666666;
    }

    .cms-career .cms-career-job+.cms-career-job {
        border-top: none;
    }

    .cms-career .cms-career-more {
        display: none;
        text-align: right;
        padding: 1em 0;
        background-color: #f4f4f4;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
        background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
        background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
        background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
        background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
        background-image: linear-gradient(top, #ffffff, #f4f4f4);
        margin-bottom: .3em;
        border-bottom: 1px solid #dcdcdc;
    }

    .cms-career .cms-career-more a {
        padding-right: 20px;
    }

    .cms-career .cms-career-more a:before {
        content: '\00BB\0020';
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .col-aside, .col-main {
    min-height: 1px;
}
}

#print-header {
    display: none;
}

#print-header img {
    position: absolute;
    left: 0;
}

.showOnPrint, .showOnlyOnPrint {
    display: block;
}

.showOnPrintInline, .showOnlyOnPrintInline {
    display: inline;
}

.removeOnPrint {
    display: none;
}

/*



This CSS resource incorporates links to font software which is the valuable copyrighted



property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,



redistribute, convert, modify or reverse engineer this font software. Please contact Monotype



Imaging with any questions regarding Web Fonts:  http://www.fonts.com



*/
/* Foundation Base */
html {
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Springer Nature Basics and resets



  --------------------------------------------------*/body {
    background-color: #efefef;
    font-size: 14px;
    font-size: 1.4rem;
    color: #444;
    line-height: 1.55;
}

    .cms-client-springernature p {
        margin-bottom: .66em;
    }

    .cms-client-springernature h3 {
        color: #333;
        font-size: 2.3rem;
        line-height: 1.333;
    }

    .cms-client-springernature h4 {
        color: #444;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.3;
        text-align: initial;
    }

    .cms-client-springernature h1, .cms-client-springernature h2, .cms-client-springernature h3, .cms-client-springernature h4, .cms-client-springernature p {
        -webkit-font-smoothing: antialiased;
        word-spacing: -.05em;
        letter-spacing: .01em;
    }

    .cms-client-springernature p {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .cms-client-springernature .cms-common {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .cms-client-springernature .cms-common p {
        margin: .75em 0;
    }

    .cms-client-springernature .section-header {
        border-bottom: none;
        box-shadow: none;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
        position: static;
    }

    .cms-client-springernature .section-header h2 {
        margin-right: inherit;
        margin-top: inherit;
    }

    .cms-client-springernature .default-table {
        overflow-x: visible;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* Corporate Homepage



  --------------------------------------------------*/#header {
    background: #ffffff;
}
}

@media screen and (max-width: 600px) and (min-device-width: 320px) {
    #header .btn-raccourci {
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header .btn-raccourci {
        padding-top: 22px;
        text-align: right;
    }
}

@media screen and (min-device-width: 320px) {
    #header .navigation-toggle {
        display: block;
        float: right;
        padding: 18px 13px;
        height: 50px;
        width: 50px;
        outline: 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header .navigation-toggle {
        /* MQ: Widescreen */ display: none;
    }
}

@media screen and (min-device-width: 320px) {
    #header .navigation-toggle .icon-bar {
        display: block;
        height: 2px;
        width: 24px;
        background-color: #333;
    }

    #header .navigation-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }

    #header .navigation-toggled {
        background-color: #cedbe0;
    }

    #header .navigation-toggle+nav {
        display: none;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header .navigation-toggle+nav {
        /* MQ: Widescreen */ display: block;
    }
}

@media screen and (min-device-width: 320px) {
    #header .navigation-toggle.navigation-toggled+nav {
        display: block;
    }

    #header nav {
        background-color: #ecfbff;
        padding-top: 0;
        padding-bottom: 7.1em;
        /*             margin-top: 1em; bg menu mobile*/
        /*             @include respond-to (tablet) { */
        /*                 margin-top: 0; */
        /*             } */
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header nav {
        /* MQ: Widescreen */background-color: transparent;
        padding-top: 30px;
        padding-bottom: 15px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header nav ul {
        /* MQ: Widescreen */
    }

    #global-nav {
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header nav ul li {
        /* MQ: Widescreen */ float: left;
        /*margin-left: 1.9em;*/
        margin-right: 0;
    }

    #header nav ul li:first-child {
        margin-left: 0em;
    }
}

@media screen and (min-device-width: 320px) {
    #header nav ul li a {
        text-decoration: none;
        display: block;
        font-size: 18px;
        font-size: 1.8rem;
        padding: 0.66em 0 .55em;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header nav ul li a {
        /* MQ: Widescreen */ display: inline;
        font-size: 16px;
        font-size: 1.7rem;
        color: #4377bc;
        padding: 0;
    }
}

@media screen and (min-device-width: 320px) {
    #header nav ul li a.active {
        font-weight: bold;
    }

    #header nav ul li a:hover {
        color: #4377bc;
    }

    #header nav ul li+li {
        border-top: 1px solid #f1f1f1;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header nav ul li+li {
        /* MQ: Widescreen */ border-top: none;
        color: antiquewhite;
    }
}

@media screen and (min-device-width: 320px) {
    #footer {
        font-size: 14px;
        font-size: 1.4rem;
        background-color: #4377bc;
        color: #fff;
        padding: 2.5em 0;
    }

    #footer a {
        color: #fff;
    }

    #footer ul:before, #footer ul:after {
        content: " ";
        display: table;
    }

    #footer ul:after {
        clear: both;
    }

    #footer ul li {
        float: left;
        margin-right: 2em;
    }

    #footer ul li:before, #footer ul li:after {
        content: " ";
        display: table;
    }

    #footer ul li:after {
        clear: both;
    }

    #footer .footer-right {
        text-align: right;
        margin-top: 1em;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #footer .footer-right {
        /* MQ: Tablet */ margin-top: 0;
    }
}

@media screen and (min-device-width: 320px) {
    .layout-nature-home .col-main {
        box-sizing: border-box;
        padding: 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-nature-home .col-main {
        /* MQ: Tablet */ /*             padding: 0 40px; */
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .layout-nature-home .cms-container {
    margin: 0;
    padding-top: 52px;
    padding-bottom: 40px;
}

    .layout-nature-home .cms-container:last-child {
        padding-bottom: 80px;
    }

    .layout-nature-home .cms-container .cms-container:last-child {
        padding-bottom: 40px;
    }

    .layout-nature-home .cms-container-grid {
        padding-bottom: 0;
    }

    .layout-nature-home .cms-highlight-1 {
        background-color: #168AAD;
        color: #fff;
    }

    .layout-nature-home .cms-highlight-1 h1, .layout-nature-home .cms-highlight-1 h2 {
        border-bottom-color: #fff;
    }

    .layout-nature-home .cms-highlight-0+.cms-highlight-0, .layout-nature-home .cms-highlight-1+.cms-highlight-1 {
        padding-top: 0;
    }

    .layout-nature-home .cms-grid-collection, .layout-nature-home .cms-video, .layout-nature-home .cms-sn-brands {
        margin-bottom: 1.4em;
    }

    .layout-nature-home .cms-image-only-teaser {
        margin-top: 1.45em;
        margin-bottom: 1.9em;
    }

    .layout-nature-home .cms-person-side-image, .layout-nature-home .cms-article-side-image {
        /*             margin-top: -1.5em; */
    }

    .layout-nature-home .cms-collection-list>.cms-container {
        padding-top: 0;
    }

    .layout-nature-home .cms-grid-collection .cms-collection-list .cms-container {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* COMMON STYLES FOR COREMEDIA CONTENT: forked from .formatted



  ------------------------------------------------------------------------------*/.cms-richtext {
    -webkit-font-smoothing: antialiased;
    word-spacing: -.05em;
    letter-spacing: .01em;
    /* paragraphs */
    /* lists */
    /** Special paragraph styles */
    /* last divider needs to simulate */
    /** Image styles */
}

    .cms-richtext h1 {
        margin-top: .9em;
        margin-bottom: .9em;
    }

    .cms-richtext h2 {
        margin: 1.3em 0 0 0;
        border: none;
    }

    .cms-lang-jp .cms-richtext h3 {
        font-family: "MS PGothic", sans-serif;
    }



    .cms-richtext h4 {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 1.3em;
        font-weight: normal;
        margin-bottom: .66em;
        line-height: 1.2;
    }

    .cms-richtext h1:first-child {
        margin-top: .4em;
    }

    .cms-richtext p {
        line-height: 1.6;
        margin-top: .6em;
    }

    .cms-richtext li p {
        margin: 0;
    }

    .cms-richtext ol, .cms-richtext ul {
        padding-left: 1.6em;
    }

    .cms-richtext ol {
        list-style-type: decimal;
    }

    .cms-richtext ul {
        list-style-type: none;
        padding-left: 1em;
    }

    .cms-richtext li {
        line-height: 1.6;
        margin-top: .6em;
    }

    .cms-richtext p.intro--paragraph {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.4;
    }

    .cms-richtext p.intro--paragraph+* {
        margin-top: 2.5rem;
    }

    .cms-richtext p.intro--paragraph.twoColumnRight--paragraph+* {
        margin-top: .6em;
    }

    .cms-richtext p.twoColumnLeft--paragraph.intro--paragraph+.intro--paragraph {
        margin-top: .6em;
    }

    .cms-richtext p.divider--paragraph {
        border-top: 1px solid #dcdcda;
        border-bottom: 1px solid #dcdcda;
        padding: 0.5em 0;
        margin-top: 1.25em;
    }

    .cms-richtext p.divider--paragraph+p.divider--paragraph {
        border-top: none;
        margin: 0;
    }

    .cms-richtext p.divider--paragraph+p {
        margin-top: 1.1em;
    }

    .cms-richtext .divider--list p:first-child {
        border-top: 1px solid;
    }

    .cms-richtext img {
        max-width: 100%;
    }

    .cms-richtext p img {
        margin-top: .4em;
        margin-bottom: .5em;
    }

    .cms-richtext img.float--left {
        margin-right: 1.5em;
    }

    .cms-richtext img.float--right {
        margin-left: 1.5em;
    }

    /* SPACING of elements



  -------------------------------------------------------------------------------*/
    .cms-container {
        margin: 2.6em 0;
        overflow: hidden;
    }

    .cms-container:first-child {
        margin-top: 0;
    }

    .cms-container-overflow {
        overflow: visible;
    }

    .box .cms-container {
        margin: 0;
    }

    /* ARTICLE



  ------------------------------------------------------------------------------*/
    .cms-article {
        /* table */
    }

    .cms-article .taxonomy {
        font-size: 11px;
        font-size: 1.1rem;
        color: #777777;
    }

    .cms-article .taxonomy a {
        color: inherit;
    }

    .cms-article .taxonomy .publication-date+.subjects::before {
        content: "|";
        margin: 0 8px;
    }

    .cms-article .imgAvatar {
        max-width: 140px;
    }

    .cms-article .imgSmall {
        max-width: 261px;
    }

    .cms-article .imgMedium {
        max-width: 576px;
    }

    .cms-article .imgLarge {
        max-width: 776px;
    }

    .cms-article table {
        margin: 1.1em 0;
    }

    .cms-article table p {
        margin: 0;
    }

    .cms-article table tr:first-child {
        font-weight: bold;
        /* copy from "default-table th" as CM does not provide th; with top border as there is no caption in CM yet */
    }

    .cms-article table tr:first-child td {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        -webkit-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        font-weight: bold;
    }

    .cms-article ol, .cms-article ul {
        margin-top: .6em;
    }

    .cms-article ul li:before {
        /* background: url(list-bullet-small.png) no-repeat 0px 0px; */
        width: 3px;
        height: 3px;
        display: inline-block;
        content: " ";
        position: absolute;
        left: -12px;
        top: 9px;
    }

    .cms-article .cms-link-list li {
        background: none !important;
    }

    .cms-article .cms-link-list li:before {
        background: none !important;
    }

    .cms-article .twoColumnLeft--paragraph {
        float: left;
        clear: left;
        width: 80px;
    }

    .cms-article .twoColumnRight--paragraph {
        margin-left: 100px;
    }

    .cms-article .twoColumnSeparatorLeft--paragraph, .cms-article .twoColumnSeparatorLeft--paragraph--noborder {
        clear: both;
        height: 0;
        margin: .1em 0;
        overflow: hidden;
    }

    .cms-article .twoColumnSeparatorLeft--paragraph {
        border-top: 1px solid #dcdcdc;
        margin: 1.1em 0;
    }

    .cms-article .twoColumnSeparatorLeft--paragraph+.twoColumnLeft--paragraph {
        margin-top: 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .cms-article {
        /* MQ: Widescreen */
    }

    .cms-article .twoColumnLeft--paragraph {
        width: 160px;
    }

    .cms-article .twoColumnRight--paragraph {
        margin-left: 180px;
    }
}

@media screen and (min-device-width: 320px) {
    .cms-article p.intro--paragraph.twoColumnRight--paragraph+* {
        margin-top: .6em;
    }

    .cms-article h3 {
        clear: both;
    }

    .cms-article:hover .taxonomy a {
        color: #3A2C12;
    }

    .cms-categorized-list .taxonomy {
        margin: 1.5em 0 -2.7em;
    }

    .cms-categorized-list h3 {
        line-height: 1.3;
    }

    .cms-categorized-list>ul>li {
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 1em;
    }

    .cms-categorized-list>ul>li p {
        margin-top: .6em;
    }

    .cms-categorized-list .abstract {
        margin: .7em 0;
        color: #777777;
    }

    .cms-categorized-list .action {
        font-size: 13px;
        font-size: 1.3rem;
    }

    /* RELATED LINK ("see all")



  ------------------------------------------------------------------------------*/
    h1+.related, h2+.related, h3+.related, .section-header+.related {
        float: right;
        display: block;
        position: relative;
        height: 0;
        padding: 0;
        margin: 0;
        overflow: visible;
    }

    h1+.related a:before, h2+.related a:before, h3+.related a:before, .section-header+.related a:before {
        content: '\00BB\0020';
    }

    h1+.related {
        top: -4.5em;
    }

    h2+.related, .section-header+.related {
        top: -4.5em;
    }

    h3+.related {
        top: -2em;
    }

    /* PERSON-TYPE ARTICLE STYLES



  ------------------------------------------------------------------------------*/
    .cms-person .person-type {
        margin-top: 1.1em;
    }

    .cms-person .overview {
        margin-top: -.5em;
    }

    .cms-person .overview:before, .cms-person .overview:after {
        content: " ";
        display: table;
    }

    .cms-person .overview:after {
        clear: both;
    }

    .cms-person .avatar {
        margin-top: 0em;
        float: left;
        max-width: 25%;
        margin-right: 7%;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-person .avatar {
        /* MQ: Tablet */ margin-right: 7%;
    }
}

@media screen and (min-device-width: 320px) {
    .cms-person .description {
        float: left;
        width: 68%;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-person .description {
        /* MQ: Tablet */ width: 68%;
    }
}

@media screen and (min-device-width: 320px) {
    .cms-person .description p:first-of-type span:first-of-type {
        font-weight: bold;
    }

    .cms-person address {
        margin-top: .6em;
    }

    .cms-person address p {
        margin: 0;
    }

    .cms-person .person-detail {
        margin-top: 2.15em;
    }

    .cms-person ol, .cms-person ul {
        margin-top: .6em;
    }

    .cms-person-list h2 {
        padding-right: 0;
    }

    .cms-person-list ul {
        list-style-type: none;
        padding: 0;
    }

    .cms-person-list li:before, .cms-person-list li:after {
        content: " ";
        display: table;
    }

    .cms-person-list li:after {
        clear: both;
    }

    .cms-person-list li+li {
        margin-top: 1.3em;
    }

    .cms-person-list .cms-person h3 {
        margin-top: .1em;
    }

    .cms-person-list .cms-person .avatar {
        margin-top: .5em;
    }

    .cms-person-list .cms-person .description--paragraph {
        margin-top: .7em;
    }

    /* CMS FORM



  --------------------------------------------------*/
    .cms-form .form-section>h2 {
        margin-top: .55em;
    }

    .cms-form .form-row p {
        color: #666666;
    }

    /* CMS LINK LISTS (Quick Access)



  ----------------------------------------------------------*/
    .cms-linklists h3 {
        margin-top: -.1em;
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: .65em;
    }

    .cms-linklists h4 {
        margin-top: 1em;
        margin-bottom: .5em;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
    }

    .cms-linklists ul {
        margin-top: .85em;
    }

    .cms-linklists .cms-col+.cms-col ul {
        margin-top: 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-linklists .cms-col+.cms-col ul {
        /* MQ: Tablet */ margin-top: .85em;
    }
}

@media screen and (min-device-width: 320px) {
    .cms-linklists h4+ul {
        margin-top: .6em;
    }

    /* Counter



  -----------------------------------------*/
    .counter {
        color: #999999;
    }

    .counter:before {
        content: "(";
    }

    .counter:after {
        content: ")";
    }

    /* HEADERS



  -----------------------------------------*/
    .section-header {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
        padding-right: 0;
        position: relative;
    }

    .section-header:before, .section-header:after {
        content: " ";
        display: table;
    }

    .section-header:after {
        clear: both;
    }

    .section-header h2 {
        margin-top: 0;
        margin-right: 1.5em;
    }

    .section-header .counter {
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .cms-lang-jp .section-header .counter {
        font-family: "MS PGothic", sans-serif;
    }

    .section-header a.back-link {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-bottom: 6px;
        background-position: 0 5px;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        padding: 3px 0 0 15px;
        font-size: 13px;
        font-size: 1.3rem;
    }

    .cms-lang-jp .section-header a.back-link {
        font-family: "MS PGothic", sans-serif;
    }

    .cms-container>h1, .cms-container>h2, .cms-container>h3, .cms-container>.section-header, .cms-container>.section-header h1, .cms-container>.section-header h2, .cms-container>.section-header h3, .cms-container>div>h1, .cms-container>div>h2, .cms-container>div>h3, .cms-container>div>.section-header, .cms-container>div>.section-header h1, .cms-container>div>.section-header h2, .cms-container>div>.section-header h3 {
        margin-top: 0;
    }

    /* LINK LIST (WITH RAQUO, PLAIN)



  -------------------------------------------*/
    .cms-link-list li {
        line-height: 1.3;
    }

    .cms-link-list a {
        padding-left: 1.1em;
        display: inline-block;
    }

    .cms-link-list a:before {
        content: "\bb  ";
        display: inline-block;
        margin-right: .5em;
        margin-left: -1.1em;
    }

    .shop-disciplines dl, .shop-disciplines ul.cms-link-list, .cms-toc dl, .cms-toc ul.cms-link-list, .cms-linklists dl, .cms-linklists ul.cms-link-list, .cms-article dl, .cms-article ul.cms-link-list, .cms-person dl, .cms-person ul.cms-link-list {
        padding-left: 0;
        list-style-type: none;
    }

    .shop-disciplines li, .cms-toc li, .cms-linklists li, .cms-article li, .cms-person li {
        margin-top: 0;
        margin-bottom: .45em;
        position: relative;
    }

    .cms-tab-content p.link-text {
        margin-bottom: 0;
    }

    ol.cms-link-list-transparent, ul.cms-link-list-transparent {
        padding: 0 !important;
        list-style-type: none !important;
    }

    ol.cms-link-list-transparent li, ul.cms-link-list-transparent li {
        margin-top: 0;
    }

    .cms-toc .abstract {
        margin-bottom: 2.2em;
    }

    .cms-toc ul {
        margin-bottom: 3.7em;
    }

    /*



  -------------------------------------------------------*/
    .cms-video-wrapper {
        margin-top: .6em;
    }

    /** General floats (coremedia uses double dashes!) */
    .float--left, .float-left {
        float: left;
    }

    .float--right, .float-right {
        float: right;
    }

    .float--none, .float-none {
        float: none;
    }

    .cms-image-responsive img {
        max-width: 100% !important;
    }

    /* OVERWRITES if part of cms



  ----------------------------------------------------------*/
    .cms #wrapper #content, .cms .page-wrapper #content {
        padding-bottom: 27px;
    }

    .cms .box {
        padding: 14px;
        overflow: hidden;
    }

    .cms .default-table {
        margin: 0;
        overflow-x: visible;
        /* needed for article flaps */
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms .default-table {
        /* MQ: Tablet */ overflow-x: auto;
    }
}

@media screen and (min-device-width: 320px) {
    .cms a.external:after {
        margin: 0 5px;
    }

    .cms .form-submit-section {
        text-align: right;
    }

    .cms .form-submit-section .btn {
        margin: 0 0 0 12px;
    }

    .cms .cms-col>.btn, .cms .cms-col>a>.btn {
        /* two-column buttons need to be column-wide */
        display: block;
        text-align: center;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .cms-sn-banner {
    height: 416px;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-sn-banner {
        /* MQ: Tablet */ margin: 0 0 .5em;
    }
}

@media screen and (min-device-width: 320px) {
    .cms-sn-banner .bookmark {
        box-sizing: border-box;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.3;
        -webkit-font-smoothing: antialiased;
        word-spacing: -.05em;
        letter-spacing: .01em;
        position: absolute;
        left: 10%;
        right: 10%;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 400px) {
    .cms-sn-banner .bookmark {
        /* MQ: Smartphone Large */ width: 281px;
        left: auto;
        right: .85em;
    }
}

@media screen and (min-device-width: 320px) {
    .cms-sn-banner .bookmark .bookmark-text {
        background: url(springernature-bookmark.png) transparent center bottom no-repeat;
        background-size: 100% auto;
        color: #cedbe0;
        padding: 25px 25px 98px;
        min-height: 253px;
    }

    .cms-sn-banner .bookmark .bookmark-text p {
        font-size: 20px;
        font-size: 2rem;
        margin: 0;
    }

    .cms-sn-banner.cms-sn-banner-2 {
        height: 300px;
    }

    .cms-sn-banner.cms-sn-banner-2 .bookmark {
        font-family: "Daytona W01 Regular", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        letter-spacing: .05em;
    }

    .cms-sn-banner.cms-sn-banner-2 .bookmark .bookmark-text {
        background: url(springernature-bookmark-2.png) transparent center bottom no-repeat;
        background-size: 100% auto;
        color: #cedbe0;
        padding: 25px 25px 69px;
        min-height: 146px;
    }

    .cms-sn-banner.cms-sn-banner-2 .bookmark .bookmark-text p {
        text-transform: uppercase;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .cms-sn-brands .brand-logos-block a {
    display: block;
    line-height: 1;
    width: 100%;
    padding: 1.3em 0;
    border-bottom: 1px solid #ccc;
}
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-sn-brands .brand-logos-block a {
        /* MQ: Tablet */ display: block;
        margin: 2.9em 0 0 0;
        width: auto;
        padding: 0;
        border: none;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .cms-sn-brands .brand-logos-block a {
        /* MQ: Widescreen */ text-align: center;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .cms-article-side-image .columns h3:first-child, .cms-person-side-image .columns h3:first-child {
    margin-top: 0;
}

    .cms-article-side-image .align-image-text img, .cms-person-side-image .align-image-text img {
        margin-top: 7px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .cms-person-side-image .person-profile p:first-of-type span:first-of-type {
    font-weight: bold;
}

    .cms-person-side-image .person-detail {
        margin-top: 0;
    }

    .cms-person-side-image .person-detail h2 {
        margin: 1.3em 0 0 0;
        border: none;
    }

    .cms-person-side-image .person-detail h3 {
        margin: 1.9em 0 0;
    }

    .cms-person-side-image .person-detail h4 {
        margin-top: 1.3em;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .cms-quote {
    position: relative;
    padding: 1.66em 0;
}

    .small-12 .cms-quote {
        /*padding-left: 1.8em;*/
    }

    .cms-quote .cms-quote-icon {
        display: block;
        position: absolute;
        background: url('springer-sprite-s5b407fa7c7.png') top 0 right 20px no-repeat;
        top: -52px;
        right: 0;
        width: 44px;
        height: 69px;
    }

    .cms-quote p {
        line-height: 1.333;
        color: #486a7e;
        font-size: 24px;
        font-size: 2.4rem;
        position: relative;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-quote p {
        /* MQ: Tablet */ font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (min-device-width: 320px) {
    .cms-quote p:before {
        content: "e";
        font-family: "sn_pm_icons";
        text-transform: none;
        position: absolute;
        display: inline;
        font-size: 14px;
        font-size: 1.4rem;
        left: -1.5em;
        top: .1em;
        color: #183642;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-quote p:before {
        /* MQ: Tablet */ font-size: 16px;
        font-size: 1.6rem;
        left: -1.5em;
        top: .2em;
    }
}

@media screen and (min-device-width: 320px) {
    .cms-quote p:after {
        content: "d";
        font-family: "sn_pm_icons";
        text-transform: none;
        position: relative;
        display: inline;
        font-size: 14px;
        font-size: 1.4rem;
        right: -.1em;
        top: -.5em;
        color: #183642;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-quote p:after {
        /* MQ: Tablet */ font-size: 16px;
        font-size: 1.6rem;
        right: -.1em;
        top: -.7em;
    }
}

@media screen and (min-device-width: 320px) {
    .cms-quote .cms-quote-name {
        font-size: 12px;
        font-size: 1.2rem;
        text-transform: uppercase;
        color: #557081;
    }

    .cms-highlight-1+.cms-highlight-1 .cms-quote {
        padding-top: 0;
    }

    .cms-highlight-1+.cms-highlight-1 .cms-quote .cms-quote-icon {
        display: none;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .cms-teaser-text:hover .cms-font-icon {
    color: #3A2C12;
}

    .cms-teaser-text img {
        width: 100%;
    }

    .cms-teaser-text a {
        text-decoration: none;
    }

    .cms-teaser-text a h3 {
        color: inherit;
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.3;
        margin-top: 0;
        margin-bottom: .66em;
    }

    .cms-teaser-text p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .cms-teaser-text p.link-text {
        text-align: left;
        font-weight: bold;
        margin-bottom: 0;
    }

    .cms-teaser-text p.link-text a:before {
        content: "X ";
        font-family: sn_pm_icons;
        font-size: 2.4rem;
        font-weight: normal;
        position: relative;
        top: 5px;
        margin-right: -6px;
    }

    .cms-teaser-text>a {
        display: block;
        font-size: 0;
    }

    .cms-teaser-box {
        padding: 1em 0 2.7em;
        position: relative;
    }

    .cms-teaser-box p.link-text {
        position: absolute;
        bottom: .9em;
        display: block;
    }

    .cms-teaser-bg-primary .cms-teaser-box {
        background-color: #8faec1;
        color: #fff;
        padding: 1.1em 1.45em 3em;
        border-radius: 0 0 0 1em;
    }

    .cms-teaser-bg-primary .cms-teaser-box a {
        color: #fff;
    }

    .cms-teaser-bg-secondary .cms-teaser-box {
        background-color: #f1f1f1;
        color: #333;
        padding: 1.1em 1.45em 2.7em;
        border-radius: 0 0 0 1em;
    }

    .cms-teaser-bg-secondary .cms-teaser-box a {
        color: #3A2C12;
    }

    .cms-highlight-1 .cms-teaser-box {
        background-color: #fff;
        color: #333;
        padding: 1.1em 1.45em 2.7em;
        border-radius: 0 0 0 1em;
    }

    .cms-highlight-1 .cms-teaser-box a {
        color: #3A2C12;
    }

    .cms-teaser-box-with-icon {
        padding-left: 70px;
        position: relative;
    }

    .cms-teaser-box-with-icon .cms-font-icon {
        position: absolute;
        display: block;
        cursor: default;
        height: 60px;
        width: 60px;
        font-size: 30px;
        font-size: 3rem;
        padding-top: 7px;
        text-align: center;
        color: #fff;
        border: none;
        border-radius: 50%;
        top: 11px;
        background-color: #8faec1;
        left: 0;
    }

    .cms-teaser-box-with-icon h3 {
        color: #3A2C12;
        font-size: 18px;
        font-size: 1.8rem;
    }

    .cms-teaser-bg-primary .cms-teaser-box-with-icon {
        padding-left: 80px;
    }

    .cms-teaser-bg-primary .cms-teaser-box-with-icon .cms-font-icon {
        background-color: #fff;
        color: #3A2C12;
        left: 10px;
    }

    .cms-teaser-bg-secondary .cms-teaser-box-with-icon {
        padding-left: 80px;
    }

    .cms-teaser-bg-secondary .cms-teaser-box-with-icon .cms-font-icon {
        background-color: #fff;
        color: #3A2C12;
        left: 10px;
    }

    .cms-highlight-1 .cms-teaser-box-with-icon {
        padding-left: 80px;
    }

    .cms-highlight-1 .cms-teaser-box-with-icon .cms-font-icon {
        background-color: #f1f1f1;
        color: #3A2C12;
        left: 10px;
    }

    .cms-font-icon {
        font-family: sn_pm_icons;
    }

    .cms-bg-image-teaser {
        padding: 0;
        background-size: cover;
        background-position: center;
        background-color: #efefef;
    }

    .cms-highlight-1 .cms-bg-image-teaser, .cms-highlight-2 .cms-bg-image-teaser {
        background-color: #ffffff;
    }

    .cms-bg-image-teaser a {
        text-decoration: none;
        color: #333;
        display: block;
        padding: 20px;
        box-sizing: border-box;
    }

    .cms-bg-image-teaser h3 {
        font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
        margin: 0 0 .6em;
        font-size: 20px;
        font-size: 2rem;
    }

    .cms-bg-image-teaser .button {
        margin-top: .6em;
        margin-bottom: 0;
    }

    .cms-bg-image-teaser.cms-bg-image-teaser-with-img h3, .cms-bg-image-teaser.cms-bg-image-teaser-with-img div {
        padding: 10px;
        background-color: #fff;
        display: inline-block;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ /* CAREER



  ------------------------------------------------------------------------------*/.cms-career .cms-career-content {
    margin-bottom: 4em;
}

    .cms-career .cms-career-filter {
        margin: 0;
        font-weight: bold;
    }

    .cms-career .cms-career-filter a {
        color: #3A2C12;
    }

    .cms-career .cms-career-filter a:hover {
        text-decoration: none;
    }

    .cms-career .cms-career-filter a::before {
        top: 1px;
        content: "t ";
        font-family: "sn_pm_icons";
        text-transform: none;
        position: relative;
        display: inline;
    }

    .cms-career .cms-career-job p.area {
        font-weight: bold;
        color: #333;
        margin-bottom: .25em;
    }

    .cms-career .cms-career-job p.location {
        margin-top: .25em;
    }

    .cms-career .cms-career-more {
        text-align: left;
        background-image: none;
        background-color: transparent;
        border-bottom: none;
    }

    .cms-career .cms-career-more a:before, .cms-career .cms-career-more a::before {
        content: "C ";
        font-family: "sn_pm_icons";
        text-transform: none;
        position: relative;
        display: inline;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ #content {
    padding: 0 !important;
}

    .sg-rows .row .columns {
        background: #9f9;
    }

    .sg-rows .row .columns:nth-child(2n) {
        background: #7f7;
    }

    .sg-rows span {
        display: block;
        background: #fcc;
        height: 3em;
        margin: .5em 0;
        text-align: center;
    }

    .sg-color div {
        padding: 1em;
    }

    .sg-color .action-1 {
        background-color: #3A2C12;
    }

    .sg-color .action-2 {
        background-color: #02548a;
    }

    .sg-color .action-3 {
        background-color: #0266a8;
    }

    .sg-color .action-4 {
        background-color: #38a0e5;
    }

    .sg-color .action-5 {
        background-color: #70bced;
    }

    .sg-color .action-6 {
        background-color: #b3dcf5;
    }

    .sg-color .action-7 {
        background-color: #d7ecfa;
    }

    .sg-color .action-8 {
        background-color: #edf5fb;
    }

    .sg-color .type-1 {
        color: #333;
    }

    .sg-color .type-2 {
        color: #444;
    }

    .sg-color .type-3 {
        color: #666666;
    }

    .sg-color .type-4 {
        color: #777777;
    }

    .sg-color .type-5 {
        color: #999999;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */ .styleguide {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    background: #eee;
    opacity: .9;
    width: 300px;
    overflow: visible;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-radius: 0 0 15px 0;
    background-color: #ddd;
    padding: 0;
    box-shadow: 0 0 10px 0 #999;
    box-sizing: content-box;
}

    .styleguide:before, .styleguide:after {
        content: " ";
        display: table;
    }

    .styleguide:after {
        clear: both;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .styleguide {
        /* MQ: Widescreen */ width: 320px;
    }
}

@media screen and (min-device-width: 320px) {
    .styleguide.off {
        transform: translate(-300px, -180px);
        border-color: #00cc00;
        background-color: #ccffcc;
        padding: 0 30px 30px 0;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .styleguide.off {
        /* MQ: Widescreen */ transform: translate(-320px, 0);
        padding: 0 30px 0 0;
    }
}

@media screen and (min-device-width: 320px) {
    .styleguide>div {
        padding: .5em 1em;
    }

    .styleguide input[type=checkbox], .styleguide select, .styleguide label {
        vertical-align: middle;
    }

    .styleguide select, .styleguide input[type=submit] {
        margin-top: -4px;
    }

    .styleguide__components .glyphs li {
        cursor: pointer;
    }

    .styleguide__components .glyphs p {
        color: #999999;
    }

    .styleguide-separator {
        text-align: center;
        clear: both;
        border-bottom: 1px solid #333;
        margin: 1em 0;
    }

    .sg-color div {
        padding: 1em;
    }

    .sg-color .action-1 {
        background-color: #3A2C12;
    }

    .sg-color .action-2 {
        background-color: #02548a;
    }

    .sg-color .action-3 {
        background-color: #0266a8;
    }

    .sg-color .action-4 {
        background-color: #38a0e5;
    }

    .sg-color .action-5 {
        background-color: #70bced;
    }

    .sg-color .action-6 {
        background-color: #b3dcf5;
    }

    .sg-color .action-7 {
        background-color: #d7ecfa;
    }

    .sg-color .action-8 {
        background-color: #edf5fb;
    }

    .sg-color .type-1 {
        color: #333;
    }

    .sg-color .type-2 {
        color: #444;
    }

    .sg-color .type-3 {
        color: #666666;
    }

    .sg-color .type-4 {
        color: #777777;
    }

    .sg-color .type-5 {
        color: #999999;
    }
}

#idnn {
    margin-top: -7px;
    padding: 20px 0;
}

#idnn p {
    font-size: 18px;
}

#idnn .cms-quote p:before {
    content: ""
}

#idnn .cms-quote p:after {
    content: ""
}

.cms-quote .cms-quote-icon {
    display: block;
    position: absolute;
    background: url('news-icon.png') no-repeat top 0 right 5px;
    background-size: 88%;
    top: -21px;
    right: -5px;
    width: 47px;
    height: 89px;
}

.teaser-box.has-background-image .core {
    min-height: 18.75rem;
}

.teaser-box.has-background-image .core {
    min-height: 18.75rem;
}

.teaser-box .core {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #8faec1;
    background-position: center;
    background-size: cover;
    border-radius: 0 0 0 1.25rem;
    color: #fff;
    padding-bottom: 0.9375rem;
    padding-left: 1.25rem;
    padding-right: 0.9375rem;
    padding-top: 0.9375rem;
    position: relative;
}

.richtext ul, .richtext ol {
    list-style: none;
    margin-bottom: 1.875rem;
}

.richtext ul li, .richtext ol li {
    margin: 1.25rem 0;
    padding-left: 2.8125rem;
    padding-top: 0.375rem;
    position: relative;
}

.richtext ul li::before, .richtext ol li::before {
    background: #ebf1f5;
    border-radius: 100%;
    color: #3A2C12;
    display: inline-block;
    height: 2.1875rem;
    left: 0;
    line-height: 2.1875rem;
    margin-right: 0.625rem;
    position: absolute;
    text-align: center;
    top: 0;
    width: 2.1875rem;
}

.richtext ol {
    counter-reset: item;
}

.richtext ol li {
    counter-increment: item;
}

.richtext ol li::before {
    font-weight: normal;
    font-family: "Daytona W01 Regular", sans-serif;
    font-size: 1rem;
    line-height: 1.375;
    content: counter(item);
    color: #3A2C12;
    line-height: 2.1875rem;
    top: 0;
}

.richtext ul li::before {
    background-image: url("data:image/svg+xml,%3Csvg id='Pfad' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3E_%3C/title%3E%3Cpath fill='%233A2C12' d='M9.083,29.042H9.027a1,1,0,0,1-.752-.409L.192,17.548a1,1,0,1,1,1.616-1.179l7.363,10.1L30.322,3.39A1,1,0,0,1,31.8,4.741L9.82,28.718A1,1,0,0,1,9.083,29.042Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 50%;
    content: '';
}

.tagRoom {
    background: #4377bc;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 9px;
    color: #fff;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
}

.tagRoom>a {
    font-size: inherit !important;
    color: inherit !important;
}

.tagRoom>a:hover {
    text-decoration: underline
}

.title-table-programe {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-programe1 {
    background: #ECEFF1;
}

.bg-programe2 {
    background: #4377bc;
    color: #fff;
}

.bg-programe2 td {
    color: #fff
}

.title-section {
    cursor: pointer;
    border-bottom: 1px solid #deecff !important;
}

.title-section:hover {
    border-bottom: 1px solid #e8e8e8 !important
}

.cms-richtext a {
    color: #4377bc;
}

.color1 {
    color: #4377bc;
}

.color2 {
    color: #4d2500;
}

.color3 {
    color: #f3712e;
}

.color4 {
    color: #016334 !important;
}

.colorred {
    color: #FC2B2B !important;
}

#footer a {
    color: #dead26;
}

.cadre1 {
    background: url(bg_archaique.png) no-repeat;
    background-size: cover;
    padding: 20px;
    font-family: 'Parisienne', cursive;
    font-weight: bold;
    font-size: 20px;
    color: #37474F;
    -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.75);
    text-align: justify;
}

.flexContent {
    display: flex;
    justify-content: space-between;
}

.sponsorShipContent .title-section {
    cursor: pointer;
}

.sponsorShipContent .body-section {
    margin: 20px 0;
    line-height: 1.9em;
}

.itemTrip {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.imgTrip {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 0 0 1.8rem;
    height: 165px;
    width: 250px;
}

.richtext ul li, .richtext ol li {
    font-size: 16px;
}

ul.bullet-1 li {
    margin-bottom: 0.625rem;
    margin-top: 0;
    padding-left: 0.75rem;
}

ul.bullet-1 li::before {
    background-color: #466a7f;
    background-image: none;
    height: 0.3125rem;
    top: 1.5rem;
    width: 0.3125rem;
}

ul.bullet-0 li {
    margin-bottom: 0.625rem;
    margin-top: 0;
    padding-left: 2.75rem;
}

ul.bullet-0 li::before {
    background-color: #ecf2f5;
    color: #fff;
    height: 1.5rem;
    top: 1rem;
    width: 1.5rem;
    background-repeat: no-repeat;
    background-position: 4px;
    background-size: 50%;
    content: '';
}

.cadre-gray {
    border: 2px solid #ddd;
}

.quote-content {
    font-size: 8px !important;
    vertical-align: text-top;
}

.towItemInline {
    display: flex;
    flex-wrap: wrap;
}

.towItemInline .itemInfo {
    flex: 1;
    min-width: 420px
}

.columnEqualeDesck {
    flex: 1;
}

.socialFooter a {
    display: inline-block;
    margin-right: 4px;
    margin-top: 10px;
    border-radius: 50px;
    border: 1px solid #eee;
    width: 27px;
    height: 27px;
    text-align: center;
    font-size: 14px;
    line-height: 27px;
    transition: all 0.5s ease;
}

.socialFooter a:hover {
    background: #4a4746;
    color: #fff !important;
}

#header nav ul.nav-sub li a {
    color: #333;
}

#header nav ul.nav-sub li a:hover {
    color: #4377bc;
}

.layout-nature-home .cms-highlight-1 {
    background: url(facts-bg-last.png) no-repeat center center #4377bc;
    background-size: cover;
}

.layout-nature-home .cms-highlight-2 {
    background: url(facts-bg-last-4.png) no-repeat center center #EEEEEE;
}

.layout-nature-home .cms-highlight-3 {
    background: #f0f4f7;
}

.cms-highlight-1 h2, .cms-highlight-1 h3 {
    color: #fff;
}

.cms-highlight-1 a {
    color: #dead26;
}

.committes-page h4 {
    line-height: 28px !important;
    padding-bottom: 5px;
}

.committes-page .overview {
    display: flex;
}

.committes-page .cms-person .avatar {
    width: 118px;
    max-width: initial;
    margin-right: 25px;
    margin-top: 0;
}

.committes-page h3.title-section {
    margin-bottom: 25px;
}

.committes-page a.internal {
    display: block;
    width: 118px;
    height: 131px;
    margin-right: 25px;
}

.legende {
    position: absolute;
    right: 0;
    top: 250px;
    background: #15253cd6;
    padding: 2px 10px;
    color: #fff;
    border-left: 3px solid #4377bc;
    margin-right: 20px;
    font-size: 12px;
    text-transform: uppercase;
}

.date_important .default-table tr td:last-child {
    width: 300px;
}

@media screen and (max-width: 970px) {
    .flexContent {
        flex-wrap: nowrap;
    }

    #header nav {
        background-color: #4377bc;
    }

    #header nav .mainNavigationMark .nav-main a {
        color: #fff;
    }
}

@media screen and (max-width: 670px) {
    .flexContent {
        flex-wrap: wrap;
    }

    .columnEqualeDesck {
        flex: initial;
        width: 100%
    }
}

.default-table td a {
    font-size: inherit;
}

.img-border-radius {
    border-bottom-left-radius: 5rem;
    border: 2px solid #ddd;
}

.cms-highlight-1 .img-border-radius {
    border: 2px solid #4377bc;
}

@media screen and (min-device-width: 320px) and (max-device-width: 999px) {
    #header nav {
        background-color: #4377bc;
        display: none;
    }

    #header nav .mainNavigationMark .nav-main a {
        color: #fff;
    }
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #bababf rgba(255, 255, 255, 0.2);
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2);
}

*::-webkit-scrollbar-thumb {
    background-color: #bababf;
    border-radius: 10px;
    border: 3px solid #ffffff;
}

/* Home Page */
.col-main {
    background: #fff;
}

.page-wrapper {
    background: none;
}

.overlay-accueil {
    width: 100%;
    height: 100%;
    background: #4377bb;
    opacity: .17;
    position: absolute;
    z-index: 1;
}

.banner_home {
    height: 300px;
    position: relative;
    margin: 0
}

#idnn .cms-quote p:before {
    content: "" !important;
}

#idnn .cms-quote p:after {
    content: "" !important;
}

.blink {
    color: #f20000;
    animation: colorblink 0.7s infinite;
}

@keyframes colorblink {
    0% {
    }

    50% {
        color: #AD8A00;
    }
}

.blink_title_bleu_green {
    animation: colorblink_green 1s infinite;
}

@keyframes colorblink_green {
    0% {
    }

    50% {
        color: #8fc33e;
    }
}

.color-green-force {
    color: #82bfab !important;
}

#idnn {
    margin: 0;
}

.bull-with li:before {
    background-color: #fff !important;
}

.cms-quote .cms-quote-icon {
    width: 100%;
    background-size: 40px;
    padding-left: 53px;
    padding-top: 14px;
    font-size: 16px;
    font-weight: 600;
    color: #f3712e;
}

.hoverScale {
    transition: all 0.5s ease;
}

.hoverScale:hover {
    transform: scale(1.05);
}

.partenaner_header {
    display: flex;
    flex-direction: column;
    margin-top: 23px;
    justify-content: space-between;
    height: 84px;
}

.partenaner_header a {
    display: flex;
    justify-content: end;
    text-align: right;
}

.partenaner_header .partenaner_publish, .partenaner_header .partenaner_host {
    height: 58px;
    width: initial;
}

.partenaner_header .partenaner_host {
    margin: 0;
    height: 24px;
    width: 293px;
}

.list_hotel .singlePartner {
    margin: 30px 30px 30px 0 ;
    text-align: center;
}

.quick_link_with_img {
}

.quick_link_with_img .cms-teaser-text {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.quick_link_with_img .cms-teaser-text {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.quick_link_with_img .cms-teaser-text > a {
    width: 102px;
    display: block;
    overflow: hidden;
    margin-left: 2px;
}

.quick_link_with_img img.imgMedium {
    width: 130px;
}

.quick_link_with_img .cms-teaser-box {
    width: 155px;
    padding: 0;
    margin: 0;
}

.quick_link_with_img .cms-teaser-box h3 {
    font-size: 17px !important;
}

/* Programe table */
@media (max-width: 550px) {
    #header>.row {
        display: flex;
    }

    #header .partenaner_header {
        display: none;
    }

    .background-color-accent-7,.background-color-accent-6 {
        width: 100px !important;
        font-size: 14px !important;
        background-position: left top -29px !important;
        margin: 0 1px !important;
    }

    .default-table td, .default-table th {
        font-size: 12px;
        padding: 5px;
    }

    .flexContent {
        flex-direction: column;
    }

    .flexContent img {
        max-width: 100%;
    }

    li ul.bullet-0 {
        padding: 0;
        margin-left: -16px;
    }

    .legende {
        top: 180px;
    }
}

@media (min-width: 400px) and (max-width: 999px) {
    .partenaner_header {
        text-align: right;
        margin-top: 16px;
        height: 65px;
        margin-right: 51px;
    }
}

.about_conference {
}

.about_conference .founder, .about_conference .interim {
    margin-top: 40px
}

.about_conference .founder>h3, .about_conference .interim>h3 {
    margin-bottom: 40px;
}

.about_conference .content-medgu-person {
}

.about_conference .description-medgu-person {
    margin-right: 50px;
}

.about_conference .description-medgu-person .cms-richtext {
    text-align: justify;
}

.about_conference .title-boder-medgu-person {
    padding-left: 20px;
    border-left: 4px solid #4377bc;
    font-size: 20px;
    font-weight: 600;
    text-align: initial;
}

.about_conference .photo-medgu-person {
    position: relative;
}

.about_conference .affilication-photo-medgu-person {
    position: absolute;
    bottom: 20px;
    background: #fffffff7;
    padding: 5px 30px 10px;
    right: 40px;
    border-left: 3px solid #4377bc;
}

.about_conference .interim .affilication-photo-medgu-person {
    position: absolute;
    bottom: 20px;
    background: #fffffff7;
    padding: 5px 30px 10px;
    left: 40px;
    border-left: 3px solid #4377bc;
}

.about_conference .interim .title-boder-medgu-person {
    padding-left: 20px;
    border-left: 4px solid #4377bc;
    font-size: 20px;
    font-weight: 600;
    text-align: initial;
}

.about_conference .interim .description-medgu-person {
    margin-left: 50px;
}

@media screen and (min-width: 320px) and (max-width: 600px) {
    .about_conference .photo-medgu-person {
        order: 1;
        margin-bottom: 40px;
    }

    .about_conference .description-medgu-person {
        order: 2;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .about_conference .founder .affilication-photo-medgu-person, .about_conference .interim .affilication-photo-medgu-person {
        font-size: 1.3rem;
        left: 4px;
        padding: 0px 5px 10px 10px;
    }

    .about_conference .founder .affilication-photo-medgu-person h3, .about_conference .interim .affilication-photo-medgu-person h3 {
        font-size: 1.5rem;
    }

    .cms-person .avatar {
        float: initial;
        max-width: 100%;
    }

    .cms-person .description {
        float: initial !important;
        width: 100% !important;
        margin-bottom: 40px;
    }

    .committes-page .overview {
        flex-direction: column;
    }

    .committes-page a.internal {
        margin-bottom: 20px;
    }

    .table_medgu tr {
        display: flex;
        flex-direction: column;
    }

    .table_medgu tr:first-child {
    }

    .table_medgu tr:first-child td:nth-child(2) {
        display: none;
    }

    .table_medgu tr td:nth-child(1) {
    }

    .table_medgu tr td:nth-child(2) {
        color: #fff;
        background: #3880bb;
        align-self: end;
        width: fit-content !important;
        border-radius: 13px 0;
        padding: 3px 17px;
    }

    .table_medgu tr {
        margin-bottom: 10px;
        border: 1px solid #eee;
        border-radius: 0 0 20px 0;
        box-shadow: 0px 3px 3px 0px #e7e7e7;
        background: #eceff1;
    }

    .table_medgu tr td {
        border: 0;
    }
}

.partenaire_mobile {
    display: none;
    height: 62px;
    width: 155px;
    position: absolute;
    top: 87px;
    margin: 0 auto;
    background: #ffffffe8;
    border-radius: 0 0 15px 15px;
    padding: 20px 9px;
    z-index: 10;
}

.partenaire_mobile a {
    /* height: 22px; */
    /* width: 145px; */
    overflow: hidden;
    display: block;
}

.partenaire_mobile a img {
    position: initial;
    margin: 0;
    padding: 0 !important;
    /* width: 118px !important; */
}

.partenaire_mobile img.partenaner_host {
    width: 141px !important;
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .partenaire_mobile {
        display: block;
    }
}

.content_introduction_confrence .col-1-content {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 60px;
}

.content_introduction_confrence .col-2-content {
    margin-top: 20px;
    text-align: justify;
}

.content_introduction_confrence .col-1-content div {
    text-align: justify;
    width: 266px;
}

.link_scopus_in_home {
    text-align: justify;
    align-items: center;
    width: 266px;
}

#idnn .content_introduction_confrence .col-1-content p {
    font-size: 16px
}

.bg-home-introduction {
    background-image: url(bg_home.svg?v=1);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 0 20px;
}

.mainNavigationMark.menu_two_column .nav-sub{
    width: 470px;
}

@media screen and (min-width: 320px) and (max-width: 600px) {
    .content_introduction_confrence .col-1-content {
        margin-left: 0px;
        align-items: center;
    }

    .content_introduction_confrence .col-2-content {
        margin-left: 0px;
    }

    .content_introduction_confrence .col-1-content div {
        width: 100%;
    }

    .cms-sn-banner.cms-sn-banner-2 {
        height: 220px !important;
    }

    .publication_home .cms-person .avatar {
        width: 180px;
    }

    .bg-home-introduction {
        padding-bottom: 0;
        background-position: bottom 52px left -228px;
        background-repeat: no-repeat;
    }

    .cms-client-springernature h1, .cms-client-springernature h2 {
        font-size: 3rem;
    }

    .cms-person .description {
        margin-top: -30px;
        margin-bottom: 0;
    }

    iframe {
        max-width: 100%;
    }

    .camera_wrap .camera_pag .camera_pag_ul li {
        margin: 0 !important;
        width: 10px !important;
        height: 10px !important;
        line-height: 10px !important;
    }

    .camera_wrap .camera_pag .camera_pag_ul li span {
        width: 6px !important;
        height: 6px !important;
        left: 2px !important;
        top: 2px !important;
    }

    .partenaire_mobile {
        top: 71px;
    }

    .mainNavigationMark.menu_two_column .nav-sub{
        width: 235px;
    }
}

/* Scroll Top */
#scrol_to_top {
    background: #4377bc;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    z-index: 10000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 50px;
    box-shadow: 0px 0px 6px 2px #2e60a3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
}

.link-button .link {
    transition-duration: 220ms;
    transition-timing-function: ease;
    transition-property: color, border-color, background-color;
    border: 0.0625rem solid transparent;
    border-radius: 0.3125rem;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
    background-color: #0088cc;
    border-color: #0088cc;
    color: #fff;
    padding: 5px 10px;
}

.link-button .link:hover, .link-button .link:active, .link-button .link:focus {
    background-color: #006699;
    border-color: #006699;
    color: #fff;
}

.camera_wrap .camera_pag .camera_pag_ul {
    text-align: center;
}

@media screen and (min-width: 401px) and (max-width: 900px) {
    .partenaner_header {
        display: none;
    }

    .partenaner_header .partenaner_publish, .partenaner_header .partenaner_host {
    }

    .partenaner_header .partenaner_host {
    }
}

.link_scopus_in_home {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    transition: all 0.5s ease;
}

.link_scopus_in_home .logo_scopus {
    width: 130px !important;
    margin-right: 10px;
}

.link_scopus_in_home .logo_scopus img {
    width: 100px !important;
}

.link_scopus_in_home .desc_logo_scopus {
    font-size: 14px;
    line-height: 20px;
}

.link_scopus_in_home:hover {
    transform: scale(.95);
}

.home_page h2.title-section {
    font-size: 3rem;
}

.link_map {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 200px;
    background: #4377bc;
    border-radius: 5px;
    color: #fff !important;
    border: 1px solid #1e538829;
    padding: 0 19px 0 10px;
    position: relative;
    height: 40px;
}

.link_map img {
    width: 31px;
    height: 30px;
    padding: 3px;
    background: #fff;
    border-radius: 20px;
    position: absolute;
    right: -17px;
}