/* ----------------------------------------------------------- */
/* Custom Karger CSS classes for pages on Silverchair platform */
/* ex site.css                                                 */
/* V: 1.5.6.2   TS: 25/07/2025_0930                            */
/* ----------------------------------------------------------- */


/* ******************************************** */
/* ROOT                                         */
/* ******************************************** */
/* if you are adding or changing elements here, pls. change in journal.css accordingly */
:root { 
    --colorLightGrey: #F2F2F2;
    --colorMediumGrey: #cccccc;
    --colorDarkGrey: #333333;
    --colorWhite: #ffffff;
    --colorBlack: #000000;
    --colorOrange: #f89300;
    /* -------- */
    --colorGreen: #004b4f;
    --colorGreen75: rgb(64, 120, 123);
    --colorGreen50: rgb(128, 165, 167);
    --colorGreen25: rgb(191, 210, 211);
    --colorGreenTransparent85: rgba(0, 75, 79, 0.85);
    --colorGreenTransparent75: rgba(0, 75, 79, 0.75);
    --colorGreenTransparent50: rgba(0, 75, 79, 0.50);
    --colorGreenTransparent25: rgba(0, 75, 79, 0.25);
    --colorGreenTransparent10: rgba(0, 75, 79, 0.10);
    /* -------- */
    --colorBlue: #87d2e2;
    --colorBlue75: rgb(165, 221, 233);
    --colorBlue50: rgb(195, 233, 240);
    --colorBlue25: rgb(225, 244, 248);
    --colorBlueTransparent85: rgba(135, 210, 226, 0.85);
    --colorBlueTransparent75: rgba(135, 210, 226, 0.75);
    --colorBlueTransparent50: rgba(135, 210, 226, 0.50);
    --colorBlueTransparent25: rgba(135, 210, 226, 0.25);
    --colorBlueTransparent10: rgba(135, 210, 226, 0.10);
    /* -------- */
    --colorYellow: #ffe000;
    --colorYellow75: rgb(255, 232, 64);
    --colorYellow50: rgb(255, 239, 128);
    --colorYellow25: rgb(255, 247, 191);
    --colorYellowTransparent85: rgba(255, 224, 0, 0.85);
    --colorYellowTransparent75: rgba(255, 224, 0, 0.75);
    --colorYellowTransparent50: rgba(255, 224, 0, 0.50);
    --colorYellowTransparent25: rgba(255, 224, 0, 0.25);
    --colorYellowTransparent10: rgba(255, 224, 0, 0.10);
    /* -------- */
    --colorRed: #cc0000; /*ee504e*/;
    --colorRed75: rgb(242, 124, 122);
    --colorRed50: rgb(247, 168, 167);
    --colorRed25: rgb(251, 211, 211);
    --colorRedTransparent85: rgba(238, 80, 78, 0.85);
    --colorRedTransparent75: rgba(238, 80, 78, 0.75);
    --colorRedTransparent50: rgba(238, 80, 78, 0.50);
    --colorRedTransparent25: rgba(238, 80, 78, 0.25);
    --colorRedTransparent10: rgba(238, 80, 78, 0.10);
    /* -------- */
    --colorPurple: #6f4284;
    --colorPurple75: rgb(147, 113, 163);
    --colorPurple50: rgb(183, 160, 194);
    --colorPurple25: rgb(219, 208, 224);
    --colorPurpleTransparent85: rgba(111, 66, 132, 0.85);
    --colorPurpleTransparent75: rgba(111, 66, 132, 0.75);
    --colorPurpleTransparent50: rgba(111, 66, 132, 0.50);
    --colorPurpleTransparent25: rgba(111, 66, 132, 0.25);
    --colorPurpleTransparent10: rgba(111, 66, 132, 0.10);
    /* -------- */
    --colorGrey: #333333;
    --colorGreyTransparent85: rgba(51, 51, 51, 0.85);
    --colorGreyTransparent75: rgba(51, 51, 51, 0.75);
    --colorGreyTransparent50: rgba(51, 51, 51, 0.50);
    --colorGreyTransparent25: rgba(51, 51, 51, 0.25);
    --colorGreyTransparent10: rgba(51, 51, 51, 0.10);
    /* -------- */
    --colorPink: #FBD3D2;
}



/* ******************************************** */
/* COLORS                                       */
/* ******************************************** */

.bg-white     { background-color: var(--coloWhite); color: var(--colorDarkGrey); }
.bg-lightgrey { background-color: var(--colorLightGrey); color: var(--colorBlack); }
.bg-darkgrey  { background-color: var(--colorDarkGrey); color: var(--colorWhite); }

.bg-yellow   { background-color: var(--colorYellow); }
.bg-yellow75 { background-color: var(--colorYellow75); }
.bg-yellow50 { background-color: var(--colorYellow50); }
.bg-yellow25 { background-color: var(--colorYellow25); }

.bg-blue   { background-color: var(--colorBlue); }
.bg-blue75 { background-color: var(--colorBlue75); }
.bg-blue50 { background-color: var(--colorBlue50); }
.bg-blue25 { background-color: var(--colorBlue25); }

.bg-green   { background-color: var(--colorGreen); color: var(--colorWhite); }
.bg-green75 { background-color: var(--colorGreen75); color: var(--colorWhite); }
.bg-green50 { background-color: var(--colorGreen50); }
.bg-green25 { background-color: var(--colorGreen25); }

.bg-purple   { background-color: var(--colorPurple); color: var(--colorWhite); }
.bg-purple75 { background-color: var(--colorPurple75); color: var(--colorWhite); }
.bg-purple50 { background-color: var(--colorPurple50); }
.bg-purple25 { background-color: var(--colorPurple25); }

.color-black    { color: var(--colorBlack) !important; }
.color-darkgrey { color: var(--colorDarkGrey) !important; }
.color-white    { color: var(--colorWhite) !important; }

.error-message { color: var(--colorRed) !important; }



/* ******************************************** */
/* SHOW/HIDE                                    */
/* ******************************************** */
.sr-only {    
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.show-phone,
.visible-phone {
    display: none !important;
}
.show-tablet,
.visible-tablet {
    display: none !important;
}
.show-desktop,
.visible-desktop {
    display: inherit !important;
}

.hidden-desktop {
    display: none !important;
}

/* for anmiations, as on the HP */
.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}
    .reveal.active {
        transform: translateY(0);
        opacity: 1;
    }


@media (max-width: 1199px) {
    .hidden-tablet {
        display: none !important
    }
    .hidden-desktop {
        display: inherit !important
    }
      
    .show-tablet,
    .visible-tablet {
        display: inherit !important
    }
    .show-desktop,
    .visible-desktop {
        display: none !important
    }
}

@media (max-width: 899px) {
    .hidden-phone {
        display: none !important
    }
    .hidden-desktop {
        display: none !important
    }    

    .show-phone,
    .visible-phone {
        display: inherit !important
    }
    .show-desktop,
    .visible-desktop {
        display: none !important
    }
}



/* ******************************************** */
/* FONTS                                        */
/* ******************************************** */
h1,
.h1 {     
    color: inherit;
    background-color: inherit;
    font-size: 44px !important;
    font-size: 2.75rem !important;
    line-height: 64px;
    line-height: 4rem;
    font-weight: 700;
    margin-top: 64px;
    margin-bottom: 44px;
  }  
    h1 a:before,
    .h1 a:before {        
        font-size: 36px !important;
        font-size: 2.25rem;
    }
    
h2,
.h2,
h2.section-title {
    color: inherit;
    background-color: inherit;
    font-size: 32px !important;
    font-size: 2rem !important;
    line-height: 42px;
    line-height: 2.625rem;
    font-weight: 400;
    margin-top: 42px;
    margin-bottom: 32px;
  }
    h2 a:before,
    .h2 a:before {
        font-size: 24px !important;
        font-size: 1.5rem !important;
    }
    h2 sup a,
    .h2 sup a {
        -moz-text-decoration-color: var(--colorOrange);
        text-decoration-color: var(--colorOrange);
    }
        h2 sup a:before,
        .h2 sup a:before {
            content: "";
        }
    
   h3,
   .h3,
   h3.section-title {
    color: inherit;
    background-color: inherit;
    font-size: 26px !important;
    font-size: 1.625rem !important;
    font-weight: 400;
    line-height: 36px;
    line-height: 2.25rem;
    margin-top: 36px;
    margin-bottom: 26px;
  }
    h3 a:before,
    .h3 a:before {
        font-size: 18px !important;
        font-size: 1.125rem !important;
    }
       
h4,
.h4,
h4.section-title {
    color: inherit;
    background-color: inherit;
    font-size: 22px !important;
    font-size: 1.375rem !important;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem;
    margin-top: 32px;
    margin-bottom: 22px;
  }
    h4 a:before,
    .h4 a:before {
        font-size: 18px !important;
        font-size: 1.125rem !important;
    }
    

  h5,
  .h5,
  h5.section-title {
    color: inherit;
    background-color: inherit;
    font-size: 20px !important;
    font-size: 1.25rem !important;
    font-weight: 400;
    line-height: 28px;
    line-height: 1.75rem;
    margin-top: 28px;
    margin-bottom: 20px;
  }
    h5 a:before,
    .h5 a:before {
        font-size: 14px !important;
        font-size: 0.875rem !important;
    }
    

   h6,
   .h6,
   h6.section-title {
    color: inherit;
    background-color: inherit;
    font-size: 18px !important;
    font-size: 1.125rem !important;
    font-weight: 400;
    line-height: 26px;
    line-height: 1.625rem;
    margin-top: 26px;
    margin-bottom: 16px;
  }
    h6 a:before,
    .h6 a:before {
        font-size: 14px !important;
        font-size: 0.875rem !important;
    }
    
.widget-dynamic__header h1,
.widget-dynamic__header h2,
.widget-dynamic__header h3,
.widget-dynamic__header h4,
.widget-dynamic__header h5,
.widget-dynamic__header h6 {
    margin-top: 0;
    margin-bottom: 0;
}


@media (max-width: 899px) {
    h1,
    .h1 {
        font-size: 32px !important;
        font-size: 2rem !important;
        line-height: 42px;
        line-height: 2.625rem;
        margin-top: 42px;
        margin-bottom: 32px;
    }
    h2,
    .h2,
    h2.section-title {
        font-size: 28px !important;
        font-size: 1.75rem !important;
        line-height: 38px;
        line-height: 2.375rem;
        margin-top: 38px;
        margin-bottom: 28px;
    }
    h3,
    .h3,
    h3.section-title {
        font-size: 24px !important;
        font-size: 1.5rem !important;
        line-height: 34px;
        line-height: 2.125rem;
        margin-top: 34px;
        margin-bottom: 24px;
    }
    h4,
    .h4,
    h4.section-title {
        font-size: 22px !important;
        font-size: 1.375rem !important;
        line-height: 32px;
        line-height: 2rem;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    h5,
    .h5,
    h5.section-title {
        font-size: 20px !important;
        font-size: 1.25rem !important;
        line-height: 28px;
        line-height: 1.75rem;
        margin-top: 28px;
        margin-bottom: 18px;
    }
    h6,
    .h6,
    h6.section-title {
        font-size: 16px !important;
        font-size: 1rem !important;
        line-height: 24px;
        line-height: 1.5rem;
        margin-top: 24px;
        margin-bottom: 16px;
    }

    .widget-dynamic__header h1,
    .widget-dynamic__header h2,
    .widget-dynamic__header h3,
    .widget-dynamic__header h4,
    .widget-dynamic__header h5,
    .widget-dynamic__header h6 {
        margin-top: 0;
        margin-bottom: 0;
    }
}



/* ******************************************** */
/* GENERAL CLASSES, GRID, ...                   */
/* ******************************************** */

html {
    scroll-behavior: smooth;
}

body {
    color: var(--colorDarkGrey);
}

.m-0  { margin: 0 !important; }
.m-5  { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-20 { margin: 20px !important; }
.m-30 { margin: 30px !important; }

.m-1rem { margin: 1rem !important; }
.m-2rem { margin: 2rem !important; }
.m-3rem { margin: 3rem !important; }
.m-4rem { margin: 4rem !important; }


.mt-0  { margin-top: 0 !important; }
.mt-5  { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }

.mt-1rem { margin-top: 1rem !important; }
.mt-2rem { margin-top: 2rem !important; }
.mt-3rem { margin-top: 3rem !important; }
.mt-4rem { margin-top: 4rem !important; }


.mb-0  { margin-bottom: 0 !important; }
.mb-5  { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }

.mb-1rem { margin-bottom: 1rem !important; }
.mb-2rem { margin-bottom: 2rem !important; }
.mb-3rem { margin-bottom: 3rem !important; }
.mb-4rem { margin-bottom: 4rem !important; }


.ml-0  { margin-left: 0 !important; }
.ml-5  { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }

.ml-1rem { margin-left: 1rem !important; }
.ml-2rem { margin-left: 2rem !important; }
.ml-3rem { margin-left: 3rem !important; }
.ml-4rem { margin-left: 4rem !important; }


.mr-0  { margin-right: 0 !important; }
.mr-5  { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }

.mr-1rem { margin-right: 1rem !important; }
.mr-2rem { margin-right: 2rem !important; }
.mr-3rem { margin-right: 3rem !important; }
.mr-4rem { margin-right: 4rem !important; }

/* ------- */

.p-0  { padding: 0 !important; }
.p-5  { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }

.p-1rem { padding: 1rem !important; }
.p-2rem { padding: 2rem !important; }
.p-3rem { padding: 3rem !important; }
.p-4rem { padding: 4rem !important; }


.pt-0  { padding-top: 0 !important; }
.pt-5  { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }

.pt-1rem { padding-top: 1rem !important; }
.pt-2rem { padding-top: 2rem !important; }
.pt-3rem { padding-top: 3rem !important; }
.pt-4rem { padding-top: 4rem !important; }


.pb-0 { padding-bottom: 0 !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }

.pb-1rem { padding-bottom: 1rem !important; }
.pb-2rem { padding-bottom: 2rem !important; }
.pb-3rem { padding-bottom: 3rem !important; }
.pb-4rem { padding-bottom: 4rem !important; }


.pl-0  { padding-left: 0 !important; }
.pl-5  { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }

.pl-1rem { padding-left: 1rem !important; }
.pl-2rem { padding-left: 2rem !important; }
.pl-3rem { padding-left: 3rem !important; }
.pl-4rem { padding-left: 4rem !important; }


.pr-0  { padding-right: 0 !important; }
.pr-5  { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }

.pr-1rem { padding-right: 1rem !important; }
.pr-2rem { padding-right: 2rem !important; }
.pr-3rem { padding-right: 3rem !important; }
.pr-4rem { padding-right: 4rem !important; }




.hidden:not(.al-author-delim) {
    display: none !important;
    visibility: hidden !important;
}

.w100 { width: 100%; }

.dBlock         { display: block !important; }
.dInlineBlock   { display: inline-block !important; }
.dInline        { display: inline !important; }
.dTableCell     { display: table-cell !important; }
.dNone          { display: none !important; }
.dFlex          { display: flex !important; }
    .flex-direction-row     { flex-direction: row; }
    .flex-direction-column  { flex-direction: column; }
    .flex-wrap              { flex-wrap: wrap; }
    .flex-start             { align-content: flex-start; }
    .flex-end               { align-content: flex-end; }
    .row-reverse            { flex-direction: row-reverse; }
    .flex-space-between     { justify-content: space-between; }
    .flex-space-evenly      { justify-content: space-evenly; }
    .flex-shrink-0          { flex-shrink: 0; }
    .align-self-top         { align-self: flex-start;  }
    .align-self-baseline    { align-self: baseline; }
    .align-self-center      { align-self: center; }
    .align-self-end         { align-self: flex-end; }
    .align-items-center     { align-items: center; }
    .align-content-center   { align-content: center; }
    .column-gap-short       { column-gap: .75rem; }


.flex-container-2boxes,
.flex-container-3boxes,
.flex-container-4boxes {
    display: flex;
    flex-wrap: wrap;
}
.flex-container-with-gap        { gap: 1.5rem; }
.flex-container-with-tiny-gap   { gap: 0.5rem; }
.flex-container-with-huge-gap   { gap: 2.5rem; }

.flex-container-2boxes .box {
    flex: 1 1 auto;    
}
    .flex-container-2boxes .box-50 {
        flex: 1 1 50%; /* Two boxes side by side in same size */
    }
    /* 2 boxes 60/40 split WITHOUT gap */
    .flex-container-2boxes .box-60 {
        flex: 1 1 60%;        
    }
    .flex-container-2boxes .box-40 {
        flex: 1 1 40%;
    }

    /* 2 boxes 50/50 split WITH gap in between */
    .flex-container-2boxes.flex-container-with-gap .box-50 {
        flex: 1 1 calc(50% - 0.75rem);
    }

.flex-container-3boxes .box {
    flex: 1 1 33.33%; /* Three boxes side by side */
}
.flex-container-4boxes .box {
    flex: 1 1 25%; /* Three boxes side by side */
}

.flex-container-2boxes .box-icon,
.flex-container-3boxes .box-icon,
.flex-container-4boxes .box-icon {
    font-size: 3rem !important;
}


@media (max-width: 768px) {
    .flex-container-2boxes .box,
    .flex-container-2boxes .box-50,
    .flex-container-2boxes .box-60, 
    .flex-container-2boxes .box-40,
    .flex-container-3boxes .box,
    .flex-container-4boxes .box {
        flex: 1 1 100%; /* Full width on mobile */
    }
}



.vTop    { vertical-align: top; }
.vMiddle { vertical-align: middle; }
.vBottom { vertical-align: bottom; }

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

.bold { font-weight: 600 !important; }
.italic { font-style: italic !important; }

sup { font-size: 70% !important; }


.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
}

ul.noListStyle {
    list-style-type: none !important;
    margin-left: 0;
} 

ul.list-style-arrow {
    list-style-type: none !important;
    margin-left: 0;
}
    ul.list-style-arrow li a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f054";
        color: var(--colorOrange);
        margin-right: 3px;
        text-decoration: none;
        display: inline-block;
        white-space: nowrap;
    }


div[class*="home-SelectableContentList_EditorsChoiceWidget"] {
    background-color: var(--colorLightGrey) !important;
}

div[class*="home-SelectableContentList_EditorsChoiceWidget"] .widget-dynamic-heading {
    font-family: "Open Sans",Helvetica,Arial,sans-serif !important;
    margin: 0 0 30px 0 !important;
    font-size: 26px !important;
    font-size: 1.625rem !important;
    font-weight: 400 !important;
    line-height: 2.25rem !important;
    text-align: center !important;
}

div.home-intro a,
/* :not(.theme-homepage-layout.journal) div[class*="home-self-serve-content-affiliations"] a, */
div[class*="home-SelectableContentList_EditorsChoiceWidget"] a {        
    display: inline-block;
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;    
}
    /* :not(.theme-homepage-layout.journal) div[class*="home-self-serve-content-affiliations"] a */

    div[class*="home-SelectableContentList_EditorsChoiceWidget"] a { 
        padding-left: 10px;
    }
    div.home-intro a {
        padding-left: 15px;
        text-decoration: underline !important;
    }
   
    .theme-homepage-layout.journal div[class*="home-self-serve-content-affiliations"] a.btn {
        font-size: 14px !important;
        font-size: .875rem !important;
        font-weight: 700;
        text-decoration: none !important;
        height: 40px !important;
        line-height: 40px !important;
    }
    
    div.home-intro a:not(.NoArrow):before,
    :not(.theme-homepage-layout.journal) div[class*="home-self-serve-content-affiliations"] a:not(.EMail):before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f054";
        width: 15px !important;
        color: var(--colorOrange) !important;
        text-decoration: none !important;
        display: inline-block !important;
    }
        div.home-intro a:not(.NoArrow):before {
            margin-left: -15px !important;        
        }

    div[class*="home-SelectableContentList_EditorsChoiceWidget"] a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f054" !important;
        color: var(--colorOrange) !important;
        width: 10px !important;
        margin-left: -15px !important;
        padding-right: 2px;
        text-decoration: none !important;
        display: inline-block !important;
    }
    .theme-homepage-layout.journal div[class*="home-self-serve-content-affiliations"] a.btn:before {
        content: "" !important;
        display: none !important;
    } 


.overflow-scroll {
    overflow-x: auto !important;
}

table, .table, .table-bordered, .table-bordered-light {
    border-collapse: collapse;
    border-radius: 0;
}
table th {
    font-weight: 700;
    border-bottom: 1px solid var(--colorLightGrey);
    background-color:  var(--colorLightGrey);
}

.table-bordered {
    border: 1px solid var(--colorMediumGrey);
    border-left: 0;
    border-radius: 0;
}
    .table-bordered th {
        border: 1px solid  var(--colorMediumGrey) !important;
        border-bottom: 1px solid  var(--colorMediumGrey) !important;
    }    
    .table-bordered td {
        border-left: 1px solid  var(--colorMediumGrey) !important;
        border-bottom: 1px solid  var(--colorMediumGrey) !important;
    }

.table-bordered-light {
    border: 1px solid var(--colorWhite);
    border-left: 0;
    border-radius: 0;
}
    .table-bordered-light th,
    .table-bordered-light td {
        border-bottom: 1px solid  var(--colorWhite) !important;
    }    

table.noborder,
table.noborder th,
table.noborder td,
table.noborder thead {
    border-top: none !important;
    border-bottom: none !important;
}
table.nopadding th,
table.nopadding td {
    padding: 0 !important;
}

table .data_key {
    background-color:  var(--colorLightGrey) !important;
}
    #tabcontent_subscriptionrates table th.data_key {
        font-weight: normal !important;
    }
table .data_value {
    background-color:  var(--colorWhite);
}


table.JournalMetrics td, 
table.JournalMetrics th {
    padding: 0.25rem 0.5rem;
    border-bottom: none !important;
}
table.JournalMetrics th.sr-only {
    padding: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    border: none !important;
    clip: rect(1px 1px 1px 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
}



.pg_selfservepage .infobox {
    margin: 0;
    padding: 16px 20px;
    color: var(--colorBlack);
}
    .pg_selfservepage .infobox h2 {
        margin-top: 0;
    }
    .pg_selfservepage .infobox.infobox-white {
        background-color: var(--colorWhite);
    }
    .pg_selfservepage .infobox.infobox-lightgrey {
        background-color: var(--colorLightGrey);
    }
    .pg_selfservepage .infobox.infobox-pink {
        background-color: var(--colorPink);
    }

    .pg_selfservepage .infobox.infobox-blue {
        background-color: var(--colorBlue);
    }
    .pg_selfservepage .infobox.infobox-blue25 {
        background-color: var(--colorBlue25);
    }
    .pg_selfservepage .infobox.infobox-blue50 {
        background-color: var(--colorBlue50);
    }
    .pg_selfservepage .infobox.infobox-blue75 {
        background-color: var(--colorBlue75);
    }

    .pg_selfservepage .infobox.infobox-yellow {
        background-color: var(--colorYellow);
    }
    .pg_selfservepage .infobox.infobox-yellow25 {
        background-color: var(--colorYellow25);
    }
    .pg_selfservepage .infobox.infobox-yellow50 {
        background-color: var(--colorYellow50);
    }
    .pg_selfservepage .infobox.infobox-yellow75 {
        background-color: var(--colorYellow75);
    }    

    .pg_selfservepage .infobox.infobox-purple {
        background-color: var(--colorPurple);
    }
    .pg_selfservepage .infobox.infobox-purple25 {
        background-color: var(--colorPurple25);
    }
    .pg_selfservepage .infobox.infobox-purple50 {
        background-color: var(--colorPurple50);
    }
    .pg_selfservepage .infobox.infobox-purple75 {
        background-color: var(--colorPurple75);
    }

    .pg_selfservepage .infobox.infobox-green {
        background-color: var(--colorGreen);
    }
    .pg_selfservepage .infobox.infobox-green25 {
        background-color: var(--colorGreen25);
    }
    .pg_selfservepage .infobox.infobox-green50 {
        background-color: var(--colorGreen50);
    }
    .pg_selfservepage .infobox.infobox-green75 {
        background-color: var(--colorGreen75);
    }

    .pg_selfservepage .infobox.infobox-red {
        background-color: var(--colorRed);
    }
    .pg_selfservepage .infobox.infobox-red25 {
        background-color: var(--colorRed25);
    }
    .pg_selfservepage .infobox.infobox-red50 {
        background-color: var(--colorRed50);
    }
    .pg_selfservepage .infobox.infobox-red75 {
        background-color: var(--colorRed75);
    }
    

.pg_selfservepage a:not(.btn):not(.btn-passiv):not(.accordion-toggle):not(.dropdown-toggle):not(.nav-link):not(.nav-tabs li a):not(.social-link):not(.advanced-search):not(.microsite-search-icon):not(img):not([rel="tag"]) {
    color: var(--colorDarkGrey);
    text-decoration: underline;
    text-decoration-color: var(--colorDarkGrey);
    -moz-text-decoration-color: var(--colorDarkGrey);
    text-decoration-style: solid;
    -moz-text-decoration-style: solid;
    text-decoration-thickness: 1px;    
}
    .self-serve_box a:not(.btn):not(.btn-passiv),
    .widget-SelfServeContent a:not(.btn):not(.btn-passiv):not(.social-link) {
        color: var(--colorDarkGrey);
        text-decoration: underline;
        text-decoration-color: inherit;
        -moz-text-decoration-color: inherit;
        text-decoration-style: solid;
        -moz-text-decoration-style: solid;
        text-decoration-thickness: 1px;
    }
    .pg_selfservepage a:not(.btn):not(.btn-passiv):not(.dropdown-toggle):not(.nav-link):not(.nav-tabs li a):not(.social-link):not(.advanced-search):not(.microsite-search-icon):not(img):not([rel="tag"]):hover,
    .self-serve_box a:not(.btn):not(.btn-passiv):hover,
    .widget-SelfServeContent a:not(.btn):not(.btn-passiv):not(.social-link):hover,
    #Sidebar a:not(.js-new-and-popular-mode):hover, 
    .panels div a:not(.download-slide,.fig-view-orig):hover {
        color: var(--colorOrange);
        text-decoration-color: var(--colorOrange);
        -moz-text-decoration-color: var(--colorOrange);
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-thickness: 2px !important;
}
    .pg_selfservepage a[class^="icon-"].no-textdeco, 
    .self-serve_box a[class*=" icon-"].no-textdeco {
        text-decoration: none !important;
    }


/* Display Links with orange arrow on Self Serve Pages */
.pg_selfservepage a[href]:not(.btn):not(.btn-passiv):not([class^="icon-"]):not([class*=" icon-"]):not(.js-dropdown-trigger):not(.global-nav-trigger):not(.site-theme-header-image-wrap):not(.global-nav_link-wrap):not(.close-modal):not(.mobile-site-menu-toggle):not(.mobile-search_toggle):not(.tablet-sign-in):not(.view-cart):not(.register):not(.logged-in-link):not(.accordion-toggle):not(.dropdown-toggle):not(.nav-link):not(.nav-tabs li a):not(.advanced-search):not(.microsite-search-icon):not(.journal-logo-link):not(.social-link):not(.crumb):not(.ta-r):not(img):before,
.self-serve_box a[href]:not(.btn):not(.btn-passiv):not([class^="icon-"]):not([class*=" icon-"]):not(.js-dropdown-trigger):not(.global-nav-trigger):not(.site-theme-header-image-wrap):not(.global-nav_link-wrap):not(.close-modal):not(.mobile-site-menu-toggle):not(.mobile-search_toggle):not(.tablet-sign-in):not(.view-cart):not(.register):not(.logged-in-link):not(.accordion-toggle):not(.dropdown-toggle):not(.nav-link):not(.nav-tabs li a):not(.advanced-search):not(.microsite-search-icon):not(.journal-logo-link):not(.social-link):not(.crumb):not(.ta-r):not(img):before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054";
    color: var(--colorOrange);
    margin-right: 3px;
    text-decoration: none !important;
    display: inline-block;
    white-space: nowrap;
}

.altmetric-embed a:before {
    content: "" !important;
    margin-right: 0 !important;
    display: none !important;
}

    

.pg_selfservepage .row [class*="span"],
.pg_selfservepage .row-fluid [class*="span"],
.widget-SelfServeContent .row [class*="span"],
.widget-SelfServeContent .row-fluid [class*="span"] {
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574468085%;
}
    .pg_selfservepage .row .min-height-zero,
    .pg_selfservepage .row-fluid .min-height-zero,
    .widget-SelfServeContent .row .min-height-zero,
    .widget-SelfServeContent .row-fluid .min-height-zero {
        min-height: 0 !important;
    }


.pg_selfservepage .row [class*="span"]:first-child,
.pg_selfservepage .row-fluid [class*="span"]:first-child,
.widget-SelfServeContent .row [class*="span"]:first-child,
.widget-SelfServeContent .row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.pg_selfservepage #page_content .row:after,
.pg_selfservepage #page_content .row-fluid:after,
.widget-SelfServeContent .row:after,
.widget-SelfServeContent .row-fluid:after {
    clear: both;
}

.pg_selfservepage #page_content .row:before, 
.pg_selfservepage #page_content .row:after,
.pg_selfservepage #page_content .row-fluid:before, 
.pg_selfservepage #page_content .row-fluid:after,
.widget-SelfServeContent .row:before,
.widget-SelfServeContent .row-fluid:before,
.widget-SelfServeContent .row:after,
.widget-SelfServeContent .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}


.pg_selfservepage #hero_container .row,
.widget-SelfServeContent #hero_container .row {
    width: 100%;
    padding: 0;
}
    .pg_selfservepage #hero_container .row [class*="span"],
    .widget-SelfServeContent #hero_container .row [class*="span"] {
        margin-left: 0;
    }


@media (max-width: 899px) {
    .pg_selfservepage #page_content .row-fluid [class*="span"],
    :not(.site-theme-footer) .widget-SelfServeContent .row-fluid [class*="span"] {
        margin-left: 0;
    }
    .pg_selfservepage #page_content .row,
	:not(.home-intro) .widget-SelfServeContent .row,
    :not(.site-theme-footer) .widget-SelfServeContent .row {
        padding: 0 20px;
    }
    .site-theme-footer .widget-SelfServeContent .row,
    .footer-nav .row {
        padding: 0;
    }
}
@media (min-width: 900px) and (max-width: 1599px) {
    .pg_selfservepage #page_content .row,
	:not(.home-intro) .widget-SelfServeContent .row,
    :not(.site-theme-footer) .widget-SelfServeContent .row {
        padding: 0 40px;
    }    
    .site-theme-footer .widget-SelfServeContent .row,
    .footer-nav .row {
        padding: 0;
    }
}
@media (min-width: 1600px) {
    .pg_selfservepage #page_content .row,
	:not(.home-intro) .widget-SelfServeContent .row,
    :not(.site-theme-footer) .widget-SelfServeContent .row {
        padding: 0 5%;
    }
    .site-theme-footer .widget-SelfServeContent .row {
        padding: 0;
    }
}



.row .span1 .row,
.row-fluid .span1 .row,
.row .span2 .row,
.row-fluid .span2 .row,
.row .span3 .row,
.row-fluid .span3 .row,
.row .span4 .row,
.row-fluid .span4 .row,
.row .span5 .row,
.row-fluid .span5 .row,
.row .span6 .row,
.row-fluid .span6 .row,
.row .span7 .row,
.row-fluid .span7 .row,
.row .span8 .row,
.row-fluid .span8 .row,
.row .span9 .row,
.row-fluid .span9 .row,
.row .span10 .row,
.row-fluid .span10 .row,
.row .span11 .row,
.row-fluid .span11 .row,
.row .span12 .row,
.row-fluid .span12 .row {
  margin-left: 0;
}

.row .span12,
.row-fluid .span12 {
    width: 100%;    
}
.row .span11,
.row-fluid .span11 {
    width: 91.48936170212765%;
}
.row .span10,
.row-fluid .span10 {
    width: 82.97872340425532%;
}
.row .span9,
.row-fluid .span9 {
    width: 74.46808510638297%;
}
.row .span8,
.row-fluid .span8 {
    width: 65.95744680851064%;
}
.row .span7,
.row-fluid .span7 {
    width: 57.44680851063829%;
}
.row .span6,
.row-fluid .span6 {
    width: 48.93617021276595%;
}
.row .span5,
.row-fluid .span5 {
    width: 40.42553191489362%;
}
.row .span4,
.row-fluid .span4 {
    width: 31.914893617021278%;
}
.row .span3,
.row-fluid .span3 {
    width: 23.404255319148934%;
}
.row .span2,
.row-fluid .span2 {
    width: 14.893617021276595%;
}
.row .span1,
.row-fluid .span1 {
    width: 6.382978723404255%;
}

@media (max-width: 899px) {
    .row .span1, .row .span2, .row .span3, .row .span4, .row .span5, .row .span6, 
    .row .span7, .row .span8, .row .span9, .row .span10, .row .span11, .row .span12,
    .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, 
    .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12 {
        float: none;
        width: 100%;
        margin: 0 !important;
    }
}


.pg_selfservepage p,
.pg_index p {
    line-height: 1.5rem;
    margin-bottom: 16px;
}

.pg_selfservepage p.small,
.pg_index p.small,
.small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.125rem;
}

.spacerDiv {
    height: 30px;
}

ul,
ol.ul,
ul.ul {
  list-style-type: disc;
  margin-left: 20px ;
}
    ol.ul > li > ul,
    ul.ul > li > ul,
    ol ul,
    ul ul {
        list-style-type: circle;
    }
ol,    
ol.ol,
ul.ol {
  list-style: decimal;
  margin-left: 20px;
}


/* external link */
.widget-SitePageHeader a:not(.society-logo-link):not(.journal-logo-link)[target=_blank]:after {
    content: "" !important;
    margin-left: 0 !important;
}



/* ******************************* */
/*     !!!  GENERAL LAYOUT  !!!    */
/*      overwriting SC classes     */
/* ******************************* */

/* Fixing Accessibility issue reported for SC text and links not having a background-color */
/*---------------------------------------------------------------------------------------- */
/* general links */
p a {
    color: inherit;
    background-color: inherit;
}
/* screenreader text (although not visible to the user, it has been mentioned on reports) */
.screen-reader-only, 
.screenreader-text,
a.skipnav {
    color: var(--colorBlack);
    background-color: var(--colorWhite);    
}
/* next steps in the cart progess bar */
.progressSectionContainer ul.stepContainer li {
    color: var(--colorBlack) !important;
    background-color: inherit;
}



/* Avoid tiles running wide if there is no other tile following */
.theme-homepage-layout div[class*=home-row]>.widget-dynamic-inner-wrap, 
.theme-homepage-layout div[class*=sub-row]>.widget-dynamic-inner-wrap {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) !important;    
}

@media (max-width:899px) {
    .theme-homepage-layout div[class*=home-row]>.widget-dynamic-inner-wrap, 
    .theme-homepage-layout div[class*=sub-row]>.widget-dynamic-inner-wrap {
        grid-template-columns: repeat(auto-fit,minmax(300px,1fr)) !important;        
    }
}


/* Register Link in Content */
.unauth-wrap .register-ribbon-wrap a {
    text-decoration: underline;
}
    .unauth-wrap .register-ribbon-wrap a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f054" !important;
        color: var(--colorOrange) !important;
        width: 15px !important;
        text-decoration: none !important;
        display: inline-block !important;
    }
    .unauth-wrap .register-ribbon-wrap a:hover {
        color: var(--colorOrange);
    }


/* Institutional Login Links in Content */
.unauth-wrap a.institutional-login-link:link:not(.btn):not(.cart-btn.proceed-btn):not(.store-link) {
    text-decoration: underline;
}
    .unauth-wrap a.institutional-login-link:link:not(.btn):not(.cart-btn.proceed-btn):not(.store-link):before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f054" !important;
        color: var(--colorOrange) !important;
        width: 15px !important;
        text-decoration: none !important;
        display: inline-block !important;
    }
    .unauth-wrap a.institutional-login-link:link:not(.btn):not(.cart-btn.proceed-btn):not(.store-link):hover {
        color: var(--colorOrange);
    }
    .unauth-wrap ul li {
        margin-bottom: .65rem;
        margin-top: 0 !important;
    }


/* PromoCode widget in cart */
.widget-DiscountCode .js-error-message {
    margin-top: 1rem;
}


/* Cart styles bc of accessibility issues */
.cart-items-wrap .header-row li {
    color: var(--colorBlack) !important;
}
.quantity-input-group .btn-number,
.quantity-input-group .input-number {
    border: 1px solid var(--colorDarkGrey) !important;
    color: var(--colorBlack) !important;
}
.quantity-input-group .input-group-btn {
    justify-content: center;
}



/* Deep-dyve */
.widget-DeepDyve .deep-dyve-title {
    font-weight: 400;
    margin: 2.5rem 0 1rem 0;
    font-size: 26px;
}
.widget-DeepDyve .deep-dyve-link {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(225, 244, 248);
    padding: 2rem;
    background-color: rgb(225, 244, 248);
}
.widget-DeepDyve .deep-dyve-link span.deep-dyve-sc-message {
    margin: 0 2rem 0 1rem;
    padding-bottom: 2rem;
    display: block;
}



/* ******************************************** */
/* Site main header / menu                      */
/* ******************************************** */
.site-theme-header .global-nav .global-nav-dropdown>ul.site-menu>li ul {
    margin-left: 10px;
    padding: 5px 0;
}
.site-theme-header .global-nav .global-nav-dropdown>ul.site-menu>li>a.active i:before {
    content: "\e9a6" !important;
}

.site-theme-header-logo .icon-general-close.menu-close::before {
    margin-right: 0 !important;
}

.site-theme-header-menu-item a,
.site-theme-header-menu-item a span {
    color: var(--colorWhite) !important;
    background-color: inherit;
    text-decoration: none !important;    
}
    .site-theme-header-menu-item a:hover,
    .site-theme-header-menu-item a:hover span {
        color: var(--colorOrange) !important;
        text-decoration: underline !important;
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-thickness: 2px !important;
}


@media (max-width: 899px) {
    .site-theme-header-menu-item a,
    .site-theme-header-menu-item a span,
    .site-theme-header-menu-item a .arrow-icon {
        color: var(--colorDarkGrey) !important;
        background-color: inherit;
    }

    .view-cart .icon-availability_cart {
        font-size: 1.5rem;     
    }
    .view-cart span.items-in-cart:not(:empty) {
        position: relative !important;
        top: 0 !important;
        font-size: 1.25rem !important;
        margin-left: 3px;
        height: 1.25rem !important;
        width: auto !important;
        line-height: 1.25rem !important;
        border-radius: 0 !important;
    }
}    
@media (min-width: 900px) {
    .site-theme-header-menu-item.view-cart-wrap {
        margin-right: 1rem !important;
    }
    .view-cart .icon-availability_cart {
        font-size: 0.875rem !important;
    }
    .view-cart span.items-in-cart:not(:empty) {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        margin-left: 3px;
        font-size: 0.875rem !important;
        height: 0.875rem !important;
        width: auto !important;
        line-height: 0.875rem !important;
        border-radius: 0 !important;
    }
}

.site-theme-header-menu-item a.view-cart:hover span,
.site-theme-header-menu-item a.view-cart:hover i {
    color: var(--colorOrange) !important;
} 
    .site-theme-header-menu-item a.view-cart:hover span:not(.items-in-cart) {
        text-decoration: underline !important;
    }
    .site-theme-header-menu-item a.view-cart:hover i {
        text-decoration: none !important;
    }
    .site-theme-header-menu-item a.institution:hover i[class*=icon], 
    .site-theme-header-menu-item a.signin:hover i[class*=icon] {
        color: var(--colorOrange) !important; 
    }

.dropdown-panel .dropdown-menu a, 
.dropdown-panel .widget-LoginForm a {
    color: var(--colorDarkGrey) !important;
}
    .dropdown-panel .dropdown-menu a:hover, 
    .dropdown-panel .widget-LoginForm a:hover {
        color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
    }

.dropdown-panel .dropdown-menu .dropdown-institution-item {
    margin-bottom: 0;
}

.navbar-search-advanced a:visited {
    color: var(--colorWhite) !important;
}
.navbar-search-advanced a:hover {
    color: var(--colorOrange) !important;
}



/* LOGIN Button in main menu */
.dropdown-panel .external-login-provider h3+a:not(.toggle-left-col__close) {
    color: var(--colorBlack) !important;
    transition: none !important;
}
    .dropdown-panel .external-login-provider h3+a:not(.toggle-left-col__close)::before {
        content: "" !important;
        margin-right: 0 !important;
    }
    .dropdown-panel .external-login-provider h3+a:not(.toggle-left-col__close):hover {
        color: var(--colorBlack) !important;
        text-decoration: none !important;
        transition: none !important;
    }



/* ******************************************** */
/* Search                                       */
/* ******************************************** */
@media (min-width: 900px) {    
    .pg_SearchResults #InfoColumn .info-inner-wrap input[type=text] {
        width: 90% !important;
        max-width: 260px !important;
    }    
    .pg_SearchResults  .page-column--center .item-container .item-media+.item-info {
        width: calc(100% - 136px) !important;
    }    
    .pg_SearchResults  .page-column--center .item-container .item-media {
        width: calc(136px - 1rem) !important;
    }

    /* Hide the sidebar in the searchresults */
    .pg_SearchResults #Sidebar,
    .pg_SearchResults #Sidebar .sidebar-widget_wrap {
        display: none !important;
    }
}


.pg_SearchResults .info-inner-wrap input[type=text] {
    border: 1px solid var(--colorDarkGrey) !important;
    margin: .25rem 0 .25rem 0;
    height: 40px !important;
}

.pg_SearchResults .page-column--center .al-authors-list a {
    color: var(--colorDarkGrey) !important;
    text-decoration-color: var(--colorDarkGrey) !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
}
    .pg_SearchResults .page-column--center .al-authors-list a:hover {
        color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
    }


.pg_SearchResults .page-column--center .item-container .sri-title h4:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 1rem;
    content: "\f054" !important;
    color: var(--colorOrange) !important;
    padding-right: 5px;
    display: table-cell;
}    
.pg_SearchResults .page-column--center .item-container .sri-title h4 a {
    font-size: 22px !important;
    font-size: 1.375rem !important;
    line-height: 2rem !important;
    display: table-cell !important;
}
    .pg_SearchResults .page-column--center .item-container .sri-title h4 a:before {
        content: "";            
        margin-right: 0;
        padding-right: 0;
        display: inline;
    }
    .pg_SearchResults .page-column--center .item-container .sri-title h4 a:hover .search-highlight {
        color: var(--colorOrange) !important;
    }

.pg_SearchResults .page-column--center .item-container .sri-title i {
    display: none !important;
}
.pg_SearchResults .page-column--center .new-results .sr-list {
    border-top: solid 1px var(--colorMediumGrey) !important;
    padding: 1rem 0 !important;
}

.pg_SearchResults .page-column--center .item-container .item-info .sf-facet-display, 
.sf-facet-display a {
    font-size: 16px !important;
    font-size: 1rem !important;    
}
    .sf-facet-display a {
        text-decoration: underline !important;
        text-decoration-color: var(--colorDarkGrey) !important;
        -moz-text-decoration-color: var(--colorDarkGrey) !important;
    }
        .sf-facet-display a:hover {
            text-decoration-color: var(--colorOrange) !important;
            -moz-text-decoration-color: var(--colorOrange) !important;
        }

/* show more link in left column */        
.sf-facet-list>li:not(.sf-facet) {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important;
}
    .sf-facet-list>li:not(.sf-facet) a {
        text-decoration: underline !important;
        text-decoration-color: var(--colorDarkGrey) !important;
        -moz-text-decoration-color: var(--colorDarkGrey) !important ;
    }
    .sf-facet-list>li:not(.sf-facet) a:hover {
        color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
}


/* display count inline with title */
.sf-facet-list .sf-facet .checkbox-label {
    display: inline !important;
}



.pg_SearchResults .page-column--center .item-container .item-info>div .citation-label a:hover {
    text-decoration-color: var(--colorOrange) !important;
    -moz-text-decoration-color: var(--colorOrange) !important;
}

.pg_SearchResults .page-column--center .item-container .item-info>div, 
.pg_SearchResults .page-column--center .item-container .item-info>div a,
.pg_SearchResults .page-column--center .item-container .item-info>div .citation-label a,
.pg_SearchResults .page-column--center .item-container .item-info>div a span, 
.pg_SearchResults .page-column--center .item-container .item-info>div a i {
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    color: var(--colorDarkGrey);
}
    .pg_SearchResults .page-column--center .item-container .item-info>div a,
    .pg_SearchResults .page-column--center .item-container .item-info>div .citation-label a {
        text-decoration: underline !important;
        text-decoration-color: var(--colorDarkGrey);
        -moz-text-decoration-color: var(--colorDarkGrey);
        text-decoration-style: solid;
        -moz-text-decoration-style: solid;
        text-decoration-thickness: 1px;
    }
    
    .pg_SearchResults .page-column--center .item-container .item-info>div a:hover, 
    .pg_SearchResults .page-column--center .item-container .item-info>div .citation-label a:hover, 
    .pg_SearchResults .page-column--center .item-container .item-info>div a:hover span, 
    .pg_SearchResults .page-column--center .item-container .item-info>div a:hover i {
        color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange);
        -moz-text-decoration-color: var(--colorOrange);
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-thickness: 2px !important;
    }




/* ************************ */
/* NEW ICONS                */
/* ************************ */
i[class*="icon-"].icon-social-x-twitter,
em[class*="icon-"].icon-social-x-twitter {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 900;    
}
    i[class*="icon-"].icon-social-x-twitter::before,    
    em[class*="icon-"].icon-social-x-twitter::before {
        content: "\e61b";
    }


/* ************************ */
/* BADGE BAR                */    
/* ************************ */
body:not(.pg_SearchResults) .badge-bar .resource-links-info div.item, 
body:not(.pg_SearchResults) .item-container .item-info .badge-bar .resource-links-info div.item {
    background-color: var(--colorLightGrey);
    color: var(--colorBlack) !important;
    padding: .75rem .5rem !important;
    border: none;
}
    body:not(.pg_SearchResults) .badge-bar .item {
        margin-left: 0 !important;
        margin-right: .75rem !important;
    }

    body:not(.pg_SearchResults) .badge-bar .resource-links-info div.item a,
    body:not(.pg_SearchResults) .item-container .item-info .badge-bar .resource-links-info div.item a {
        font-size: 16px !important;
        font-size: 1rem !important;
    }
    body:not(.pg_SearchResults) .badge-bar .resource-links-info div.item a.viewArticleLink:before,
    body:not(.pg_SearchResults) .item-container .item-info .badge-bar .resource-links-info div.item a.viewArticleLink:before {
        font-family: 'Karger_Icon_Font' !important;
        content: "\e941" !important;
        font-size: 16px !important;
        font-size: 1rem !important;
        margin-right: 5px;
    }
    body:not(.pg_SearchResults) .badge-bar .resource-links-info div.item a, 
    body:not(.pg_SearchResults) .badge-bar .resource-links-info div.item a span,
    body:not(.pg_SearchResults) .item-container .item-info .badge-bar .resource-links-info div.item a, 
    body:not(.pg_SearchResults) .item-container .item-info .badge-bar .resource-links-info div.item a span {
        font-size: 16px !important;
        font-size: 1rem !important;
    }

.badge-bar i[class*=icon-]:before {
    font-size: 16px !important;
    font-size: 1rem !important;
}

.bookAndChapterInfo>div,
.item-container .item-info>div span:not(.search-highlight):not(.foreign-phrase) {
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

.querybuilder-wrap .querybuilder-button-wrap .button.querybuilder-add {
    background-color: var(--colorWhite) !important;
}

.sr-header_wrap .sr-facet {
    background-color: var(--colorLightGrey) !important;
    color: var(--colorBlack) !important;
    border: solid 1px var(--colorBlack) !important;
    padding: 0 10px !important;
    font-size: 16px !important;
    font-size: 1rem !important;
    height: 40px;
    line-height: 2.5rem;
    margin: 0 10px 10px 0;
    cursor: pointer;
    align-items: center;
}
    .sr-header_wrap .sr-facet a.close {
        border: none;
    }
        .sr-header_wrap .sr-facet a.close i {
            color: var(--colorBlack) !important;
        }


@media (max-width: 899px) {
    .sr-header .sr-facets {
        margin-top: 1.5rem;
    }
        .sr-header .sr-facets .sr-facet {
            width: auto !important;
            margin: 1rem .5rem 0 0 !important;
        }
}


.additional-resource_wrap, 
.additional-resource_wrap a {
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
    .additional-resource_wrap a {
        text-decoration: underline !important;
    }
        .additional-resource_wrap a:hover {
            color: var(--colorOrange) !important;
        }

.item-container .item-info .sri-date strong {
    font-weight: 400 !important;
}


/* ----------------------------- */
/* !! UMBRELLA neu ab 20230203!! */
/* ----------------------------- */

.pg_index .hero-row {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4rem 0;
}

.pg_index .hero-row .hero-row-content {
    background-color: rgba(250,250,250,0.9);
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 4rem 0;
}
.pg_index .hero-row .homepage-hero-wrap {
    max-width: 750px;
    margin: 0 auto;
}

.pg_index .hero-row .homepage-hero-wrap h1 {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 4rem;
    font-weight: 700;
    margin-top: 0 !important;
}
.pg_index .hero-row .hero-search-container {
    max-width: 750px;
    margin: 0 auto;
}
.pg_index .hero-row .hero-search-container .navbar-search-advanced a {
    color: var(--colorDarkGrey);
}
.navbar-search .navbar-search-submit {
    background: inherit !important;
}

@media (max-width:899px) {
    .pg_index .hero-row .hero-row-content {
        background-color: rgba(250,250,250,0.9);
        width: 100%;
        margin: 0 auto;
        padding: 2rem;
        box-sizing: border-box;
    }
    
    .pg_index .hero-row .homepage-hero-wrap h1 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 2.625rem;
    }
}


/* ----- */ 


/* ADJUST SC DEFINITIONS FOR Self-Serve-Pages to reach 100% width */
.pg_selfservepage #main #Sidebar {
    display: none !important;
}

[data-sitestyletemplate="Home"] .content-main_content,
.pg_selfservepage .content-main_content {
    margin: 0 auto !important;
    padding: 0;
    width: 100% !important;
    max-width: 100% !important;
}

[data-sitestyletemplate="Home"] .content-main_content .full-width-content,
.pg_selfservepage .content-main_content .full-width-content,
.pg_selfservepage .content-main_content .ss-content {
    width: 100% !important;
    margin-right: 0 !important;
}
    @media (min-width: 900px) {
        [data-sitestyletemplate="Home"] .content-main_content .full-width-content,
        .pg_selfservepage .content-main_content .full-width-content,
        .pg_selfservepage .content-main_content .ss-content {
            width: 100% !important;
            margin-right: 0 !important;
        }   
    }


/* and page content should be white */
.pg_selfservepage #page_content {
    background-color: var(--colorWhite);
    z-index: 3;
}

@media (max-width: 899px) {
    .widget-SelfServeContent {
        padding: 0 !important;
    }
}



/* ******************************************** */
/* (MOBILE) NAVIGATION                          */
/* ******************************************** */

/* burger menu instead of arrow  */
.global-nav .js-dropdown-trigger.global-nav-trigger .icon-general_arrow-down:before {
    content: "\e9a3" !important;
}


.global-nav .global-nav-dropdown>ul.site-menu>li>a,
.journal-header .site-menu .nav-link {
    font-size: 16px !important;
    font-size: 1rem !important;
}
    .journal-header .site-menu .nav-link:hover i,
    .journal-header .site-menu .nav-link:focus i,
    .journal-header .site-menu .nav-link.active i {
        color: var(--colorOrange) !important;
    }

a.nav-link.js-theme-dropdown-trigger.active {
    color: var(--colorOrange) !important;
}
.journal-header .site-menu.site-menu-lvl-1 {
    padding: 0 !important;
}
.journal-header .site-menu.site-menu-lvl-1 .site-menu-item.site-menu-lvl-1>.nav-link {
    font-size: 16px !important;
    font-size: 1rem !important;
    padding: .5rem .75rem !important;
}


@media (max-width: 899px) {
    .journal-header .journal-header_content .navbar-menu_wrap .navbar-menu {
        width: 60vw !important;
        box-shadow: 0 5px 5px var(--colorDarkGrey) !important;
        top: 3rem !important;
    }
    .journal-header .journal-header_content .navbar-menu_wrap .navbar-menu .site-menu.site-menu-lvl-0 {
        width: inherit !important;
    }

    .journal-header .site-menu.site-menu-lvl-0,
    .journal-header .site-menu.site-menu-lvl-1 {
        padding: 0;
    }
    .journal-header .site-menu.site-menu-lvl-0 .site-menu-item {
        border-top: solid 1px var(--colorWhite);
        border-bottom: solid 1px var(--colorWhite);
    }

    .journal-header .journal-header_content .navbar-menu_wrap .navbar-menu .site-menu.site-menu-lvl-0>.site-menu-item .nav-link {
        background-color: var(--colorLightGrey);
        text-transform: uppercase;
        font-size: 14px !important;
        font-size: 0.875rem !important;
        font-weight: 700;        
        border-left: solid 3px transparent;
        padding: 10px 10px 10px 15px !important;
    }
        .journal-header .journal-header_content .navbar-menu_wrap .navbar-menu .site-menu.site-menu-lvl-0>.site-menu-item .nav-link.active {
            background-color: white !important;
            border-left: solid 3px orange;
        }
        .journal-header .journal-header_content .navbar-menu_wrap .navbar-menu .site-menu.site-menu-lvl-0>.site-menu-item .nav-link.active .icon-general_arrow-down:before {
            content: "\e9a6";
        }
        .journal-header .journal-header_content .navbar-menu_wrap .navbar-menu .site-menu.site-menu-lvl-0>.site-menu-item .nav-link:last-child {
            border-bottom: none;
        }

    .journal-header .site-menu.site-menu-lvl-1.expanded .site-menu-item.site-menu-lvl-1>.nav-link {
        background-color: var(--colorWhite) !important;
        text-transform: capitalize !important; 
        font-size: 16px !important;
        font-size: 1rem !important;
        font-weight: 700;
    }    
}
@media (max-width: 599px) {
    .journal-header .journal-header_content .navbar-menu_wrap .navbar-menu {
        width: 80vw !important;
    }
}


/* ******************** */
/* SITE FOOTER          */
/* ******************** */
.footer-nav .column:first-child {
    padding: 0 1rem 0 0;
}

.site-theme-footer,
.site-theme-footer a,
.site-theme-footer .theme-footer,
.site-theme-footer .theme-footer a {
    color: var(--colorWhite) !important;
    background-color: var(--colorDarkGrey);
}

.site-theme-footer .theme-footer .contact-info-wrap li.list-lvl-0 a, 
.site-theme-footer .theme-footer .footer-links-group li.list-lvl-0 a {
    text-decoration-color: var(--colorDarkGrey);
    -moz-text-decoration-color: var(--colorDarkGrey);
}

    .site-theme-footer a:focus,
    .site-theme-footer a:hover,
    .site-theme-footer .theme-footer .contact-info-wrap li.list-lvl-0 a:hover, 
    .site-theme-footer .theme-footer .footer-links-group li.list-lvl-0 a:hover {
        color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;;        
        -moz-text-decoration-color: var(--colorOrange) !important;;
}

.site-theme-footer .footer-nav a:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054" !important;
    color: var(--colorOrange) !important;
    margin-right: 0 !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.site-theme-footer h3 {
    color: var(--colorWhite) !important;
    background-color: var(--colorDarkGrey) !important;
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 2.125rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 0 20px 0 !important;
}

.site-theme-footer .theme-footer ul.social-icons-list li {
    margin: 0 10px 0 0 !important;
}
.site-theme-footer .theme-footer ul.social-icons-list li a.social-link {
    border-radius: 50% !important;
    background: var(--colorWhite) !important;
    border: 1px solid var(--colorWhite);
    color: var(--colorDarkGrey) !important;
    transition: none !important;
}
    .site-theme-footer .theme-footer ul.social-icons-list li a.social-link:hover {
        background-color: var(--colorOrange) !important;
        border: 1px solid var(--colorOrange);
        color: var(--colorDarkGrey);
        text-decoration: none;
    }
    .site-theme-footer .theme-footer ul.social-icons-list li a.social-link:focus {
        color: var(--colorDarkGrey);
        text-decoration: none;
    }

.site-theme-footer .theme-footer ul.social-icons-list li a.social-link [class^=icon], 
.site-theme-footer .theme-footer ul.social-icons-list li a.social-link [class^=fab],
.site-theme-footer .theme-footer ul.social-icons-list li a.social-link [class^=fa-brands] {
    font-size: 1.25rem;
}


.site-theme-footer ul.legal-links {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    
}
.site-theme-footer ul.legal-links a {
    text-decoration: none !important;
}
    .site-theme-footer ul.legal-links a:hover {
        color: var(--colorOrange) !important;
        text-decoration: underline !important;
        text-decoration-color: var(--colorOrange);
        -moz-text-decoration-color: var(--colorOrange);
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-thickness: 2px !important;
}
.site-theme-footer ul.legal-links a:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054";
    color: var(--colorOrange);
    margin-right: 3px;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
}


@media (max-width:899px) {
    .site-theme-footer .theme-footer .footer-address,
    .site-theme-footer .theme-footer .footer-contact-info {
        text-align: center !important;
    }    

    .site-theme-footer .theme-footer .col-2.footer-branding {
        float: none !important;
        display: block !important;
        margin-right: 0 !important;
        text-align: center !important;
        padding-bottom: 0;
    }    
        .site-theme-footer .theme-footer .col-2.footer-branding .footer-logo {
            max-width: 100% !important;
            margin: 0 auto !important;
        }
            .site-theme-footer .theme-footer .col-2.footer-branding .footer-logo a > img {
                max-width: 200px !important;
            }

    .site-theme-footer ul.legal-links {
        font-size: 14px !important;
        font-size: 0.875rem !important;
    }
}

@media (max-width:599px) {
    .site-theme-footer .theme-footer ul.social-icons-list {
        flex-wrap: wrap;
    }
}




/* ******************************************** */
/* FORMS                                        */
/* ******************************************** */
input::placeholder,
input:-ms-input-placeholder,
input::-ms-input-placeholder,
input::-webkit-input-placeholder {
    color: var(--colorMediumGrey) !important;
    font-size: 1rem !important;
    opacity: 1;
}

.inputNeeded::placeholder,
.inputNeeded:-ms-input-placeholder,
.inputNeeded::-ms-input-placeholder,
.inputNeeded::-webkit-input-placeholder {
    color: var(--colorRed);
    opacity: 0.6;
}

.inputNeeded {
    border-color: var(--colorRed);
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    color: var(--colorDarkGrey) !important;
    border: solid 1px var(--colorDarkGrey);
}

select {
    color: var(--colorDarkGrey);
    font-size: 16px !important;
    font-size: 1rem !important;    
    border-radius: 0 !important;
    height: 40px;
}

form.kargerform {
    margin: 2rem 0;
}
form.kargerform input[type=color], 
form.kargerform input[type=date], 
form.kargerform input[type=datetime-local], 
form.kargerform input[type=datetime], 
form.kargerform input[type=email], 
form.kargerform input[type=month], 
form.kargerform input[type=number], 
form.kargerform input[type=password], 
form.kargerform input[type=search], 
form.kargerform input[type=tel], 
form.kargerform input[type=text], 
form.kargerform input[type=time], 
form.kargerform input[type=url], 
form.kargerform input[type=week], 
form.kargerform textarea,
form.kargerform select {
    margin: 0 !important;
    border: solid 1px var(--colorDarkGrey);
}
form.kargerform input,
form.kargerform textarea {
    max-width: 400px;
}
form.kargerform textarea {
    height: 120px;
}
form.kargerform select {
    width: 100%;
    max-width: 400px;
    margin-bottom: 1.375rem !important;
}
form.kargerform label {
    display: block;
}

form.kargerform .formfields_customer-group label,
form.kargerform .formfields_checkbox-group label {
    display: inline-block !important;
} 
    form.kargerform .formfields_checkbox-group label {
        margin-left: 10px;
    }


form.kargerform .radiobuttonlist {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

    @media (max-width: 899px) {
        form.kargerform .radiobuttonlist {
            display: block;
        }
    }

form.kargerform p.error,
form.kargerform span.error,
form.kargerform div.error {
    padding: 2px;
    color: var(--colorRed);
    display: block;
} 
form.kargerform #missingfields,
form.kargerform .missingfields {
    background-color: var(--colorRed25);
    color: var(--colorBlack);
    padding: 5px 5px 5px 10px;
    display: block;
    box-sizing: border-box;
    max-width: 400px;
}

form.kargerform input.error,
form.kargerform textarea.error,
form.kargerform select.error,
form.kargerform input:user-invalid,
form.kargerform select:user-invalid,
form.kargerform textarea:user-invalid {
    border: solid 1px var(--colorRed) !important;
}

form.kargerform input+.error-message,
form.kargerform select+.error-message,
form.kargerform textarea+.error-message {
    display: none;
}
    form.kargerform input:user-invalid+.error-message,
    form.kargerform select:user-invalid+.error-message,
    form.kargerform textarea:user-invalid+.error-message {
        display: block;
    }

form.kargerform input[type="submit"] {
    margin-top: 2rem;
}
form.kargerform .btn[disabled] {
    cursor: not-allowed !important;
}


/* ******************************************** */
/* LINKS                                        */
/* ******************************************** */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: underline !important;
    text-decoration-color: var(--colorDarkGrey) !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;    
}
    h1 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover,
    h5 a:hover,
    h6 a:hover {
        text-decoration-color: var(--colorOrange) !important;
        color: var(--colorOrange) !important;
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-thickness: 2px !important;
    }

a.blocklink {
    padding-left: 15px;
    display: inline-block;
}
    a.blocklink:before {
        display: inline-block;
        width: 15px;
        margin-left: -15px;
        margin-right: 0 !important;
    }

/* useful for a line of text directly following a blocklink (e.g. date line for media releases) */
.link-subline {
    margin-left: 14px;
}
/* useful to hide text-decoration from extra text in blocklinks (e.g. (PDF) info on blocklinks for media releases) */
.no-underline {
    display: inline-block;
    text-decoration: none !important;
}


a.NoArrow:before,
a[rel=tag]:before,
a[rel=tooltip]:before {
    content: "" !important;
    display: none !important;
}

a.WithArrow:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: inherit;
    content: "\f054" !important;
    color: var(--colorOrange) !important;
    width: auto !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-right: 3px;
}

a.underline {
    text-decoration: underline !important;
    text-decoration-color: var(--colorDarkGrey) !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-style: solid;
    -moz-text-decoration-style: solid;
    text-decoration-thickness: 1px;
}
    a.underline:hover {
        text-decoration-color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-style: dotted;
        -moz-text-decoration-style: dotted;
        text-decoration-thickness: 2px;
}

a:visited,
p a:visited {
    color: inherit;
}
.pg_searchresults .sr-list a:visited,
.pg_searchresults .sr-list p a:visited {
    color: var(--colorPurple);
}
    .pg_searchresults .sr-list a:visited:hover,
    .pg_searchresults .sr-list p a:visited:hover {
        color: var(--colorOrange);
    }


/* ******************************************** */
/* BUTTONS                                      */
/* ******************************************** */
.button,
.btn,
.btn.btn-passiv,
.button:hover,
.btn:hover, 
.btn.btn-passiv:hover {
    text-transform: uppercase !important;
    transition: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    color: var(--colorBlack) !important;
}

.btn::before,
.btn-passiv::before {
    content: "" !important;
    display: none !important;    
}


.btn {
    background-color: var(--colorOrange);
    color: var(--colorBlack) !important;
}

.btn.btn-passiv,
.btn-success.btn-passiv {
    background-color: var(--colorWhite);
    border: solid 1px var(--colorOrange);
    color: var(--colorBlack) !important;
    height: 40px;
    line-height: 40px;
    padding: 0;
}
    .btn.btn-passiv:hover,
    .btn-success.btn-passiv:hover,
    .btn.btn-passiv:focus,
    .btn-success.btn-passiv:focus {
        color: var(--colorBlack) !important;
        border: solid 1px var(--colorDarkGrey);
        background-color: var(--colorWhite);        
    }
    
.btn.btn-withicon i,
.cc_btn.btn-withicon i,
input[type=submit].btn-withicon i,
input[type=submit].btn.btn-withicon i,
.btn-small.btn-withicon i,
.btn.btn-withicon em,
.cc_btn.btn-withicon em,
input[type=submit].btn-withicon em,
input[type=submit].btn.btn-withicon em,
.btn-small.btn-withicon em,
.btn.btn-withicon span,
.cc_btn.btn-withicon span,
input[type=submit].btn-withicon span,
input[type=submit].btn.btn-withicon span,
.btn-small.btn-withicon span {
    display: inline-block !important;
    margin-right: 5px;
}
.btn.btn-withicon:hover i,
.cc_btn.btn-withicon:hover i,
input[type=submit].btn-withicon:hover i,
input[type=submit].btn.btn-withicon:hover i,
.btn-small.btn-withicon:hover i,
.btn.btn-withicon:hover em,
.cc_btn.btn-withicon:hover em,
input[type=submit].btn-withicon:hover em,
input[type=submit].btn.btn-withicon:hover em,
.btn-small.btn-withicon:hover em,
.btn.btn-withicon:hover span,
.cc_btn.btn-withicon:hover span,
input[type=submit].btn-withicon:hover span,
input[type=submit].btn.btn-withicon:hover span,
.btn-small.btn-withicon:hover span {
    color: inherit;
}

.btn[disabled],
.btn-passiv[disabled],
.btn[disabled]:hover,
.btn-passiv[disabled]:hover {
    background-color: var(--colorLightGrey) !important;
    border: solid 1px var(--colorDarkGrey) !important;
}

.colored-blue .btn[disabled],
.colored-blue .btn-passiv[disabled],
.colored-blue .btn[disabled]:hover,
.colored-blue .btn-passiv[disabled]:hover,
.colored-yellow .btn[disabled],
.colored-yellow .btn-passiv[disabled],
.colored-yellow .btn[disabled]:hover,
.colored-yellow .btn-passiv[disabled]:hover {
    background-color: var(--colorWhite) !important;
    border: solid 1px var(--colorDarkGrey) !important;
}


a.btn.alphabet, a.btn.alphabet:not(.btn-passiv) {
    font-size: 16px;
    font-size: 1rem;
    padding: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
    vertical-align: middle;
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
    text-align: center;
    margin: 0 5px 5px 0 !important;
    border: 1px solid var(--colorDarkGrey) !important;
    background-color: var(--colorLightGrey) !important;
    position: initial;
}
a.btn.alphabet.active, a.btn.alphabet:not(.btn-passiv).active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: var(--colorWhite) !important;
    border-bottom: solid 3px var(--colorOrange);
    padding-bottom: 3px;
}
a.btn.alphabet:hover, a.btn.alphabet:not(.btn-passiv):hover {
    background-color: var(--colorDarkGrey) !important;
    color: var(--colorOrange);
    border-color: var(--colorDarkGrey) !important;
}



/* Fixing Accessibility issue reported for SC SignIn buttons (SCS-85290) */
.subscription-needed .btn.modal-sign_in-btn {
    text-decoration: underline !important;
    text-decoration-style: solid !important;
    -moz-text-decoration-style: solid !important;
    text-decoration-color: var(--colorOrange) !important;
    -moz-text-decoration-color: var(--colorOrange) !important;
    text-decoration-thickness: 1px;
    color: var(--colorBlack) !important;    
}
    .subscription-needed .btn.modal-sign_in-btn:hover {
        text-decoration: underline !important;
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-color: var(--colorDarkGrey) !important;
        -moz-text-decoration-color: var(--colorDarkGrey) !important;
        text-decoration-thickness: 2px !important;
        color: var(--colorBlack) !important;
}
.subscription-needed a.modal-register-link {
    color: var(--colorBlack) !important;
    text-decoration: underline !important;
    text-decoration-style: solid !important;
    -moz-text-decoration-style: solid !important;
    text-decoration-thickness: 1px !important;
}
    .subscription-needed a.modal-register-link:hover {
        color: var(--colorOrange) !important;
        text-decoration: underline !important;
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-thickness: 2px !important;
}



/* ******************************************* */
/* NAV TABS                                    */
/* ******************************************* */
#hero_container ul.nav-tabs,
#page_content ul.nav-tabs {
    margin: 12px 0 20px 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    flex-direction: row;
    border: none;
    border-bottom: 0px solid var(--colorDarkGrey);
    list-style-type: none;
 }
    #hero_container ul.nav-tabs {
        margin: 20px 0 0 0 !important;
    }

 #hero_container ul.nav-tabs li,
 #page_content ul.nav-tabs li {
    border-radius: 0;
    background-color: var(--colorLightGrey);
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: 700;
    border-bottom: solid 1px var(--colorDarkGrey);
    margin: 0;
    padding: 8px 12px;
}
    #hero_container ul.nav-tabs li:not(.active):hover, 
    #page_content ul.nav-tabs li:not(.active):hover {
        background-color: var(--colorDarkGrey);
        color: var(--colorOrange);
        border: none;
        border-bottom: solid 1px var(--colorDarkGrey) !important;
    }
    #hero_container ul.nav-tabs li:not(.active):hover a, 
    #page_content ul.nav-tabs li:not(.active):hover a {
        background-color: var(--colorDarkGrey);
        border-color: var(--colorDarkGrey);
        color: var(--colorOrange);
    }

#hero_container ul.nav-tabs li a, 
#page_content ul.nav-tabs li a {
    border-radius: 0;
    line-height: 20px !important;
    margin-right: 2px;
    text-decoration: none !important;
    text-transform: uppercase;
    color: var(--colorDarkGrey);
    padding: 0 !important;
}
#hero_container ul.nav-tabs li a:hover, 
#page_content ul.nav-tabs li a:hover {
    color: var(--colorOrange);
}
#hero_container ul.nav-tabs li a:focus, 
#page_content ul.nav-tabs li a:focus {
    color: var(--colorDarkGrey);
}
#hero_container ul.nav-tabs li a::before, 
#page_content ul.nav-tabs li a::before {
    content: '';
    margin: 0px;
}
  
#hero_container ul.nav-tabs li:hover a:focus,
#hero_container ul.nav-tabs li:hover a:active,
#page_content ul.nav-tabs li:hover a:focus,
#page_content ul.nav-tabs li:hover a:active {
    color: var(--colorOrange) !important;
}
#hero_container ul.nav-tabs li:hover ul.dropdown-menu li a,
#page_content ul.nav-tabs li:hover ul.dropdown-menu li a {
    background: none;
    background-color: var(--colorLightGrey) !important;
    color: var(--colorBlack) !important;
}
#hero_container ul.nav-tabs li:hover ul.dropdown-menu li a:hover,
#hero_container ul.nav-tabs li:hover ul.dropdown-menu li a:focus,
#page_content ul.nav-tabs li:hover ul.dropdown-menu li a:hover,
#page_content ul.nav-tabs li:hover ul.dropdown-menu li a:focus {
    background: none;
    background-color: var(--colorLightGrey) !important;
    color: var(--colorOrange) !important;
}
#hero_container ul.nav-tabs li:hover ul.dropdown-menu li:hover,
#hero_container ul.nav-tabs li:hover ul.dropdown-menu li:focus,
#page_content ul.nav-tabs li:hover ul.dropdown-menu li:hover,
#page_content ul.nav-tabs li:hover ul.dropdown-menu li:focus {
    background: none;
    background-color: var(--colorLightGrey) !important;
    color: var(--colorOrange);
}
#hero_container ul.nav-tabs li:hover ul.dropdown-menu li:last-child,
#page_content ul.nav-tabs li:hover ul.dropdown-menu li:last-child {
    border-bottom: none !important;
}
#hero_container ul.nav-tabs li.active,
#hero_container ul.nav-tabs li.open,
#page_content ul.nav-tabs li.active,
#page_content ul.nav-tabs li.open {
    background-color: var(--colorWhite) !important;
    border-bottom: 3px solid var(--colorOrange) !important;
}
  
#hero_container ul.nav-tabs li.active a,
#hero_container ul.nav-tabs li.open a,
#hero_container ul.nav-tabs li.active a.dropdown-toggle,
#hero_container ul.nav-tabs li.open a.dropdown-toggle,
#page_content ul.nav-tabs li.active a,
#page_content ul.nav-tabs li.open a,
#page_content ul.nav-tabs li.active a.dropdown-toggle,
#page_content ul.nav-tabs li.open a.dropdown-toggle {
    padding-top: 8px;
    border: none;
    color: var(--colorBlack);
    background-color: var(--colorWhite) !important;
}
#hero_container ul.nav-tabs li.active a:hover,
#hero_container ul.nav-tabs li.open a:hover,
#hero_container ul.nav-tabs li.active a.dropdown-toggle:hover,
#hero_container ul.nav-tabs li.open a.dropdown-toggle:hover,
#page_content ul.nav-tabs li.active a:hover,
#page_content ul.nav-tabs li.open a:hover,
#page_content ul.nav-tabs li.active a.dropdown-toggle:hover,
#page_content ul.nav-tabs li.open a.dropdown-toggle:hover {
    border: none;
    color: var(--colorBlack) !important;
}
#hero_container ul.nav-tabs li.active a:focus,
#hero_container ul.nav-tabs li.open a:focus,
#hero_container ul.nav-tabs li.active a.dropdown-toggle:focus,
#hero_container ul.nav-tabs li.open a.dropdown-toggle:focus,
#page_content ul.nav-tabs li.active a:focus,
#page_content ul.nav-tabs li.open a:focus,
#page_content ul.nav-tabs li.active a.dropdown-toggle:focus,
#page_content ul.nav-tabs li.open a.dropdown-toggle:focus {
    border: none;
    color: var(--colorBlack);
}
#hero_container ul.nav-tabs li.active:hover,
#hero_container ul.nav-tabs li.open:hover,
#hero_container ul.nav-tabs li.active:focus,
#hero_container ul.nav-tabs li.open:focus,
#page_content ul.nav-tabs li.active:hover,
#page_content ul.nav-tabs li.open:hover,
#page_content ul.nav-tabs li.active:focus,
#page_content ul.nav-tabs li.open:focus {
    background-color: var(--colorWhite);
    color: var(--colorBlack);
}
#hero_container ul.nav-tabs li.active:hover a,
#hero_container ul.nav-tabs li.open:hover a,
#hero_container ul.nav-tabs li.active:focus a,
#hero_container ul.nav-tabs li.open:focus a,
#page_content ul.nav-tabs li.active:hover a,
#page_content ul.nav-tabs li.open:hover a,
#page_content ul.nav-tabs li.active:focus a,
#page_content ul.nav-tabs li.open:focus a {
    background-color: var(--colorWhite);
    border-color: var(--colorDarkGrey);
    color: var(--colorBlack);
}
#hero_container ul.nav-tabs li.active:hover a:hover,
#hero_container ul.nav-tabs li.open:hover a:hover,
#hero_container ul.nav-tabs li.active:focus a:hover,
#hero_container ul.nav-tabs li.open:focus a:hover,
#hero_container ul.nav-tabs li.active:hover a:focus,
#hero_container ul.nav-tabs li.open:hover a:focus,
#hero_container ul.nav-tabs li.active:focus a:focus,
#hero_container ul.nav-tabs li.open:focus a:focus,
#page_content ul.nav-tabs li.active:hover a:hover,
#page_content ul.nav-tabs li.open:hover a:hover,
#page_content ul.nav-tabs li.active:focus a:hover,
#page_content ul.nav-tabs li.open:focus a:hover,
#page_content ul.nav-tabs li.active:hover a:focus,
#page_content ul.nav-tabs li.open:hover a:focus,
#page_content ul.nav-tabs li.active:focus a:focus,
#page_content ul.nav-tabs li.open:focus a:focus {
    border: none;
    color: var(--colorBlack);
}
#hero_container ul.nav-tabs li.dropdown .caret,
#page_content ul.nav-tabs li.dropdown .caret {
    margin-left: 7px;
    border-top-color: var(--colorDarkGrey);
    border-bottom-color: var(--colorDarkGrey);
}
#hero_container ul.nav-tabs li.dropdown.open.active .caret,
#page_content ul.nav-tabs li.dropdown.open.active .caret {
    border-top-color: var(--colorOrange);
    border-bottom-color: var(--colorOrange);
}
#hero_container ul.nav-tabs li ul.dropdown-menu
#page_content ul.nav-tabs li ul.dropdown-menu {
    padding: 0;
    margin: 0;    
    border-radius: 0;
}
#hero_container ul.nav-tabs li ul.dropdown-menu li,
#page_content ul.nav-tabs li ul.dropdown-menu li {
    height: 34px;
    line-height: 34px;
}
#hero_container ul.nav-tabs li ul.dropdown-menu li:hover,
#page_content ul.nav-tabs li ul.dropdown-menu li:hover {
    background: none;
}
#hero_container ul.nav-tabs li ul.dropdown-menu li > a,
#page_content ul.nav-tabs li ul.dropdown-menu li > a {
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 15px;
}
#hero_container ul.nav-tabs li ul.dropdown-menu li > a:focus,
#page_content ul.nav-tabs li ul.dropdown-menu li > a:focus {
    background-color: var(--colorWhite);
}


/* tabs with thin hairline below container */
#page_content ul.nav-tabs.nav-tabs-border {
    box-shadow: 0 1px 0 var(--colorDarkGrey);
}
    #page_content ul.nav-tabs.nav-tabs-border li {
        border-bottom: none;
    }


/* tabs below hero block */ 
#hero_container .tab-bar {
    margin-left: -20px !important;
}

/* nav tab content */
.tab-content >.tab-pane {
    display:none;
}
.tab-content > .active {
    display:block
}




/* ******************************************** */
/* CHECKBOX SWITCH                              */
/* ******************************************** */
.newSwitch {
    display: block;
    position: relative;
    margin: 0 0 16px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .newSwitch input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 20px;
    opacity: 0;
    z-index: 0;
  }
  .newSwitch label {
    display: block;
    padding: 0 0 0 55px;
    cursor: pointer;
  }
  .newSwitch label:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 2px;
    width: 36px;
    height: 16px;
    background-color: rgba(51, 51, 51, 0.1);
    border: solid 1px var(--colorMediumGrey);
    border-radius: 5px;
    z-index: 1;
    transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .newSwitch label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: var(--colorWhite);
    border: solid 1px var(--colorMediumGrey);
    border-radius: 14px;
    box-shadow: 3px 1px 3px 0 rgba(60, 60, 60, 0.3);
    z-index: 2;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: left, background-color;
  }
  .newSwitch input[type="checkbox"]:checked + label:before {
    background-color: rgba(51, 51, 51, 0.5);
    border: solid 1px var(--colorMediumGrey);
  }
  .newSwitch input[type="checkbox"]:checked + label:after {
    left: 22px;
    background-color: var(--colorDarkGrey);
    border: solid 1px var(--colorDarkGrey);
    box-shadow: -3px 1px 2px 0 rgba(30, 30, 30, 0.3);
  }



/* ******************************************** */
/* ICON FONT                                    */
/* ******************************************** */
[class^="icon-"], [class*=" icon-"] {
    font-family: 'Open Sans', Verdana, Arial, sans-serif !important;
    font-size: inherit;
}

i[class^="icon-"],
i[class*=" icon-"],
em[class^="icon-"],
em[class*=" icon-"],
span[class^="icon-"],
span[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Karger_Icon_Font' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--colorDarkGrey);
}
a[class^="icon-"],
a[class*=" icon-"] {
    font-family: 'Open Sans', Verdana, Arial, sans-serif !important;
    text-decoration: underline;
}
a[class^="icon-"]::before,
a[class*=" icon-"]::before {
    font-family: 'Karger_Icon_Font' !important;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    color: var(--colorDarkGrey);
}
a[class^="icon-"]:hover,
a[class*=" icon-"]:hover {
    color: var(--colorOrange);
}
a[class^="icon-"]:hover::before,
a[class*=" icon-"]:hover::before {
    color: var(--colorOrange);
}
a[class^="icon-"]:hover i [class^="icon-"],
a[class*=" icon-"]:hover i [class^="icon-"],
a[class^="icon-"]:hover i[class*=" icon-"],
a[class*=" icon-"]:hover i[class*=" icon-"],
a[class^="icon-"]:hover em [class^="icon-"],
a[class*=" icon-"]:hover em [class^="icon-"],
a[class^="icon-"]:hover em[class*=" icon-"],
a[class*=" icon-"]:hover em[class*=" icon-"] {
    color: var(--colorOrange);
}
a[class^="icon-"].no-textdeco,
a[class*=" icon-"].no-textdeco {
    text-decoration: none !important;
}
a.iconIncluded::before {
    font-family: 'Open Sans', Verdana, Arial, sans-serif;
    content: "";
}


a.EMail:before,
a.Phone:before,
a.Mobile:before,
a.Fax:before,
a.Url:before,
a.Career:before,
a.AuthorAffiliations:before,
a.CorrespondingAuthor:before,
a.Download:before,
.toolbar-item .item-download .icon-menu_download:before,
a.Collection:before,
a.Android:before,
a.Apple:before,
a.LinkedIn:before {
    font-family: "Font Awesome 6 Pro";
    font-size: 16px;
    font-size: 1rem;
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    text-decoration: none;
    color: var(--colorDarkGrey) !important;
    white-space: nowrap;
    width: 16px;
}
a.EMail:hover:before,
a.Phone:hover:before,
a.Mobile:hover:before,
a.Fax:hover:before,
a.Url:hover:before,
a.Career:hover:before,
a.AuthorAffiliations:hover:before,
a.CorrespondingAuthor:hover:before,
a.Download:hover:before,
.toolbar-item .item-download .icon-menu_download:before,
a.Collection:hover:before,
a.Android:hover:before,
a.Apple:hover:before,
a.LinkedIn:hover:before {
    color: var(--colorOrange) !important;
}
a.EMail:before,
.theme-homepage-layout.journal a.EMail:before {
    font-weight: 300 !important;
    content: '\f0e0' !important;
}
a.Phone:before {
    font-weight: 300 !important;
    content: '\f095' !important;
}
a.Mobile:before {
    font-weight: 300 !important;
    content: '\f3cd' !important;
    text-align: center;
}
a.Fax:before {
    font-weight: 300 !important;
    content: '\f02f' !important;
}
a.Url:before {
    font-weight: 300 !important;
    content: '\f0ac' !important;
}
a.Career:before {
    font-weight: 300 !important;
    content: '\f234' !important;
}
a.AuthorAffiliations:before {
    font-weight: 300 !important;
    content: '\f2c2' !important;
}
a.CorrespondingAuthor:before {
    font-weight: 300 !important;
    content: '\f0e0' !important;
}
a.Download:before,
.toolbar-item .item-download .icon-menu_download:before {
    font-weight: 300 !important;
    content: '\f019' !important;
}
a.Collection:before {
    font-weight: 300 !important;
    content: '\f056' !important;
}
a.Collection.collapsed:before {
    font-weight: 300 !important;
    content: '\f055' !important;
}
a.Android:before {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 300 !important;
    content: '\f17b' !important;
}
a.Apple:before {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 300 !important;
    content: '\f179' !important;
}
a.LinkedIn:before {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 300 !important;
    content: '\f08c' !important;
}


/* ******************************************** */
/* HERO                                         */
/* ******************************************** */
#hero_img {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
#hero_img_mobile {
    height: auto;
    width: 100%;
    display: none;
}
#hero_img_mobile img {
    width: 100%;
    max-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
}

#hero_container {
    height: 60vh;
    width: 100%;
    display: flex;
    z-index: 2;
    color: var(--colorBlack);
}
    @media (min-width: 1600px) {
        #hero_container {
            width: 90%;
            margin: 0 5%;
        }
    }    
    @media (min-width: 900px) and (max-width: 1599px) {
        #hero_container {
            width: calc(100% - 80px);
            margin: 0 40px;
        }
    }    
    @media (max-width: 1159px) {
        #hero_container {
            height: auto;
            width: 100%;
            margin: 0;           
            display: block;
        }
        #hero_container #hero_block {
            box-shadow: none !important;
            width: calc(100% - 40px) !important;
        }
    }    
    

    /* Display the right image: mobile or default */
    @media (min-width: 1160px) {
        #hero_img {
            display: block;
        }
        #hero_img_mobile {
            display: none;
        }        
    }    
    @media (max-width: 1159px) {
        #hero_img {
            display: none;
        }
        #hero_img_mobile {
            display: flex;
        }
    }

#hero_container a, 
#hero_container p, 
#hero_container h1, 
#hero_container h2, 
#hero_container h3, 
#hero_container h4, 
#hero_container h5, 
#hero_container h6 {
    color: var(--colorBlack);
}
#hero_container a:hover {
    color: var(--colorOrange);
}
#hero_container a.btn:hover,
#hero_container a.btn-passiv:hover {
    color: var(--colorBlack);
}
#hero_container.hero_withImg {
    z-index: 1;
}
    @media (max-width: 899px) {
        #hero_container.hero_withImg {
            position: static;
        }
    }

#hero_container.hero_withImg #hero_language_switch {
    top: initial;
    bottom: -32px;
}
#hero_container.hero_withImg #hero_block {
    box-shadow: 0 -2px 6px rgba(0,0,0,0.16);
}

#hero_container #hero_block {
    align-self: flex-end;
    position: relative;
    z-index: 3;
    padding: 20px 20px 10px 20px;
    height: auto;
    background-color: rgba(242,242,242,0.85);
    width: 100%;
    margin: 0;
}  
@media (max-width: 899px) {
    #hero_container #hero_block {
        z-index: initial;
    }
}


#hero_container #hero_block #hero_language_switch {
    position: absolute;
    width: auto;
    height: 28px;
    right: 20px;
    padding: 2px 5px;
    background-color: rgba(242,242,242,0.85);
}
#hero_container #hero_block #hero_language_switch .hero_language_option {
    float: right;
    width: auto;
    margin-left: 10px;
}
#hero_container #hero_block #hero_language_switch .hero_language_option:last-child {
    margin-left: 0;
}
#hero_container #hero_block #hero_language_switch .hero_language_option a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 28px;
}
#hero_container #hero_block #hero_language_switch .hero_language_option a::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    content: "\f1ab";
    color: inherit;
    margin-right: 5px;
}

#hero_container #hero_block .hero_category,
.theme-homepage-layout.journal .hero-row .hero_category {
    color: var(--colorBlack);
}
#hero_container #hero_block .hero_category h6,
#hero_container #hero_block .hero_category div.business-segment {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    line-height: 30px !important;
    font-weight: 300;
    display: inline-block;
    padding: 0 20px;
    margin-left: -20px;
    margin-top: 20px;
    margin-bottom: 16px;
    background-color: var(--colorGreenTransparent85);
    color: var(--colorWhite);
}
@media (max-width: 899px) {
    #hero_container #hero_block .hero_category h6,
    #hero_container #hero_block .hero_category div.business-segment {
        float: none;
        margin-right: 10px;
        margin-top: 10px;
    }
}



#hero_container #hero_block .hero_category .hero_cat_marker a[class^="icon-"], 
#hero_container #hero_block .hero_category .hero_cat_marker a[class*=" icon-"] {
    font-family: "Open Sans",Verdana,Arial,sans-serif !important;
}
#hero_container #hero_block .hero_category .hero_cat_marker a[class^="icon-"]::before, 
#hero_container #hero_block .hero_category .hero_cat_marker a[class*=" icon-"]::before {
    font-family: "Karger_Icon_Font" !important;
}
#hero_container #hero_block .hero_category .hero_cat_marker a:hover {
    color: var(--colorOrange);
    text-decoration: underline;
}
#hero_container #hero_block .hero_category .hero_cat_marker a:hover::before {
    color: var(--colorOrange);
    text-decoration: none;
}


#hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_title:before {
    font-size: 30px;
    font-size: 1.875rem;
}
#hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_title.blocklink {
    padding-left: 45px;
    text-transform: uppercase;    
    font-size: 14px !important;
    font-size: 0.875rem !important;
}
#hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_title.blocklink::before {
    width: 45px !important;
    margin-left: -45px !important;
    position: relative;
    top: 7px;
}

#hero_container #hero_block .hero_category .hero_cat_marker .hero_main_cat_marker {
    display: block;
    margin-top: 10px;
}    
#hero_container #hero_block .hero_category .hero_cat_marker .hero_main_cat_marker i[class^="icon-"],
#hero_container #hero_block .hero_category .hero_cat_marker .hero_main_cat_marker em[class^="icon-"] {
    font-size: 32px;
    font-size: 2rem;
}
#hero_container #hero_block .hero_category .hero_cat_marker .hero_main_cat_marker a {
    text-transform: uppercase !important;
}

#hero_container #hero_block .hero_category .hero_cat_marker .hero_sub_cat_marker {
    display: block;
    padding-top: 15px;
    padding-left: 45px;
}
#hero_container #hero_block .hero_category .hero_cat_marker .hero_sub_cat_marker .hero_cat_title_icon {
    text-decoration: none;
}

#hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_other {
    display: block;
}
#hero_container #hero_block .hero_category .hero_cat_marker.other_marker {
    display: block;
    padding-left: 8px;
    margin: 15px 0;    
}
#hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_other a[class^="icon-"],
#hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_other a[class*=" icon-"],
#hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_other a.openaccess_link {
    text-transform: uppercase;    
    font-size: 14px !important;
    font-size: 0.875rem !important;
}
    #hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_other a[class^="icon-"]::before, 
    #hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_other a[class*=" icon-"]::before,
    #hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_other a.openaccess_link::before {
        width: 30px;
        text-align: center;
        font-size: 20px;
        font-size: 1.25rem;
    }

#hero_container #hero_block .hero_category .hero_cat_marker .hero_sub_cat_marker .hero_cat_title_icon a[class^="icon-"] {
    font-size: 23px;
}


#hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_other a.openaccess_link {
    display: block;
    text-transform: uppercase;
}
#hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_other a.openaccess_link::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f13e";
    color: inherit;
    margin-right: 5px;
    margin-left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

@media (max-width: 899px) {
    #hero_container #hero_block .hero_category .hero_cat_marker {
        display: table;
        margin-top: 0;
    }
    #hero_container #hero_block .hero_category .hero_cat_marker .hero_cat_title {
        display: table-cell;
        vertical-align: middle;
    }
    #hero_container #hero_block .hero_category .hero_cat_marker .hero_main_cat_marker {
        display: table-cell;
        margin-top: 0;
    }
    #hero_container #hero_block .hero_category .hero_cat_marker .hero_sub_cat_marker {
        display: table-cell;
        padding: 5px 0 0 15px;
        vertical-align: middle;
        white-space: nowrap;
    }
}



#hero_container #hero_block .hero_title {
    padding-bottom: 24px;
}
#hero_container #hero_block .hero_title h1 {
    margin-top: 20px;
    margin-bottom: 0 !important;
}
#hero_container #hero_block .hero_title h2 {
    margin-top: 0;
    margin-bottom: 0 !important;
}
#hero_container #hero_block .hero_title p {
    font-size: 16px;
    font-size: 1rem;
    margin: 32px 0 0 0;
}
#hero_container #hero_block .hero_title hr {
    margin: 20px auto 20px auto;
    border: none;
    border-top: 1px solid var(--colorBlack);
    max-width: 250px !important;
}

/* Breadcrumbs */
/* ----------- */
#hero_container #hero_block .hero_breadcrumb {
    margin-bottom: 30px;
}
#hero_container #hero_block .hero_breadcrumb a {
    font-size: 14px !important;
    font-size: 0.875rem !important;
}
#hero_container #hero_block .hero_breadcrumb a::before {
    margin-right: 0 !important;
}
#hero_container #hero_block .hero_breadcrumb a.crumb {
    color: var(--colorBlack);
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 0;
    text-decoration: none;
}
#hero_container #hero_block .hero_breadcrumb a.crumb:not(.active):hover {
    color: var(--colorOrange);
    text-decoration: underline;
}
#hero_container #hero_block .hero_breadcrumb a.crumb.active {
    font-weight: normal;
}
#hero_container #hero_block .hero_breadcrumb a.crumb::before {
    content: "" !important;
}
#hero_container #hero_block .hero_breadcrumb a.crumb:first-child {
    margin-left: 0;
    padding-left: 0;
}
#hero_container #hero_block .hero_breadcrumb a.crumb:first-child::before {
    content: "" !important;
}
#hero_container #hero_block .hero_breadcrumb a.crumb.crumb_levelUp {
    font-weight: bold;
}
#hero_container #hero_block .hero_breadcrumb a.crumb.crumb_levelUp::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f060" !important;
    padding-right: 7px;
    color: var(--colorOrange);
}
#hero_container #hero_block .hero_breadcrumb a.crumb.crumb_levelUp::after {
    content: "" !important;
}
#hero_container #hero_block .hero_breadcrumb .dropdown {
    display: inline-block;
    padding: 0;
}
#hero_container #hero_block .hero_breadcrumb .dropdown a {
    font-size: 14px;
    font-size: 0.875rem;
}
#hero_container #hero_block .hero_breadcrumb .dropdown a::before {
    content: "";
    margin-right: 0;
}
#hero_container #hero_block .hero_breadcrumb .dropdown a.dropdown-toggle, 
#hero_container #hero_block .hero_breadcrumb .dropdown a.cc-dropdown-toggle {
    cursor: pointer;
    padding: 5px 0;
    margin-right: 0;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    text-decoration: none;
    text-transform: uppercase;
}
#hero_container #hero_block .hero_breadcrumb .dropdown a.dropdown-toggle::after, 
#hero_container #hero_block .hero_breadcrumb .dropdown a.cc-dropdown-toggle::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 18px;
    font-size: 1.125rem;
    content: "\f105";
    color: var(--colorOrange);
    line-height: 18px;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    padding-left: 9px;
    vertical-align: middle;
    transition: 0.3s;
    width: 20px;
    height: 18px;
    display: inline-block;
}
#hero_container #hero_block .hero_breadcrumb .dropdown a.dropdown-toggle:hover, 
#hero_container #hero_block .hero_breadcrumb .dropdown a.cc-dropdown-toggle:hover {
    color: var(--colorOrange);
    padding: 5px 0;
}
#hero_container #hero_block .hero_breadcrumb .dropdown a.dropdown-toggle:hover:after, 
#hero_container #hero_block .hero_breadcrumb .dropdown a.cc-dropdown-toggle:hover:after {
    transform: rotate(90deg);
}
#hero_container #hero_block .hero_breadcrumb .dropdown a.dropdown-toggle.end-toggle, 
#hero_container #hero_block .hero_breadcrumb .dropdown a.cc-dropdown-toggle.end-toggle {
    font-weight: normal;
}
#hero_container #hero_block .hero_breadcrumb .dropdown a.dropdown-toggle.end-toggle:after, 
#hero_container #hero_block .hero_breadcrumb .dropdown a.cc-dropdown-toggle.end-toggle:after {
    transform: rotate(90deg);
}
#hero_container #hero_block .hero_breadcrumb .dropdown a.dropdown-toggle.end-toggle:hover:after, 
#hero_container #hero_block .hero_breadcrumb .dropdown a.cc-dropdown-toggle.end-toggle:hover:after {
    transform: rotate(90deg);
}


#hero_container #hero_block .hero_breadcrumb .dropdown {
    position: relative;
}

#hero_container #hero_block .hero_breadcrumb .dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    background-color: var(--colorWhite);

    min-width: initial;
    padding: 0 0 0 5px;
    margin: 0;
    font-size: initial;
    border-radius: 0;
    transition: all 0.3s;
    overflow: hidden;
    transform-origin: top center;
    transform: scale(1,0);
    display: block;
    border: none;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
#hero_container #hero_block .hero_breadcrumb .dropdown .dropdown-menu > li > a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 29px;
    padding: 3px 10px;
    text-decoration: none;
    border-left: solid 4px var(--colorLightGrey);
    display: block;
    white-space: nowrap;
}
#hero_container #hero_block .hero_breadcrumb .dropdown .dropdown-menu > li > a:hover {
    border-left: solid 4px var(--colorOrange);
    background-color: var(--colorLightGrey);
    background-image: none;
    color: var(--colorOrange);
}
#hero_container #hero_block .hero_breadcrumb .dropdown .dropdown-menu:hover + a.dropdown-toggle::after, 
#hero_container #hero_block .hero_breadcrumb .dropdown .dropdown-menu:hover + a.cc-dropdown-toggle::after {
    transform: rotate(90deg);
}
#hero_container #hero_block .hero_breadcrumb .dropdown .dropdown-menu:hover + a.dropdown-toggle.end-toggle::after, 
#hero_container #hero_block .hero_breadcrumb .dropdown .dropdown-menu:hover + a.cc-dropdown-toggle.end-toggle::after {
    transform: rotate(90deg);
}
#hero_container #hero_block .hero_breadcrumb .dropdown:hover .dropdown-toggle, 
#hero_container #hero_block .hero_breadcrumb .dropdown:hover .cc-dropdown-toggle {
    background-color: rgba(255,255,255,0.9);
}
#hero_container #hero_block .hero_breadcrumb .dropdown:hover .dropdown-menu {
    transform: scale(1);
}
#hero_container #hero_block .hero_breadcrumb .breadcrumb-divider {
    display: inline-block;
}
#hero_container #hero_block .hero_breadcrumb .breadcrumb-divider::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 18px;
    font-size: 1.125rem;
    content: "\f105";
    color: var(--colorOrange);
    line-height: 18px;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    padding-left: 4px;
    vertical-align: middle;
    transition: 0.3s;
    width: 16px;
    height: 18px;
    display: inline-block;
}

#hero_container #hero_block .hero_properties,
.home-self-serve-content-journal-cover .hero_properties,
.home-self-serve-content-journal-editor .hero_properties,
.theme-homepage-layout.journal .hero-row .hero_properties {
    color: var(--colorBlack);
}
#hero_container #hero_block .hero_properties p,
.home-self-serve-content-journal-cover .hero_properties p,
.home-self-serve-content-journal-editor .hero_properties p,
.theme-homepage-layout.journal .hero-row .hero_properties p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
}
#hero_container #hero_block .hero_properties a,
.home-self-serve-content-journal-cover .hero_properties a,
.home-self-serve-content-journal-editor .hero_properties a,
.theme-homepage-layout.journal .hero-row .hero_properties a {
    color: var(--colorBlack);
}
    #hero_container #hero_block .hero_properties a:not(.btn):hover,
    .home-self-serve-content-journal-cover .hero_properties a:not(.btn):hover,
    .home-self-serve-content-journal-editor .hero_properties a:not(.btn):hover,
    .theme-homepage-layout.journal .hero-row .hero_properties a:not(.btn):hover {
        color: var(--colorOrange);
    }

#hero_container #hero_block .hero_properties .hero_cover,
.home-self-serve-content-journal-cover .hero_properties .hero_cover,
.home-self-serve-content-journal-editor .hero_properties .hero_cover,
.theme-homepage-layout.journal .hero-row .hero_properties .hero_cover {
    text-align: center;
}
#hero_container #hero_block .hero_properties .hero_cover img,
.home-self-serve-content-journal-cover .hero_properties .hero_cover img,
.home-self-serve-content-journal-editor .hero_properties .hero_cover img,
.theme-homepage-layout.journal .hero-row .hero_properties .hero_cover img {
    height: auto;
    max-height: 160px;
    max-width: 160px;
    margin-bottom: 20px;
}

@media (max-width: 899px) {
    #hero_container #hero_block .hero_properties .hero_cover img,
    .home-self-serve-content-journal-cover .hero_properties .hero_cover img,
    .home-self-serve-content-journal-editor .hero_properties .hero_cover img,
    .theme-homepage-layout.journal .hero-row .hero_properties .hero_cover img {
        height: auto;
        max-width: 120px;
    }
}


#hero_container #hero_block .hero_properties .hero_actionbutton {
    text-align: center;
}
#hero_container #hero_block .hero_properties .hero_actionbutton .btn, 
#hero_container #hero_block .hero_properties .hero_actionbutton .btn.btn-passiv {
    padding: 0 10px;
    width: auto;
    min-width: 140px;
    overflow: hidden;
}
#hero_container #hero_block .hero_properties .hero_actionbutton .btn i,
#hero_container #hero_block .hero_properties .hero_actionbutton .btn em, 
#hero_container #hero_block .hero_properties .hero_actionbutton .btn.btn-passiv i,
#hero_container #hero_block .hero_properties .hero_actionbutton .btn.btn-passiv em {
    display: inline-block;
    margin-right: 5px;
}
#hero_container #hero_block .hero_properties .hero_actionbutton .btn:hover i, 
#hero_container #hero_block .hero_properties .hero_actionbutton .btn:hover em,
#hero_container #hero_block .hero_properties .hero_actionbutton .btn.btn-passiv:hover i,
#hero_container #hero_block .hero_properties .hero_actionbutton .btn.btn-passiv:hover em {
    color: inherit;
}
#hero_container #hero_block .hero_properties .hero_social-media a i,
#hero_container #hero_block .hero_properties .hero_social-media a em {
    font-size: 16px;
    font-size: 1rem;
    border: solid 1px var(--colorBlack);
    color: var(--colorBlack);
    border-radius: 50% !important;
    background-color: var(--colorLightGrey);
    margin-right: 5px !important;
    padding: 7px;
    text-align: center;
    width: 16px;
    height: 16px;
}
#hero_container #hero_block .hero_properties .hero_social-media a span.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}
#hero_container #hero_block .hero_properties .hero_social-media a span.fas {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}
#hero_container #hero_block .hero_properties .hero_social-media a span.far {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}
#hero_container #hero_block .hero_properties .hero_social-media a span:hover {
    border: solid 1px var(--colorOrange);
    color: var(--colorOrange);
}
#hero_container #hero_block .hero_properties a.newsletter_link {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
}
#hero_container #hero_block .hero_properties a.newsletter_link::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f658";
    color: inherit;
    width: 20px;
    margin-right: 5px;
}
#hero_container #hero_block .hero_properties a.articleAlert_link {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
}
#hero_container #hero_block .hero_properties a.articleAlert_link::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f8fa";
    color: inherit;
    width: 20px;
    margin-right: 5px;
}
#hero_container #hero_block .hero_properties a.submitManuscript_link {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
}
#hero_container #hero_block .hero_properties a.submitManuscript_link::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f56f";
    color: inherit;
    width: 20px;
    margin-right: 5px;
}


/* ******************************************** */
/* HERO WITHOUT IMAGE                           */
/* ******************************************** */
#hero_container.hero_NOImg {
    height: auto;
    z-index: 1;
    padding-top: 2px;
}
#hero_container.hero_NOImg #hero_language_switch {
    top: initial;
    bottom: -32px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.16) !important;
}
#hero_container.hero_NOImg #hero_block {
    box-shadow: 0 2px 6px rgba(0,0,0,0.16) !important;
}


/* ******************************************** */
/* WIDGETS                                      */
/* ******************************************** */

/* Latest issue on Journal HP */
.theme-homepage-layout.karger.journal .widget-IssueInfo {
    background-color: var(--colorLightGrey) !important;
    padding: 0 !important;
    height: 100%;
    width: 100%;    
}

.theme-homepage-layout.karger.journal .widget-IssueInfo .widget-info-wrap {
    color: var(--colorBlack) !important;
    padding: 30px 20px !important;
}
.theme-homepage-layout.karger.journal .widget-IssueInfo .widget-info-wrap .current-issue-title {
    margin: 2rem 0 .25rem 0 !important;
    color: var(--colorBlack) !important;
    text-align: center !important;
}
.theme-homepage-layout.karger.journal .widget-IssueInfo .widget-info-wrap .article-issue-info {
    display: block !important;
    padding: 0 !important;
    text-align: center !important;
}

.theme-homepage-layout.karger.journal .widget-IssueInfo .widget-info-wrap .article-issue-img {
    margin: 0 !important;
    max-height: 150px !important;
    max-width: initial !important;
    text-align: center !important;
    float: none !important;
}
    .theme-homepage-layout.karger.journal .widget-IssueInfo .widget-info-wrap .article-issue-img img {
        max-height: 150px !important;
        margin: 0 auto;
    }

.theme-homepage-layout.karger.journal .widget-IssueInfo .widget-info-wrap .article-issue-info .volume {
    font-size: 24px !important;
    font-size: 1.5rem !important;
    line-height: 34px;
    font-weight: 400 !important;
    margin: 0 !important;
    color: var(--colorBlack) !important;
}
.theme-homepage-layout.karger.journal .widget-IssueInfo .widget-info-wrap .article-issue-info .issue {
    font-size: 24px !important;
    font-size: 1.5rem !important;
    line-height: 34px;
    font-weight: 400 !important;
    margin: 0 !important;
    color: var(--colorBlack) !important;
}
    .theme-homepage-layout.karger.journal .widget-IssueInfo .widget-info-wrap .article-issue-info .issue .issue-comma {
        display: none !important;
    }

.theme-homepage-layout.karger.journal .widget-IssueInfo .widget-info-wrap .article-issue-info .ii-pub-date {
    font-size: 16px !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5rem;
    margin: 1.5rem 0 2rem 0 !important;
    color: var(--colorBlack) !important;
}

.theme-homepage-layout.karger.journal .widget-IssueInfo .widget-info-wrap .article-issue-info .view-current-issue {
    margin-bottom: 0 !important;
}
    .theme-homepage-layout.karger.journal .widget-IssueInfo .widget-info-wrap .article-issue-info .view-current-issue a.button {
        background-color: var(--colorWhite) !important;
    }


/* ******************************************** */
/* RIGHT RAIL BOXES                             */
/* ******************************************** */
.rail-widget_wrap h3 {
    padding: .5rem 1rem !important;
    background-color: var(--colorLightGrey) !important;
    color: var(--colorBlack);
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    margin: 0 !important;
}
.rail-widget_wrap .widget-links_wrap {
    padding: 1rem !important;
}
.rail-widget_wrap .widget-links_wrap a {
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;    
}

.link-widget:link, 
.link-widget:visited,
.widget-ArticleCitedBy a:link, 
.widget-GbosListMostPopular .fb-item-title a:link, 
.widget-LatestContent .latest-content_wrap .latest-content-type_wrap .latest-content-item .latest-content-item-title a:link, 
.widget-RelatedContentSolr a:link, 
.widget-RssFeeds a:link, 
.widget-SelectableContentList .widget-dynamic-entry-wrap .widget-dynamic-entry a:link,
.widget-UserAffinityRecommendations a:link, 
.widget-alerts .widget-links_wrap .userAlert-demo>a:link, 
.widget-alerts .widget-links_wrap>.userAlert>a:link {
    color: var(--colorDarkGrey);
    text-decoration: underline;
    -moz-text-decoration-color: var(--colorDarkGrey);
    text-decoration-color: var(--colorDarkGrey);
}

/* in usage on Editors Choice Tile */
.widget-SelectableContentList .widget-dynamic-entry-wrap .widget-dynamic-entry .widget-dynamic-journal-title a:link {
    text-decoration: none;
}



.rail-widget_wrap .widget-links_wrap a:link,
.rail-widget_wrap .widget-links_wrap a:visited,
.rail-widget_wrap .widget-links_wrap a:link > span,
.rail-widget_wrap .widget-links_wrap a:visited > span,
.rail-widget_wrap .widget-links_wrap .article-title a:link, 
.rail-widget_wrap .widget-links_wrap .article-title a:visited {
    color: var(--colorDarkGrey);
    text-decoration: none !important;
    padding-left: 15px;
    display: inline-block;
}
    .rail-widget_wrap .widget-links_wrap a:link:hover,
    .rail-widget_wrap .widget-links_wrap a:visited:hover,
    .rail-widget_wrap .widget-links_wrap a:link:hover > span,
    .rail-widget_wrap .widget-links_wrap a:visited:hover > span,
    .rail-widget_wrap .widget-links_wrap .article-title a:link:hover, 
    .rail-widget_wrap .widget-links_wrap .article-title a:visited:hover {
        color: var(--colorOrange);
        text-decoration: underline !important;
        -moz-text-decoration-color: var(--colorOrange);
        text-decoration-color: var(--colorOrange);
    }
    .rail-widget_wrap .widget-links_wrap a:before,
    .rail-widget_wrap .widget-links_wrap .article-title a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f054" !important;
        color: var(--colorOrange) !important;
        width: 15px !important;
        margin-left: -15px !important;
        text-decoration: none !important;
        display: inline-block !important;
    }

    .rail-widget_wrap .widget-links_wrap .userAlertSignUpModal h3 {
        font-size: 1.5rem !important;
        padding-left: 1rem !important;
    }    
    .rail-widget_wrap .widget-links_wrap .userAlertSignUpModal div {
        font-size: 1rem !important;
    }
    .rail-widget_wrap .widget-links_wrap .userAlertSignUpModal a.close-reveal-modal:before {
        content: "" !important;
        width: 0 !important;
        margin-left: 0 !important;
    }


.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:link {
    color: var(--colorBlack);    
}

.link-widget:active, 
.link-widget:hover,
.rail-widget_wrap .widget-links_wrap a:active,
.rail-widget_wrap .widget-links_wrap a:hover,
.rail-widget_wrap .widget-links_wrap .article-title a:active, 
.rail-widget_wrap .widget-links_wrap .article-title a:hover, 
.widget-ArticleCitedBy a:active, 
.widget-ArticleCitedBy a:hover, 
.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:active, 
.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:hover,
.widget-GbosListMostPopular .fb-item-title a:active, 
.widget-GbosListMostPopular .fb-item-title a:hover, 
.widget-LatestContent .latest-content_wrap .latest-content-type_wrap .latest-content-item .latest-content-item-title a:active, 
.widget-LatestContent .latest-content_wrap .latest-content-type_wrap .latest-content-item .latest-content-item-title a:hover, 
.widget-RelatedContentSolr a:active, 
.widget-RelatedContentSolr a:hover, 
.widget-RssFeeds a:active, 
.widget-RssFeeds a:hover, 
.widget-SelectableContentList .widget-dynamic-entry-wrap .widget-dynamic-entry a:active, 
.widget-SelectableContentList .widget-dynamic-entry-wrap .widget-dynamic-entry a:hover, 
.widget-UserAffinityRecommendations a:active, 
.widget-UserAffinityRecommendations a:hover, 
.widget-alerts .widget-links_wrap .userAlert-demo>a:active, 
.widget-alerts .widget-links_wrap .userAlert-demo>a:hover, 
.widget-alerts .widget-links_wrap>.userAlert>a:active, 
.widget-alerts .widget-links_wrap>.userAlert>a:hover {
    color: var(--colorOrange);
    -moz-text-decoration-color: var(--colorOrange);
    text-decoration-color: var(--colorOrange);
}

.widget-SelectableContentList .widget-dynamic-entry-wrap .widget-dynamic-entry a:hover {
    text-decoration: underline !important;
}


.rail-widget_wrap.widget-alerts > h3:before {
    content: "" !important;
    margin-right: 0 !important;
}

.sidebar-widget_wrap .article-level-metrics {
    padding: 1rem !important;
    border: solid 1px var(--colorLightGrey) !important;
}
.sidebar-widget_wrap .article-adblock-top iframe {
    border: solid 1px var(--colorLightGrey) !important;
}


/* Right Rail Boxes */  
.self-serve_box.addBookContent_box,
.self-serve_box.addArticleContent_box,
.self-serve_box.fasttest_box,
.self-serve_box.oop_box {
    color: var(--colorDarkGrey);
    padding: 1rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5rem; 
    height: auto;
    width: initial;
}
    /* also see class => .widget.widget-dynamic.article-top-self-serve-bydoi */
    .self-serve_box.addArticleContent_box {
        background-color: var(--colorWhite); 
        border: solid 1px var(--colorLightGrey);
        padding: 0;
    }   
        .self-serve_box.addArticleContent_box.erratum-retraction-eoc_box {
            background-color: var(--colorYellow25); 
            color: var(--colorBlack) !important;
            border: solid 1px var(--colorYellow25);
            padding: 0;
        } 
            .self-serve_box.addArticleContent_box.erratum-retraction-eoc_box a {
                font-weight: normal !important;
                color: var(--colorBlack) !important;
            }
            .self-serve_box.addArticleContent_box.erratum-retraction-eoc_box a:before {
                font-family: "Font Awesome 6 Pro";
                font-weight: 300 !important;
                content: "\f31a" !important;
                font-size: 16px;
                line-height: 22px;
                margin-right: 6px !important;
                color: var(--colorBlack) !important;
            }
            .self-serve_box.addArticleContent_box.erratum-retraction-eoc_box a:hover,
            .self-serve_box.addArticleContent_box.erratum-retraction-eoc_box a:hover:before {
                color: var(--colorOrange) !important;
                -moz-text-decoration-color: var(--colorOrange) !important;
                text-decoration-color: var(--colorOrange) !important;
            }

        .self-serve_box.addArticleContent_box .content-wrapper {
            padding: 1rem;
        }

    .self-serve_box.fasttest_box {
        background-color: var(--colorBlue25); 
        color: var(--colorBlack) !important;
    }
    .self-serve_box.fastfacts_freeContent_box {
        background-color: var(--colorGreen25); 
        color: var(--colorBlack) !important;
    }
    .self-serve_box.oop_box {
        background-color: var(--colorYellow25); 
        color: var(--colorBlack) !important;
    }

.self-serve_box.addArticleContent_box h3 {
    padding: .5rem 1rem !important;
    background-color: var(--colorLightGrey) !important;
    font-size: 16px !important;
    font-size: 1rem !important;
    font-weight: 600;
    color: var(--colorBlack);
    line-height: 1.5rem !important;
    margin: 0 !important;
}

.self-serve_box.addBookContent_box a:not(.btn),
.self-serve_box.addArticleContent_box a:not(.btn),
.self-serve_box.fasttest_box a:not(.btn),
.self-serve_box.oop_box a:not(.btn) {
    font-weight: 400;
    text-decoration: underline !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-color: var(--colorDarkGrey) !important;
}
.self-serve_box.addBookContent_box a:not(.btn):hover,
.self-serve_box.addArticleContent_box a:not(.btn):hover,
.self-serve_box.fasttest_box a:not(.btn):hover,
.self-serve_box.oop_box a:not(.btn):hover {
    color: var(--colorOrange);
    -moz-text-decoration-color: var(--colorOrange) !important;
    text-decoration-color: var(--colorOrange) !important;
}
.self-serve_box.addBookContent_box a:not(.btn):before,
.self-serve_box.addArticleContent_box a:not(.btn):before,
.self-serve_box.fasttest_box a:not(.btn):before,
.self-serve_box.oop_box a:not(.btn):before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054";
    color: var(--colorOrange);
    margin-right: 3px;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
}


/* fix problems with not used self-serve-bydoi (journal right rail: YouTube, Blog, ExplanatoryNotes etc) */
.widget.widget-dynamic.article-top-self-serve-bydoi {
    margin-top: -1.5rem !important;
}
.widget.widget-dynamic.article-top-self-serve-bydoi .self-serve_box.addArticleContent_box {
    margin-top: 1.5rem !important;
} 



/* ******************************************** */
/* MYKARGER / PROFILE                           */
/* ******************************************** */
.pg_MyAccount .journal-header {
    box-shadow: 0 2px 3px 0px rgb(112 112 112 / 50%) !important;
    background-color: var(--colorWhite) !important;
    z-index: 4 !important;
}

.pg_MyAccount .alert-header-wrap h1:first-child,
.pg_MyInstitution .alert-header-wrap h1:first-child {
    margin-top: 0 !important;
}
.pg_MyAccount .myaccount-wrap .alert-details .email-alert-type .email-alert-header, 
.pg_MyInstitution .myaccount-wrap .alert-details .email-alert-type .email-alert-header {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
}

.pg_MyAccount .add-new-alert > h3,
.pg_MyInstitution .add-new-alert > h3 {
    margin-top: 0 !important;
}
.pg_MyAccount .new-alert-type label,
.pg_MyInstitution .new-alert-type label {
    line-height: 1.5rem;
}
.pg_MyAccount .new-alert-type input[name="alertCheckBox"],
.pg_MyInstitution .new-alert-type input[name="alertCheckBox"] {
    margin: 0 7px 0 0;
}
.pg_MyAccount .myaccount-wrap .myaccount-tabs-inner-wrap ul li a, 
.pg_MyInstitution .myaccount-wrap .myaccount-tabs-inner-wrap ul li a {
    line-height: 1.5rem;
}
.pg_MyAccount .myaccount-wrap .myaccount-tabs-inner-wrap ul li a:hover, 
.pg_MyAccount .myaccount-wrap .myaccount-tabs-inner-wrap ul li a:active,
.pg_MyInstitution .myaccount-wrap .myaccount-tabs-inner-wrap ul li a:hover,
.pg_MyInstitution .myaccount-wrap .myaccount-tabs-inner-wrap ul li a:active {
    color: var(--colorOrange);
}



/* ******************************************** */
/* ISSUE                                        */
/* ******************************************** */
/* ToC definition: see below at "Article"       */

/* Information about Journal Name Change */
.name-change-info {
    background-color: var(--colorBlue25);
    padding: 1rem;
}



.pg_ConferenceVolume .al-article-box, 
.pg_ConferenceVolume .al-article-item-wrap, 
.pg_issue .al-article-box, 
.pg_issue .al-article-item-wrap, 
.pg_articlesbygroup .al-article-box, 
.pg_articlesbygroup .al-article-item-wrap {
    border-bottom: 1px solid var(--colorMediumGrey) !important;
}
    .pg_ConferenceVolume .al-article-box:first-of-type, 
    .pg_ConferenceVolume .al-article-item-wrap:first-of-type, 
    .pg_issue .al-article-box:first-of-type, 
    .pg_issue .al-article-item-wrap:first-of-type, 
    .pg_articlesbygroup .al-article-box:first-of-type, 
    .pg_articlesbygroup .al-article-item-wrap:first-of-type {
        border-top: none !important;
        padding: .5rem 0 1.25rem 0 !important;
    }


.issue_liste .sectiontitle {
    padding: 4px;
    background-color: var(--colorLightGrey);
    margin-bottom: 10px;
    width: 100%;
}



/* ******************************************** */
/* BOOKS GATEWAY                              */
/* ******************************************** */
body[data-sitename="booksgateway"] .journal-header {
    box-shadow: 0 2px 3px 0px rgb(112 112 112 / 50%) !important;
    background-color: var(--colorWhite) !important;
    z-index: 4 !important;
}
    @media (max-width: 899px) {
        body[data-sitename="booksgateway"] .journal-header {    
            z-index: initial !important;
        }
    }

.theme-homepage-layout.karger.books-gateway {
    background-color: var(--colorWhite) !important;    
}

.theme-homepage-layout.karger.books-gateway .hero-row-noImg {
    background-image: none !important;    
    background-color: none !important;
    padding: 0;
    box-shadow: none !important;
    margin-bottom: 2rem;
} 

.theme-homepage-layout.karger.books-gateway .promo-teaser {
    padding: 2rem 0;
}


ul.gateway-booksinprep-list {
    columns: 2;
}
    @media (max-width:899px) {
        ul.gateway-booksinprep-list{
            columns: 1;
        }
    }

ul.gateway-booksinprep-list li {
    margin-bottom: 2rem;
}
    ul.gateway-booksinprep-list li:last-child {
        margin-bottom: 0;
    }

ul.gateway-booksinprep-list li h4 {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

ul.gateway-booksinprep-list li a:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054" !important;
    color: var(--colorOrange) !important;
    width: 15px !important;
    margin-left: -15px !important;
    text-decoration: none !important;
    display: inline-block !important;
}


/* ******************************************** */
/* BOOK                                         */
/* ******************************************** */
/* Right Rail Boxes on Book Home: see self-serve_box / fasttest_box */

h1.book-info__title i.icon-availability_cart,
ul.bookToc i.icon-availability_cart {
    display: none !important;
}

.chapterTopInfo .book-info__publisher,
.chapterTopInfo .book-info__volume,
.chapterTopInfo .book-info__doi,
.chapterTopInfo .book-info__doi a,
.chapterTopInfo .book-info__status,
.chapterTopInfo .book-info__isbn,
.chapterTopInfo .book-info__publication,
.chapterTopInfo .special-collections-wrap {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
    .chapterTopInfo .special-collections-wrap a {
        text-decoration: underline !important;
        -moz-text-decoration-color: var(--colorDarkGrey) !important;
        text-decoration-color: var(--colorDarkGrey) !important;
    }
        .chapterTopInfo .special-collections-wrap a:hover {
            color: var(--colorOrange) !important;
            -moz-text-decoration-color: var(--colorOrange) !important;
            text-decoration-color: var(--colorOrange) !important;
        }

        
/* Suppl. Material link on chapters */
.dataSuppLink a {
    margin: 1.5rem 0 .5rem 0;
    text-decoration: underline !important;
}
    .dataSuppLink a:hover {
        color: var(--colorOrange) !important;
    }


.widget-BookBasicInfo .content-metadata_wrap {
    font-size: 16px !important;
    font-size: 1rem !important;
}
/* .book-top-section h1.book-info__title */
h1.book-info__title {
    color: var(--colorDarkGrey);
    font-size: 32px !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 42px !important;
    line-height: 2.625rem !important;
    margin-top: 0 !important;
    margin-bottom: 2rem !important;
}
    h1.book-info__title i[class^="icon-"] {
        font-size: 2rem !important;
    }


.widget-BookBasicInfo .book-info__cover img {
    border: solid 1px var(--colorMediumGrey) !important;
}

.widget-BookBasicInfo .book-info__meta .book-info__abstract {
    background-color: var(--colorWhite) !important;
    margin-top: 2rem;
}

.widget-BookBasicInfo .book-info__meta .book-info__doi a,
.widget-BookBasicInfo .book-info__meta .special-collections-wrap a {
    text-decoration: underline !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-color: var(--colorDarkGrey) !important;
}
    .widget-BookBasicInfo .book-info__meta .book-info__doi a:hover,
    .widget-BookBasicInfo .book-info__meta .special-collections-wrap a:hover {
        color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
}

.chapterTopInfo,
.chapterTopInfo.content-metadata_wrap,
.chapterTopInfo .chapter-authors-prefix,
.al-authors-list, 
.al-authors-list a {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

.chapterTopInfo .ww-citation-history-wrap {
    margin-left: 0 !important;
    display: inline-block !important;
}

[data-sitename=booksgateway] .abstract {
    border: none !important;
    padding: 0 !important;
}

.abstract, 
.abstract p, 
[data-sitename=booksgateway] .abstract p {
    line-height: 1.75;
}


/* left column */
.info-widget-wrap .content-metadata_wrap,
.info-widget-wrap .book-info__publisher,
.info-widget-wrap .book-info__volume,
.info-widget-wrap .book-info__doi,
.info-widget-wrap .book-info__doi a,
.info-widget-wrap .book-info__status,
.info-widget-wrap .book-info__isbn,
.info-widget-wrap .book-info__publication,
.info-widget-wrap .special-collections-wrap {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

.info-widget-wrap h1.book-info__title {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    margin-top: 0.5rem !important;
    margin-bottom: 1.5rem !important;
}
    .info-widget-wrap h1.book-info__title i[class^="icon-"] {
        font-size: 1rem !important;
    }

.content-metadata_wrap.book-info__meta>.special-collections-wrap div {
    margin-top: .75rem !important;
}


/* ******************************************** */
/* ARTICLE                                      */
/* ******************************************** */
h1.wi-article-title i.icon-availability_cart {
    display: none !important;
}

.article-issue-img img,
.sri-figure img {
    border: solid 1px var(--colorMediumGrey) !important;
}


/* Infobox for Erratum, Retraction etc */
.widget-ArticleLinks .articlelinks {
    border: none !important;
    background-color: var(--colorYellow25) !important;
}


.widget-ArticleMainView .widget-items h1.article-title-main,
.widget-SplitView .widget-items h1.article-title-main {
    color: var(--colorDarkGrey);
    font-size: 32px !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 2.625rem !important;
    margin-top: 0 !important;
    margin-bottom: 32px !important;
}

.widget-IssueSupplementalLinks a,
.widget-items .wi-authors .al-authors-list a,
.al-article-items .al-authors-list a {
    text-decoration: underline !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-style: solid;
    -moz-text-decoration-style: solid;
    text-decoration-thickness: 1px;
    font-size: 16px !important;
    font-size: 1rem !important;
    margin: 20px 0 !important;
    line-height: 1.5rem !important;    
}
    .widget-IssueSupplementalLinks a:hover,
    .widget-IssueSupplementalLinks a:hover span:not(.label-info),
    .widget-items .wi-authors .al-authors-list a:hover,
    .al-article-items .al-authors-list a:hover {
        color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-thickness: 2px !important;
}

.widget-IssueSupplementalLinks a.al-orcid-url,
.widget-items .wi-authors .al-authors-list a.al-orcid-url,
.al-article-items .al-authors-list a.al-orcid-url {
    margin: 0 !important;
}

.pg_article .article-top-widget .widget-items .al-authors-list, 
.pg_articlesplitview .article-top-widget .widget-items .al-authors-list {
    margin-bottom: 20px !important;
}

.pg_article .article-top-widget .widget-items .article-footnote,
.pg_articlesplitview .article-top-widget .widget-items .article-footnote {
    display: none !important;
}

.widget-items .info-card-author .al-authors-list, 
.widget-items .info-card-author .al-authors-list a {
    font-size: 14px !important;
    font-size: 0.875rem !important;
}

.widget-items .info-card-author .info-card-affilitation .aff {
    margin-bottom: 16px !important;
    font-size: 16px !important;
    font-size: 1rem !important;
}
.widget-items .info-card-author>div.info-card-search {
    margin-top: 0 !important;
}
.widget-items .al-author-info-wrap.open .info-card-author .info-card-affilitation>.aff:not(:first-child), 
.widget-items .al-author-info-wrap.open .info-card-author>div:not(:first-child) {
    /*margin-top: 1rem !important;*/
    font-size: 16px !important;
    font-size: 1rem !important;
}
.widget-items .al-author-info-wrap.open .info-card-author .info-card-name {
    font-size: 16px !important;
    font-size: 1rem !important;
}

.widget-items .pub-history-wrap,
.widget-items .pub-history-wrap .citation-doi,
.widget-items .pub-history-wrap .ww-citation-primary,
.widget-items .pub-history-wrap a.history-label,
.widget-items .pub-history-wrap a.history-label span,
.widget-items .pub-history-wrap .ww-citation-date-wrap>div:first-of-type a, 
.widget-items .pub-history-wrap .ww-citation-wrap-doi>div:first-of-type a,
.widget-items .pub-history-wrap .ww-citation-history-wrap a,
.widget-ChapterTopInfo .ww-citation-history-wrap a {
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;    
} 
.widget-items .pub-history-wrap a.history-label,
.widget-items .pub-history-wrap a.history-label span,
.widget-items .pub-history-wrap .ww-citation-wrap .citation-doi a,
.widget-items .pub-history-wrap .ww-citation-date-wrap>div:first-of-type a, 
.widget-items .pub-history-wrap .ww-citation-wrap-doi>div:first-of-type a,
.widget-items .pub-history-wrap .ww-citation-history-wrap a,
.widget-ChapterTopInfo .ww-citation-history-wrap a {
    color: var(--colorDarkGrey) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--colorDarkGrey) !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-style: solid;
    -moz-text-decoration-style: solid;
    text-decoration-thickness: 1px;
}
    .widget-items .pub-history-wrap a.history-label:hover,
    .widget-items .pub-history-wrap a.history-label:hover span,
    .widget-items .pub-history-wrap .ww-citation-wrap .citation-doi a:hover,
    .widget-items .pub-history-wrap .ww-citation-date-wrap>div:first-of-type a:hover,
    .widget-items .pub-history-wrap .ww-citation-wrap-doi>div:first-of-type a:hover,
    .widget-items .pub-history-wrap .ww-citation-history-wrap a:hover,
    .widget-ChapterTopInfo .ww-citation-history-wrap a:hover {
        color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-thickness: 2px !important;
    }

.ww-citation-history-wrap {
    margin-left: 0;
}
.ww-citation-history-wrap .history-label {
    color: inherit;
}

.widget-items .pub-history-wrap .ww-citation-history-wrap .history-label i,
.widget-ChapterTopInfo .ww-citation-history-wrap .history-label i {
    margin-left: 0 !important;
    margin-right: .5rem;
    color: inherit;
    float: left;
    line-height: inherit !important;
    clear: both;
}
.ww-citation-history-wrap .history-label span,
.widget-items .pub-history-wrap .ww-citation-history-wrap a .history-label span,
.widget-ChapterTopInfo .ww-citation-history-wrap .history-label span {
    font-weight: 400 !important;
}

.article-body a:link:not(.fig-view-orig),
.article-body a:visited:not(.fig-view-orig),
.article-body a:not(.al-link),
.article-body a:not(.article-pdfLink),
.widget-RelatedContentSolr a:link,
.widget-RelatedContentSolr a:visited,
.citation-links a:link,
.citation-links a:visited,
.citation div.pub-id-doi a:link,
.citation div.pub-id-doi a:visited {
    color: var(--colorDarkGrey) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--colorDarkGrey) !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-style: solid;
    -moz-text-decoration-style: solid;
    text-decoration-thickness: 1px;
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;    
}
    .article-body a:not(.fig-view-orig):hover,
    .article-body a:not(.al-link),
    .article-body a:not(.article-pdfLink),
    .widget-RelatedContentSolr a:hover,
    .citation-links a:hover,
    .citation div.pub-id-doi a:hover {
        color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-thickness: 2px !important;
    }
    .citation-links a:link {
        padding-left: 0 !important;
    }
    .article-body .PdfOnlyLink a.article-pdfLink:not(.toggle-left-col__close),
    .article-body .PdfOnlyLink a.article-pdfLink:not(.toggle-left-col__close) span {
        line-height: 2.5rem !important;
        text-decoration: none !important;
        -moz-text-decoration-color: none !important;
        text-decoration-color: none !important;
    }
    .article-body .PdfOnlyLink a.article-pdfLink:not(.toggle-left-col__close) i.icon-menu_pdf-small:before {
        margin-right: 5px;
    }
    

.pg_article .license,
.pg-article .copyright-statement, 
.pg-article .copyright-year,
.pg_chapterstandard .license,
.pg_chapterstandard .copyright-statement,
.pg_chapterstandard .copyright-year {
    text-align: left !important;
    max-width: unset !important;
}

.pg_article .ww-citation-wrap-doi {
    margin-right: 1rem;
}
.pg_article .ww-citation-history-wrap {
    margin-left: 0 !important;
}



/* Jumplink analog default ToC */
.pg_issue .article-issue-info .in-this-issue-title {
    margin-top: 30px;
}

ul.list-book-jumplinks,
.pg_article ul.jumplink-list,
.pg_articlesplitview ul.jumplink-list,
.pg_issue ul.list-issue-jumplinks {
    margin-top: 1rem !important;
    margin-bottom: 2rem !important;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

ul.list-book-jumplinks:before,
.pg_article ul.jumplink-list:before,
.pg_articlesplitview ul.jumplink-list ul.jumplink-list:before,
.pg_issue ul.list-issue-jumplinks:before {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    margin: 20px 0 0 0 !important;
    line-height: 40px;
    text-transform: uppercase !important;
    border-left: none;
}

ul.list-book-jumplinks li.section-jump-link,
.pg_article ul.jumplink-list li.section-jump-link,
.pg_articlesplitview ul.jumplink-list li.section-jump-link,
.pg_issue ul.list-issue-jumplinks li.section-jump-link {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 !important;
    height: auto;
    padding: 0 !important;
    padding-left: 21px !important;
    line-height: 1.875rem;
    border-left: solid 4px var(--colorLightGrey);
}
ul.list-book-jumplinks li.section-jump-link a:hover,
.pg_article ul.jumplink-list li.section-jump-link a:hover,
.pg_articlesplitview ul.jumplink-list li.section-jump-link a:hover,
.pg_issue ul.list-issue-jumplinks li.section-jump-link a:hover {
    color: var(--colorOrange);
}
ul.list-book-jumplinks li.section-jump-link a:before,
.pg_article ul.jumplink-list li.section-jump-link a:before,
.pg_articlesplitview ul.jumplink-list li.section-jump-link a:before,
.pg_issue ul.list-issue-jumplinks li.section-jump-link a:before {
    content: "";
    margin-right: 0;
}
ul.list-book-jumplinks li.section-jump-link a:after,
.pg_article ul.jumplink-list li.section-jump-link a:after,
.pg_articlesplitview ul.jumplink-list li.section-jump-link a:after,
.pg_issue ul.list-issue-jumplinks li.section-jump-link a:after {
    display: none;
}
ul.list-book-jumplinks li.section-jump-link a,
.pg_article ul.jumplink-list li.section-jump-link a,
.pg_articlesplitview ul.jumplink-list li.section-jump-link a,
.pg_issue ul.list-issue-jumplinks li.section-jump-link a {
    font-size: 16px;
    font-size: 1rem;
    text-decoration: none !important;
    line-height: 1.875rem;
    margin: 0;
    padding: 0;
    display: inline;
}
ul.list-book-jumplinks li.section-jump-link.active,
.pg_article ul.jumplink-list li.section-jump-link.active,
.pg_articlesplitview ul.jumplink-list li.section-jump-link.active,
.pg_issue ul.list-issue-jumplinks li.section-jump-link.active {
    border-left: solid 4px var(--colorOrange);
    background-color: var(--colorLightGrey);
}
    ul.list-book-jumplinks li.section-jump-link.active a,
    .pg_article ul.jumplink-list li.section-jump-link.active a,
    .pg_articlesplitview ul.jumplink-list li.section-jump-link.active a,
    .pg_issue ul.list-issue-jumplinks li.section-jump-link.active a {
        color: var(--colorBlack);
        font-weight: 400 !important;
    }
    ul.list-book-jumplinks li.section-jump-link.active a:hover,
    .pg_article ul.jumplink-list li.section-jump-link.active a:hover,
    .pg_articlesplitview ul.jumplink-list li.section-jump-link.active a:hover,
    .pg_issue ul.list-issue-jumplinks li.section-jump-link.active a:hover {
        color: var(--colorOrange);
    }


.article-body .permissionstatement-section-wrapper, 
.aside .permissionstatement-section-wrapper {
    margin-top: 2rem;
}

.permissionstatement-section-wrapper .copyright {
    text-align: left !important;    
}

.permissionstatement-section-wrapper .license {
    text-align: left !important;
    margin: 1.5rem 0 !important;
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5rem;
}


/* adding a second definition here that works also for book chapter */
.permissionstatement-section-wrapper .copyright-statement,
.permissionstatement-section-wrapper .license > div.license-p,
.category-section .copyright-statement, 
.category-section .license > div.license-p {
    margin-bottom: 1rem !important;
    font-size: .75rem !important;
    text-align: left !important;
    line-height: 1.75;
}
.pg_ChapterStandard .widget-items .content-section:first-of-type, 
.pg_chapter .widget-items .content-section:first-of-type {
    margin-bottom: 1rem;
}


/* no white-space:nowrap on article tables */
.pg_article .table-wrap th,
.pg_article .table-wrap td {
    white-space: normal !important;
}


@media (max-width: 899px) {
    .pg_article .article-browse-mobile-nav, 
    .pg_ChapterStandard .article-browse-mobile-nav, 
    .pg_ConferenceVolume .article-browse-mobile-nav, 
    .pg_Issue .article-browse-mobile-nav, 
    .pg_Map .article-browse-mobile-nav, 
    .pg_Proceeding .article-browse-mobile-nav, 
    .pg_SearchResults .article-browse-mobile-nav, 
    .pg_articlesbygroup .article-browse-mobile-nav, 
    .pg_chapter .article-browse-mobile-nav, 
    .pg_thesaurusterm .article-browse-mobile-nav {
        margin: 1.5rem 0 !important;
    }
}



/* --------------------------------------------- */
/* TEST: Display split view widget as flexbox    */
/* IDEA: Display MPU Ads beside the Issue Info   */
/* 2023-04-19: currently not in use, but keep it */
/* --------------------------------------------- */
.pg_articlesplitview .aside .panels .widget.ad-beside-issue-info > .widget-dynamic-inner-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}
.pg_articlesplitview .aside .panels .widget.ad-beside-issue-info > .widget-dynamic-inner-wrap .widget-IssueInfo {
    flex: 1 0 auto !important;
    align-self: start !important;
}
.pg_articlesplitview .aside .panels .widget.ad-beside-issue-info > .widget-dynamic-inner-wrap .widget-SelfServeContent {
    flex: 0 1 auto !important;
    align-self: start !important;
}
.pg_articlesplitview .aside .panels .widget.ad-beside-issue-info > .widget-dynamic-inner-wrap .widget-IssueInfo .article-info-wrap .article-issue-img {
    margin: 0 1.5rem 0 0 !important;
}


@media (max-width:599px) {
    .pg_articlesplitview .aside .panels .widget.ad-beside-issue-info > .widget-dynamic-inner-wrap {
        display: block !important;
    }
    .pg_articlesplitview .aside .panels .widget.ad-beside-issue-info > .widget-dynamic-inner-wrap .widget-SelfServeContent {
        display: inline-block !important;  
    }
    .pg_articlesplitview .aside .panels .widget.ad-beside-issue-info > .widget-dynamic-inner-wrap .widget-SelfServeContent .ad_mpu {
        text-align: left !important;
    }
    .pg_articlesplitview .aside .panels .widget.ad-beside-issue-info > .widget-dynamic-inner-wrap .widget-IssueInfo .article-info-wrap .article-issue-img {
        margin: 0 0 1.5rem 0 !important;
    }
}


/* ******************************************** */
/* GET PERMISSIONS buttons                      */
/* ******************************************** */
.button.search-results-get-permissions {
    background-color: var(--colorWhite);
    border: solid 1px var(--colorOrange);
    color: var(--colorBlack) !important;
    height: 40px;
    line-height: 40px;
    width: auto;
    min-width: 200px;
    white-space: nowrap;
}
.button.search-results-get-permissions a,
.button.search-results-get-permissions a .toolbar-label,
.button.search-results-get-permissions a .toolbar-text {
    color: var(--colorBlack) !important;
}
.button.search-results-get-permissions:hover {
    border: solid 1px var(--colorBlack);
}



/* ******************************************** */
/* TOOLBAR                                      */
/* ******************************************** */
.toolbar-wrap .toolbar-inner-wrap>ul,
.toolbar-wrap.toolbar-stuck .toolbar-inner-wrap>ul {
    justify-content: flex-start !important;
    row-gap: 0.5rem;
}
    .toolbar-wrap .toolbar-inner-wrap>ul li,
    .toolbar-wrap.toolbar-stuck .toolbar-inner-wrap>ul li {
        margin-right: 5px !important;
    }

.toolbar-wrap .toolbar-inner-wrap>ul .toolbar-item,
.toolbar-wrap.toolbar-stuck .toolbar-inner-wrap>ul .toolbar-item {
    margin: 0 0.5rem 0 0 !important;
    line-height: 1.25rem !important;
    color: var(--colorBlack) !important;
}
    /* remove margin bottom from dropdown items */
    .toolbar-wrap .toolbar-inner-wrap>ul.f-dropdown .toolbar-item, 
    .toolbar-wrap.toolbar-stuck .toolbar-inner-wrap>ul.f-dropdown .toolbar-item {
        margin: 0 10px 0 0 !important;
    }

    .toolbar-wrap .toolbar-inner-wrap>ul .toolbar-item:last-child,
    .toolbar-wrap.toolbar-stuck .toolbar-inner-wrap>ul .toolbar-item:last-child {
        margin-right: 0 !important;
    }

.toolbar-wrap .item-with-dropdown, 
.toolbar-wrap a,
.toolbar-wrap.toolbar-stuck .toolbar-inner-wrap>ul#Toolbar>.search-dropdown-trigger_wrap, 
.toolbar-wrap.toolbar-stuck .toolbar-inner-wrap>ul#Toolbar>.toolbar-item {
    position: relative;
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.25rem !important;
    color: var(--colorBlack) !important;
}

.toolbar-wrap .toolbar-inner-wrap>ul>li>a, 
.toolbar-wrap .toolbar-inner-wrap>ul>li>div a,
.toolbar-wrap.toolbar-stuck .toolbar-inner-wrap>ul>li>a, 
.toolbar-wrap.toolbar-stuck .toolbar-inner-wrap>ul>li>div a {
    padding: .75rem .5rem !important;
}

/* highlight download button on book pages */
.pg_Book .toolbar-wrap .toolbar-inner-wrap>ul>li>a[data-dropdown="DownloadDrop"] {
    background: var(--colorOrange) !important;
    color: var(--colorBlack) !important;
}
.pg_Book .toolbar-wrap .toolbar-inner-wrap>ul>li>a[data-dropdown="DownloadDrop"] [class^="icon-"],
.pg_Book .toolbar-wrap .toolbar-inner-wrap>ul>li>a[data-dropdown="DownloadDrop"] [class^="icon-"]:before, 
.pg_Book .toolbar-wrap .toolbar-inner-wrap>ul>li>a[data-dropdown="DownloadDrop"] [class*=" icon-"],
.pg_Book .toolbar-wrap .toolbar-inner-wrap>ul>li>a[data-dropdown="DownloadDrop"] [class*=" icon-"]:before {
    color: var(--colorBlack) !important;
}


/* Toolbar should NOT be sticky on scroll! */
/* --------------------------------------- */
.toolbar-wrap.toolbar-stuck {
    position: relative !important;
    margin: 1rem 0 0 0;
    border-bottom: none !important;
    box-shadow: none !important;
    z-index: initial !important;
    background: transparent !important;
}
.toolbar-wrap.toolbar-stuck .toolbar-inner-wrap {
    padding: 0;
}


/* Hide search button from Toolbar         */
/* --------------------------------------- */
li.search-dropdown-trigger_wrap.toolbar-item {
    display: none !important;
}


@media (max-width: 599px) {  
    /* align drop downs to the left instead to the right */
    .toolbar-wrap .item-with-dropdown ul.f-dropdown,
    .toolbar-wrap .item-with-dropdown ul.f-dropdown.open {
        left: 0 !important;
        right: unset !important;
        top: 45px !important;
    }

    /* adjust font size to 16px even on small screens */
    .toolbar-wrap .toolbar-inner-wrap>ul .toolbar-item .toolbar-label span,
    .toolbar-wrap .toolbar-inner-wrap>ul .toolbar-item>.getCitationDiv>a, 
    .toolbar-wrap .toolbar-inner-wrap>ul .toolbar-item>.widget-ToolboxPermissions>.module-widget>a, 
    .toolbar-wrap .toolbar-inner-wrap>ul .toolbar-item>a,
    .toolbar-wrap .item-with-dropdown, 
    .toolbar-wrap a, 
    .toolbar-wrap.toolbar-stuck 
    .toolbar-inner-wrap>ul#Toolbar>.search-dropdown-trigger_wrap, 
    .toolbar-wrap.toolbar-stuck .toolbar-inner-wrap>ul#Toolbar>.toolbar-item {
        font-size: 16px !important;
        font-size: 1rem !important;
    }
}

/* Hide empty toolbar list items */
.toolbar-wrap .toolbar-inner-wrap>ul .toolbar-item:has(a:empty) {
    display: none !important;
}
.toolbar-wrap .toolbar-item a.pdf span {
    font-weight: 400 !important;
    color: var(--colorDarkGrey) !important;
}
.toolbar-wrap .toolbar-item a.PermissionsLink {
    white-space: nowrap !important;
}
.toolbar-wrap .item-with-dropdown ul.f-dropdown li {
    margin: 0 !important;
}



/* ******************************************** */
/* FIGSHARE                                     */
/* ******************************************** */
a[class^="frontend-widgets-filesViewerGeneric"],
a[class^="frontend-filesViewer-inlineMode-downloadMenu"],
a[class^="frontend-filesViewer-enlargedMode-fileDetails-downloadButton"],
button[class^="frontend-widgets-filesViewerGeneric"],
button[class^="frontend-filesViewer-inlineMode-downloadMenu"],
button[class^="frontend-filesViewer-enlargedMode-fileDetails-downloadButton"],
.figshare-wrapper button:not(.toggle-left-col__close) {
    background: var(--colorWhite) !important;
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    padding: 0 5px !important;
    height: 40px !important;
    width: auto !important;
    line-height: 0.875rem !important;
    transition: none !important;
    border: none !important;
    color: var(--colorBlack) !important;
    text-decoration: none !important;
    -moz-text-decoration-color: none !important;
    text-decoration-color: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center;    
}
    a[class^="frontend-widgets-filesViewerGeneric"]:hover,
    a[class^="frontend-filesViewer-inlineMode-downloadMenu"]:hover,
    a[class^="frontend-filesViewer-enlargedMode-fileDetails-downloadButton"]:hover,
    button[class^="frontend-widgets-filesViewerGeneric"]:hover,
    button[class^="frontend-filesViewer-inlineMode-downloadMenu"]:hover,
    button[class^="frontend-filesViewer-enlargedMode-fileDetails-downloadButton"]:hover,
    .figshare-wrapper button:not(.toggle-left-col__close):hover,
    a[class^="frontend-widgets-filesViewerGeneric"]:focus,
    a[class^="frontend-filesViewer-inlineMode-downloadMenu"]:focus,
    a[class^="frontend-filesViewer-enlargedMode-fileDetails-downloadButton"]:focus,
    button[class^="frontend-widgets-filesViewerGeneric"]:focus,
    button[class^="frontend-filesViewer-inlineMode-downloadMenu"]:focus,
    button[class^="frontend-filesViewer-enlargedMode-fileDetails-downloadButton"]:focus,
    .figshare-wrapper button:not(.toggle-left-col__close):focus {
        color: var(--colorBlack) !important;
        line-height: 2.5rem !important;
        text-decoration: none !important;
        -moz-text-decoration-color: none !important;
        text-decoration-color: none !important;
}

footer[class^="frontend-filesViewer-inlineMode-footer"] button, 
footer[class^="frontend-filesViewer-inlineMode-footer"] a,
footer[class^="frontend-filesViewer-inlineMode-footer"] button:hover, 
footer[class^="frontend-filesViewer-inlineMode-footer"] a:hover {
    text-decoration: none !important;
    border: none !important;
}

[class^="frontend-widgets-filesViewerGeneric-theme-module__enlargedMode_closeOverlay"] {
    width: 40px !important;
    transition: none !important;
}
[class^="frontend-filesViewer-"] svg {
    fill: var(--colorBlack) !important;
}

button.fs-simple-button {
    width: auto !important;
}

.figshare-wrapper .fs-video-controls button.fs-controls-shortcuts {
    background: transparent !important;
}
figshare-widget .fs-figshare-viewer .fs-media-wrapper .fs-video-volume-button, 
figshare-overlay .fs-figshare-viewer .fs-media-wrapper .fs-video-volume-button {
    border: none !important;
}

.figshare-wrapper .fs-video-controls-bar button[class^="fs-video-"],
.figshare-wrapper .fs-video-controls-bar button.fs-video-play,
.figshare-wrapper .fs-video-controls-bar button.fs-video-volume-button,
.figshare-wrapper .fs-video-controls-bar button.fs-video-fullscreen,
figshare-widget .fs-figshare-viewer .fs-media-wrapper button.fs-video-fullscreen,
figshare-overlay .fs-figshare-viewer .fs-media-wrapper button.fs-video-fullscreen {
    background-color: transparent !important;
    border: none !important;
    color: var(--colorLightGrey) !important;
}
    .figshare-wrapper .fs-video-controls-bar button[class^="fs-video-"]:hover,
    .figshare-wrapper .fs-video-controls-bar button.fs-video-play:hover,
    .figshare-wrapper .fs-video-controls-bar button.fs-video-volume-button:hover,
    .figshare-wrapper .fs-video-controls-bar button.fs-video-fullscreen:hover,    
    figshare-widget .fs-figshare-viewer .fs-media-wrapper button.fs-video-fullscreen:hover,
    figshare-overlay .fs-figshare-viewer .fs-media-wrapper button.fs-video-fullscreen:hover,
    .figshare-wrapper .fs-video-controls-bar button[class^="fs-video-"]:focus,
    .figshare-wrapper .fs-video-controls-bar button.fs-video-play:focus,
    .figshare-wrapper .fs-video-controls-bar button.fs-video-volume-button:focus,
    .figshare-wrapper .fs-video-controls-bar button.fs-video-fullscreen:focus,
    figshare-widget .fs-figshare-viewer .fs-media-wrapper button.fs-video-fullscreen:focus,
    figshare-overlay .fs-figshare-viewer .fs-media-wrapper button.fs-video-fullscreen:focus {
        background-color: transparent !important;
        border: none !important;
        color: var(--colorOrange) !important;
        box-shadow: none !important;
    }
    

.fs-controls-group .fs-prev-page,
.fs-controls-group .fs-next-page {
    width: 40px !important;
    height: 40px !important;
    position: absolute;
    font-size: 16px !important;
    font-size: 1rem;
    line-height: 2.5rem !important;
    border-radius: 50% !important;
    border: solid 1px var(--colorDarkGrey) !important;
    background-color: var(--colorWhite) !important;
    color: var(--colorOrange) !important; 
}   
    .fs-controls-group .fs-prev-page:hover,
    .fs-controls-group .fs-next-page:hover {
        border: solid 1px var(--colorOrange) !important;
        background-color: var(--colorDarkGrey) !important;
        color: var(--colorWhite) !important;        
    }

.click-outside-wrapper button:first-child {
    /* width: auto !important; */
    background-color: transparent !important;
    border: none !important;
}

[class^="frontend-filesViewer-enlargedMode-fileListing-file-module__fileThumbnail"] {
    border: none !important;
    background: transparent !important;
}

a[class^="frontend-filesViewer-enlargedMode-fileDetails-downloadButton"],
a[class^="frontend-filesViewer-enlargedMode-fileDetails-downloadButton"]:hover {
    color: var(--colorDarkGrey) !important;
    text-decoration: none !important;
}

.fig-orig a,
.fig-orig a.fig-view-orig,
.fig .graphic-wrap .fig-orig a {
    background: var(--colorWhite) !important;
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 0 !important;
    height: 40px !important;
    width: 200px !important;
    line-height: 2.5rem !important;
    transition: none !important;
}
    
.article-body #articlefulltext_figshare a,
.article-body #articlefulltext_figshare a:link,
.article-body #articlefulltext_figshare a::after,
.article-body #articlefulltext_figshare a:link span,
.fig-orig a.fig-view-orig,
.fig .graphic-wrap .fig-orig a {
    color: var(--colorDarkGrey) !important;
    text-decoration: none !important;
}

.fig .graphic-wrap .fig-link img.content-image {
    border: solid 1px var(--colorMediumGrey);
}

.article-body .article-section-wrapper .ref-list .ref {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}


/* DSD-3436,requested by Stefan Buess on 10.07.2024 */
.article-body .article-section-wrapper .caption.fig-caption em+sub, 
.article-body .article-section-wrapper .caption.fig-caption em+sup {
    margin-left: 0 !important;
}

/* DSD-3827, requested by Richard Pelham on 24.10.2024 */
[data-widgetname=ArticleFulltext] p {
    margin: 0 0 1rem 0 !important;
}
[data-widgetname=ArticleFulltext] ul.list-simple li {
    margin-top: 0 !important;
}



/* ******************************************** */
/* SPECIAL COLLECTIONS                          */
/* ******************************************** */

/* hide sidebar for the time being */
@media (min-width: 900px) {
    .pg_Collections .special-collection-page-wrap {
        grid-template-columns: minmax(250px,2fr) 1px;
        grid-template-areas:
            "ContentColumn Sidebar"
            "ContentColumn Sidebar";
        column-gap: 0;
    }
}
.pg_Collections .special-collection-page-wrap #Sidebar {
    display: none;
} 

/* remove left side margin */
.pg_Collections .special-collection-text,
.pg_Collections .widget-instance-SpecialCollection_MultiQuerySelectableContentList {
    margin-left: 0;
}


.pg_Collections .special-collection-text a:not(.btn), 
.pg_Collections .widget-instance-SpecialCollection_MultiQuerySelectableContentList a:not(.btn):not(.pageNumber):not(.js-pagination-click) {
    text-decoration: underline !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-color: var(--colorDarkGrey) !important;
}
    .pg_Collections .special-collection-text a:not(.btn):hover, 
    .pg_Collections .widget-instance-SpecialCollection_MultiQuerySelectableContentList a:not(.btn):not(.pageNumber):not(.js-pagination-click):hover {
        color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
}
    .pg_Collections .widget-instance-SpecialCollection_MultiQuerySelectableContentList a.pageNumber:hover,
    .pg_Collections .widget-instance-SpecialCollection_MultiQuerySelectableContentList a.js-pagination-click:hover,
    .pg_Collections .widget-instance-SpecialCollection_MultiQuerySelectableContentList a.js-pagination-click:hover i {
        color: var(--colorOrange) !important;
        text-decoration: none !important;
    }

    .pg_Collections .widget-instance-SpecialCollection_MultiQuerySelectableContentList .widget-dynamic-title a:not(.btn) {
        padding-left: 15px !important;
        text-decoration: underline !important;
        -moz-text-decoration-color: var(--colorDarkGrey) !important;
        text-decoration-color: var(--colorDarkGrey) !important;
    }
    .pg_Collections .widget-instance-SpecialCollection_MultiQuerySelectableContentList .widget-dynamic-title a:not(.btn):before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f054" !important;
        color: var(--colorOrange) !important;
        width: 15px !important;
        margin-left: -15px !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        display: inline-block !important;        
}
    .pg_Collections .widget-instance-SpecialCollection_MultiQuerySelectableContentList .widget-dynamic-title a:not(.btn):hover {
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
    }

.pg_Collections .special-collection-text h1 {
    font-size: 44px !important;
    font-size: 2.75rem !important;
    line-height: 4rem !important;
    font-weight: 700 !important;
    margin-top: 42px !important;
    margin-bottom: 44px !important;
}
.pg_Collections .special-collection-image img {
    max-height: 160px;
}
    @media (max-width: 899px) {
        .pg_Collections .special-collection-text h1 {
            font-size: 32px !important;
            font-size: 2rem !important;
            line-height: 2.625rem !important;
            margin-top: 42px !important;
            margin-bottom: 32px !important;
        }

        .pg_Collections .special-collection-image {
            order: 1;
        }
        .pg_Collections .special-collection-description {
            order: 2;
        }
    }    

.pg_Collections section h3 {
    margin-top: 36px;
    margin-bottom: 26px;
}  
.pg_Collections section h4 {
    margin-top: 32px;
    margin-bottom: 22px;
}
.pg_Collections section h5 {
    margin-top: 28px;
    margin-bottom: 20px;
}

.pg_Collections .special-collection-title a {
    padding-left: 15px !important;
    text-decoration: underline !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-color: var(--colorDarkGrey) !important;
    display: inline-block !important;    
}
    .pg_Collections .special-collection-title a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f054" !important;
        color: var(--colorOrange) !important;
        width: 15px !important;
        margin-left: -15px !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        display: inline-block !important;        
    }

.pg_Collections .widget-dynamic-authors, 
.pg_Collections .widget-dynamic-journal-article-date, 
.pg_Collections .widget-dynamic-journal-journal-name {
    font-size: 1rem !important;
}

.pg_Collections .widget-MultiQuerySelectableContentList .widget-dynamic-doi {
    font-size: 16px !important;
    font-size: 1rem !important;
}


.pg_article .special-collections-wrap {
    font-size: 16px !important;
    font-size: 1rem !important;
}
    .pg_article .special-collections-wrap div span {
        font-weight: 400 !important;
    }

.al-article-items .special-collections-wrap div:first-child,
.pg_article .special-collections-wrap div:first-child {
    font-size: 16px !important;
    font-size: 1rem !important;
    margin: 0 0 20px 0 !important;
}

.al-article-items .special-collections-wrap a,
.pg_article .special-collections-wrap a {
    text-decoration: underline !important;
    text-decoration-color: var(--colorDarkGrey) !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-style: solid;
    -moz-text-decoration-style: solid;
    text-decoration-thickness: 1px;
}
    .al-article-items .special-collections-wrap a:hover,
    .pg_article .special-collections-wrap a:hover {
        color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-thickness: 2px !important;
    }
            
    
/* Focus Article */
.pg_article .special-collections-wrap a.collection-focus-articles {
    padding: 3px 5px;
    background-color: var(--colorBlue25);
    text-decoration: none !important;
    -moz-text-decoration-color: var(--colorBlue25) !important;
    text-decoration-color: var(--colorBlue25) !important;
}
    .pg_article .special-collections-wrap a.collection-focus-articles::before {
        font-family: "Font Awesome 6 Pro" !important;
        content: "\f30f" !important;
        font-weight: 300;
        margin-right: 5px;
    }

.pg_article .special-collections-wrap .special-collections-icon.icon-special_collections.icon-focus-article {
    display: none !important;
}




/* Subject Area Overview */
/* old collection pages  */
/* ********************* */

.pg_CollectionsBrowse .widget-SpecialCollectionsBrowse {
    margin-left: 0;
}
.pg_CollectionsBrowse .grid-view .special-collection-image img {
    max-height: 160px;
}

.pg_CollectionsBrowse .special-collection-browse-wrap.grid-view h1 {
    margin-top: 42px !important;
    margin-bottom: 44px !important;
}
.pg_CollectionsBrowse .special-collection-item .special-collection-title,
.pg_CollectionsBrowse .special-collection-item .special-collection-title a {
    font-size: 1.2rem !important;
    margin: .5rem 0 0 !important;
    text-align: center;
    font-weight: 400 !important;
}
    .pg_CollectionsBrowse .special-collection-item .special-collection-title a:hover {
        color: var(--colorOrange) !important;
    }
    .pg_CollectionsBrowse .special-collection-item .special-collection-title a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        font-size: 1.1rem;
        content: "\f054" !important;
        color: var(--colorOrange) !important;
        width: 15px !important;
        margin-left: -15px !important;
        text-decoration: none !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        display: inline-block !important;        
    }




/* ******************************************** */
/* BEST OF PAGES                                */
/* ******************************************** */
.bestof-sa-link {
    line-height: 50px;
    font-size: 32px;
    text-decoration: none !important;
}
    .bestof-sa-link:hover {
        text-decoration: underline !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
    }

    .bestof-sa-link i[class^="icon-"], 
    .bestof-sa-link em[class^="icon-"],
    .bestof-sa-link i[class*=" icon-"],
    .bestof-sa-link em[class*=" icon-"] {
        margin-right: 10px !important;
    }

.bestof-sa-link:hover i[class^="icon-"], 
.bestof-sa-link:hover em[class^="icon-"],
.bestof-sa-link:hover i[class*=" icon-"],
.bestof-sa-link:hover em[class*=" icon-"] {
    color: var(--colorOrange) !important;
}



/* ******************************************** */
/* PAGINATION                                   */
/* ******************************************** */
.pagination-bottom-outer-wrap .pagination, 
.pagination-top-outer-wrap .pagination, 
.widget-Pagination .pagination {
    justify-content: flex-start !important;
}

.pagination-bottom-outer-wrap .pageNumbers>*, 
.pagination-top-outer-wrap .pageNumbers>*, 
.pagination .sr-nav-previous.al-nav-previous,
.pagination .sr-nav-next.al-nav-next,
.widget-Pagination .pageNumbers>* {
    margin: 0 .5rem 0 0;
    border: 1px solid var(--colorDarkGrey) !important;
}

.pagination .pageNumbers > *,
.pagination .sr-nav-previous.al-nav-previous,
.pagination .sr-nav-next.al-nav-next {
    margin: 0 5px 0 0 !important;
    background-color: var(--colorLightGrey);
    border: 1px solid var(--colorDarkGrey);
    color: var(--colorBlack);
    width: 50px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 21px;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
}
    .pagination .sr-nav-previous.al-nav-previous,
    .pagination .sr-nav-next.al-nav-next {
        width: auto !important;
        padding: 0 10px !important;
        text-decoration: none !important;
        line-height: 38px !important;
        white-space: nowrap !important;        
    }

    .pagination .pageNumbers a:hover,
    .pagination .pageNumbers a:active,
    .pagination .sr-nav-previous.al-nav-previous:hover,
    .pagination .sr-nav-previous.al-nav-previous:active,
    .pagination .sr-nav-next.al-nav-next:hover,
    .pagination .sr-nav-next.al-nav-next:active  {
        background-color: var(--colorDarkGrey) !important;
        color: var(--colorOrange) !important;
        text-decoration: none !important;
    }
        .pagination .sr-nav-previous.al-nav-previous:hover span:not(.label-info),
        .pagination .sr-nav-previous.al-nav-previous:active span:not(.label-info),
        .pagination .sr-nav-next.al-nav-next:hover span:not(.label-info),
        .pagination .sr-nav-next.al-nav-next:active span:not(.label-info) {
            color: var(--colorOrange) !important;
            text-decoration: none !important;
        }
        
    .pagination .pageNumbers .currentPage {
        background-color: var(--colorWhite) !important;
        color: var(--colorDarkGrey) !important;
        border-bottom: solid 3px var(--colorOrange) !important;
    }



/* ******************************************** */
/* PAGE CONTENT                                 */
/* ******************************************** */
.pg_selfservepage #page_content {
    padding: 40px 0;
}



/* ******************************************** */
/* TILES / BRICKS                               */
/* ******************************************** */
.brick-list-v1 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px;
}
.brick-list-v1.small-bricks {
    column-gap: 25px;
    row-gap: 25px;
}
.brick-list-v1.extrasmall-bricks {
    column-gap: 30px;
    row-gap: 30px;
}

    .brick-list-v1 .brick-item {
        display: flex;
        flex-direction: column;
        width: 350px;
        max-width: 350px;
        padding: 0;
    }
        .brick-list-v1 .brick-item:last-child {
            margin-right: 0 !important;
        }


    /* In use on */
    /* CODE3/subscription-rates */
    /* society-optional-services-for-your-society */
    .brick-list-v1 .brick-item.brick-item-small {
        width: 300px;
        max-width: 300px;
        min-height: 250px;
    }
        .brick-list-v1 .brick-item.brick-item-small .brick-item_content {
            padding: 20px 20px !important;
        }

        
    /* In use on HP */
    .brick-list-v1 .brick-item.brick-item-extrasmall {
        width: 220px;
        max-width: 220px;
        min-height: 200px;
    }
        .brick-list-v1 .brick-item.brick-item-extrasmall .brick-item_content {
            padding: 20px 20px !important;
        }
    .brick-list-v1 .brick-item.brick-item-extrasmall:hover .brick-item_icon,
    .brick-list-v1 .brick-item.brick-item-extrasmall:hover .brick-item_header {
        color: var(--colorOrange);
    }
        
    .brick-list-v1 .brick-item.brick-no-hover .brick-item_content:hover {
        border: solid 1px transparent !important;
    }
        
    /* dark grey marker above single tile */
    .brick-marker {
        background-color:var(--colorDarkGrey);
        color:var(--colorWhite);
        font-weight: 300;
    }

    .brick-item_content {
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
        padding: 30px 25px;
        background-color: var(--colorLightGrey);
        border: solid 1px transparent;
    }
        .brick-item_content.brick_white {
            background-color: var(--colorWhite);
        }
        .brick-item_content.brick_lightgrey {
            background-color: var(--colorLightGrey);
        }

        .brick-item_content.brick_blue75 {
            background-color: var(--colorBlue75);
        }
        .brick-item_content.brick_blue50 {
            background-color: var(--colorBlue50);
        }
        .brick-item_content.brick_blue25 {
            background-color: var(--colorBlue25);
        }        
        /* old definition */
        .brick-item_content.brick_blue10 {
            background-color: var(--colorBlueTransparent10);
        }

        .brick-item_content.brick_purple75 {
            background-color: var(--colorPurple75);
        }
        .brick-item_content.brick_purple50 {
            background-color: var(--colorPurple50);
        }
        .brick-item_content.brick_purple25 {
            background-color: var(--colorPurple25);
        }
        .brick-item_content.brick_purple10 {
            background-color: var(--colorPurpleTransparent10);
        }

        .brick-item_content.brick_yellow75 {
            background-color: var(--colorYellow75);
        }
        .brick-item_content.brick_yellow50 {
            background-color: var(--colorYellow50);
        }
        .brick-item_content.brick_yellow25 {
            background-color: var(--colorYellow25);
        }        
        .brick-item_content.brick_yellow10 {
            background-color: var(--colorYellowTransparent10);
        }

        .brick-item_content.brick_red75 {
            background-color: var(--colorRed75);
        }
        .brick-item_content.brick_red50 {
            background-color: var(--colorRed50);
        }
        .brick-item_content.brick_red25 {
            background-color: var(--colorRed25);
        }        
        .brick-item_content.brick_red10 {
            background-color: var(--colorRedTransparent10);
        }

        .brick-item_content.brick_green {
            background-color: var(--colorGreen);
            color: var(--colorWhite);
        }
            .brick-item_content.brick_green h3.brick-item_header {
                color: var(--colorWhite) !important;
            }

        .brick-item_content.brick_green75 {
            background-color: var(--colorGreen75);
            color: var(--colorWhite);
        }
            .brick-item_content.brick_green75 h3.brick-item_header {
                color: var(--colorWhite);
            }
            .brick-item_content.brick_green75 a:not(.btn) {
                color: var(--colorWhite);
                -moz-text-decoration-color: var(--colorWhite) !important;
                text-decoration-color: var(--colorWhite) !important;
            }
            .brick-item_content.brick_green75 a:not(.btn):hover,
            .brick-item_content.brick_green75 a:not(.btn):active {
                color: var(--colorOrange);
                -moz-text-decoration-color: var(--colorOrange) !important;
                text-decoration-color: var(--colorOrange) !important;
            }

        .brick-item_content.brick_green50 {
            background-color: var(--colorGreen50);
        }
        .brick-item_content.brick_green25 {
            background-color: var(--colorGreen25);
        }        
        .brick-item_content.brick_green10 {
            background-color: var(--colorGreenTransparent10);
        }       
        

/* video in tiles */
.brick-item_content .videoWrapper {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto !important;
    padding: 0 !important;
}
.brick-item_content .videoWrapper iframe, 
.brick-item_content .videoWrapper video {
    clip-path: none;
}



.brick-item_content .brick-item_body a:not(.btn)::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054" !important;
    color: var(--colorOrange) !important;
    width: 15px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.brick-item_content h3,
.brick-item_content h4,
.brick-item_content p {
    background-color: transparent !important;
    font-weight: inherit;
    margin-top: 0;
    padding: 0 !important;
}

.brick-item_content.brick_image {
    padding: 0;
}
    .brick-item_content.brick_image .brick-item_body {
        padding: 20px 25px 30px 25px;
    }
    .brick-item_content.brick_image .brick-item_image {
        line-height: 0;
        padding: 0;
    }
    .brick-item_content.brick_image .brick-item_image img {
        width: 100%;
        height: auto;
    }            
    

.brick-item_content.brick_image-cover {
    padding: 0;
    border: solid 1px var(--colorLightGrey);
    justify-content: flex-end;
}
    .brick_image-cover img {
        max-height: 150px;
    }
    
    .brick_image-cover .brick-item_body {
        padding: 30px 25px;
        flex: initial;
        bottom: 0;
        height: auto;
        margin-top: 60%;
    }

    .brick_image-cover .brick-item_overlay {
        background-color: rgba(242, 242, 242, 0.85);
    }
    .brick_image-cover:hover .brick-item_overlay {
        background-color: rgba(242, 242, 242, 1);
    }


.brick-item_content .brick-item_icon {
    font-size: 44px;
    font-size: 2.75rem;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}
    .brick-item_content .brick-item_icon img {
        max-height: 200px !important;
    }

.brick-item_content .brick-item_header {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}

.brick-item_content .brick-item_date {
    font-size: 14px;
    font-size: 0.875rem;
}
.brick-item_content .brick-item_source {
    font-size: 12px;
    font-size: 0.75rem;
}

.brick-item_content .brick-item_body {
    flex: 1 0 auto;
}           

.brick-item_content .brick-item_footer {
    margin-top: 30px;
}
    

.brick-item.top-border {
    border: solid 1px transparent;
}
    .brick-item.top-border .brick-item_content {
        border: none;
    }

              

.top-border-purple {
    border-top: solid 5px var(--colorPurple) !important;
}
.top-border-green {
    border-top: solid 5px var(--colorGreen) !important;
}
.top-border-yellow {
    border-top: solid 5px var(--colorYellow) !important;
}
.top-border-red {
    border-top: solid 5px var(--colorRed) !important;
}
.top-border-blue {
    border-top: solid 5px var(--colorBlue) !important;
}


@media (max-width: 899px) {
    .brick-list-v1 {
        column-gap: 25px;
        row-gap: 25px;
    }

    .brick-list-v1 .brick-item {
        width: 100%;
        max-width: 340px;
    }
}

@media (max-width: 767px) {
    .brick-list-v1 {
        justify-content: center;
    }
    .brick-list-v1 .brick-item {
        width: 100%;
        max-width: 350px;
    }
}

/* Bricklist for MyKarger Benefits */
#MyKarger_Benefits .brickList {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
}
#MyKarger_Benefits .brickList .sectionBrick {
    padding: 0;
    margin: 0 40px 80px 0;
    width: 300px;
    min-height: 250px;
    padding: 25px;
    border: solid 1px var(--colorDarkGrey);
    background-color: var(--colorWhite);
    border: solid 1px var(--colorDarkGrey);
    text-align: center;
}
#MyKarger_Benefits .brickList .sectionBrick .sectionTitle {
    font-size: 22px !important;
    font-size: 1.375rem !important;
    max-width: 300px;
    margin: 25px 0;
    padding-top: 0;
}

#MyKarger_Benefits .brickList .sectionBrick .sectionIcon {
    font-size: 38px;
    font-size: 2.375rem;
}
     
@media (max-width: 767px) {    
    #MyKarger_Benefits {
        margin-top: 50px;
    }
}
    



/* ******************************************** */
/* COVER                                        */
/* ******************************************** */
.pg_selfservepage .cover img,
.pg_selfservepage .journalCoverBorder,
.pub-cover img {
    border: solid 1px var(--colorMediumGrey);
}

a.journalCover img, 
img.journalCover {
    width: auto;
    max-width: 100%;
    max-height: 230px;
    border: solid 1px var(--colorMediumGrey);
}

.pub-cover img {
    max-width: initial;
    max-height: initial;
}



/* ******************************************** */
/* SSB-TILES / "Box" (e.g. Journal Home)        */
/* ******************************************** */

/* hides the default border around pseudo-empty boxes */
.pg_index [class*=home-row] .widget-SelfServeContent:not([class*=content-ad]) {
    border: 1px solid transparent !important;
}

.karger.journal .home-section-title h3 {
    background-color: var(--colorWhite);
    color: var(--colorDarkGrey);
}

.self-serve_box {
    background-color: var(--colorLightGrey);
    color: var(--colorBlack);
    padding: 0;
    height: 100%;
    width: 100%;
}    

.self-serve_box.purple {
    background-color: var(--colorPurple50);
}
.self-serve_box.yellow {
    background-color: var(--colorYellow50);
    color: var(--colorBlack);
}
.self-serve_box.green {
    background-color: var(--colorGreen50);
}
.self-serve_box.blue {
    background-color: var(--colorBlue50);
    color: var(--colorBlack);
}
.self-serve_box.red {
    background-color: var(--colorRed50);
    color: var(--colorBlack);
}

.self-serve_box .box-hero {
    padding: 0; 
    width: 100%;
    height: auto;
    aspect-ratio: 7 / 5;  
}   
    .self-serve_box .box-hero img {
        width: 100%;
        height: auto;
        aspect-ratio: 7 / 5;   
    }
    .self-serve_box .box-hero .hero-icon {
        background-color: var(--colorGreen);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        aspect-ratio: 7 / 5;
    }
        .self-serve_box .box-hero .hero-icon span {
            font-size: 100px;
            color: var(--colorWhite);
        }


.self-serve_box .box-content {
    padding: 30px 20px;
}    

.self-serve_box .box-content .icon {    
    margin: 0 0 30px 0 !important;
}

.self-serve_box .box-content span.fa-brands,
.self-serve_box .box-content span.fal,
.self-serve_box .box-content span.fa-light,
.self-serve_box .box-content span.far,
.self-serve_box .box-content span.fa-regular,
.self-serve_box .box-content span.fa-bold {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.875rem;
}

.self-serve_box .box-content span.metric-icon {
    font-size: 18px;
    font-size: 1.125rem;
}

.self-serve_box .box-content h3 {
    margin: 0 0 30px 0 !important;
}

.self-serve_box .box-content a.btn {
    margin: 20px auto !important;
}

.self-serve_box .box-content img.cover {
    max-height: 150px;
}

.self-serve_box .box-content p {
    line-height: 1.5rem !important;
    margin-bottom: 10px !important;
}

.self-serve_box .box-content a.notextdecoration,
.self-serve_box .box-content a.notextdecoration:link,
.self-serve_box .box-content a.notextdecoration:visited {
    text-decoration: none !important;
}
    .self-serve_box .box-content a.notextdecoration:hover,
    .self-serve_box .box-content a.notextdecoration:active {
        text-decoration: underline !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
    }



/* ******************************************** */
/* TABLE OF CONTENT / TOC                       */
/* ******************************************** */
nav.toc {
    margin-top: 20px;
    margin-bottom: 20px;
}
    @media (max-width: 899px) {
        nav.toc {
            margin-top: 0;
        }   
    }

nav.toc .toc__header {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    padding-left: 0;
    padding-bottom: 0;
    margin: 0;
    line-height: 2.5rem;
    text-transform: uppercase;
    border-left: none;
}
    @media (min-width: 900px) {
        nav.toc .toc__header {
            line-height: 1.8rem;
        }   
    }

nav.toc .toc__header a {
    color: var(--colorDarkGrey);
    font-weight: 400;
    text-decoration: none !important;
}
nav.toc .toc__header::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: '\f038';
    margin-left: 4px;
    margin-right: 8px;
}
nav.toc ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
nav.toc ul li {
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    height: auto;
    padding-left: 21px;
    padding-bottom: 0;
    line-height: 1.875rem;
    border-left: solid 4px var(--colorLightGrey);
}

nav.toc ul li a:hover {
    color: var(--colorOrange);
    text-decoration: underline !important;
    -moz-text-decoration-color: var(--colorOrange);
    text-decoration-color: var(--colorOrange);
}
nav.toc ul li a:before {
    content: "" !important;
    margin-right: 0 !important;
}
nav.toc ul li a:after {
    display: none;
}
nav.toc ul li a {
    font-size: 16px;
    font-size: 1rem;
    text-decoration: none !important;
    line-height: 1.875rem;
    margin: 0;
    padding: 0;
    display: inline;
}
nav.toc ul li.active {
    border-left: solid 4px var(--colorOrange);
    background-color: var(--colorLightGrey);
}
nav.toc ul li.active a {
    color: var(--colorOrange);
}
nav.toc ul li ul {
    margin-left: 30px !important;
}
nav.toc ul li ul li {
    height: auto;
    padding-left: 21px;
    padding-bottom: 0;
    line-height: 1.875rem;
}



/* ******************************************** */
/* VIDEO                                        */
/* ******************************************** */
.videoWithMaxSize {
    max-width: 560px;
    left: 0;
    right: 0;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25% !important;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.videoWrapper iframe,
.videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    clip-path: inset(2px 2px);
}

.addArticleContent_box .videoWrapper {
    padding-bottom: 46% !important;
}



/* ******************************************** */
/* TAGS                                         */
/* ******************************************** */
.pg_selfservepage a[rel="tag"],
.pg_selfservepage span[rel="tag"] {
    display: inline-block;
    background-color: rgba(51, 51, 51, 0.85);
    color: var(--colorWhite) !important;
    font-size: 14px;
    font-size: 0.875rem;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-decoration: none !important;
}
    .pg_selfservepage a[rel="tag"]:hover,
    .pg_selfservepage span[rel="tag"]:hover {
        color: var(--colorOrange) !important;
    }    
    .pg_selfservepage a[rel="tag"]:before,
    .pg_selfservepage span[rel="tag"]:before {
        content: "" !important;
        padding-right: 0 !important;
    }



/* ******************************************** */
/* SOCIAL MEDIA ICONS                           */
/* ******************************************** */
.pg_index .social-media,
.pg_selfservepage .social-media,
.self-serve_box .social-media {
    margin-top: 20px;
    display: inline-flex;
    flex-direction: row;
}
.pg_index .social-media a,
.pg_selfservepage .social-media a,
.self-serve_box .social-media a {
    display: flex;
    flex-direction: column;    
    margin-right: 5px;
    text-decoration: none !important;
}
    .pg_index .social-media a:hover,
    .pg_selfservepage .social-media a:hover,
    .self-serve_box .social-media a:hover {
        text-decoration: none !important;
    }

    .pg_index .social-media a i,
    .pg_index .social-media a em,
    .pg_selfservepage .social-media a i,
    .pg_selfservepage .social-media a em,
    .self-serve_box .social-media a i,
    .self-serve_box .social-media a em {
        font-size: 18px;
        font-size: 1.125rem;
        border: solid 1px var(--colorDarkGrey) !important;
        color: var(--colorBlack) !important;
        border-radius: 50% !important;
        background-color: var(--colorLightGrey) !important;
        margin-right: 0;
        padding: 8px;
        text-align: center;
        width: 18px;
        height: 18px;
    }
        .pg_index .social-media a i:hover,
        .pg_index .social-media a em:hover,
        .pg_selfservepage .social-media a i:hover,
        .pg_selfservepage .social-media a em:hover,
        .self-serve_box .social-media a i:hover,
        .self-serve_box .social-media a em:hover {
            border: solid 1px var(--colorOrange) !important;
            color: var(--colorOrange) !important;
        } 
            .pg_index .social-media a i:hover::before,
            .pg_index .social-media a em:hover::before,
            .pg_selfservepage .social-media a i:hover::before,
            .pg_selfservepage .social-media a em:hover::before,
            .self-serve_box .social-media a i:hover::before,
            .self-serve_box .social-media a em:hover::before {
                color: var(--colorOrange) !important;
            }

.social-media a .fa-stack {
    display: flex;
    height: 40px;
    line-height: 40px;
    position: relative;
    vertical-align: middle;
    width: 40px;    
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.social-media a .fa-lg {
    font-size: 16px;
    font-size: 1rem;
}
.social-media a .fa-stack-2x {
    font-size: 20px;
    font-size: 1.25rem;
}
.social-media a .fa-stack-1x {
    line-height: inherit;
}
.social-media .fa-stack-1x, 
.social-media .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%; 
}
.social-media .fa-stack .fa-circle:before {
    content: "" !important;
}


/* ******************************************** */
/* COLLAPSE PANEL / PANE                        */
/* ******************************************** */
.pg_selfservepage .pane h2 { 
    background: var(--colorLightGrey);
    padding: 10px 35px 10px 20px;
    margin: 0;
    border-left: 3px solid var(--colorLightGrey);
    border-bottom: 1px solid var(--colorLightGrey);
    cursor: pointer;
    font-size: 16px !important;
    font-size: 1rem !important;
    font-weight: 700;
    padding-left: 20px;
}
    .pg_selfservepage .pane h2:hover {
        border-left: 3px solid var(--colorDarkGrey);
        background-color: var(--colorDarkGrey);
        color: var(--colorOrange);
    }

.pg_selfservepage .pane h2::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: '\f078';
    float: right;
    margin-right: -15px;
}

.pg_selfservepage .pane h2.active {
    display: block;
    border-right: solid 1px var(--colorLightGrey);
    border-left: 3px solid var(--colorOrange);
    border-top: solid 1px var(--colorLightGrey);
    background-color: var(--colorWhite);
    color: var(--colorDarkGrey);
    border-bottom: none;
}

.pg_selfservepage .pane h2.active::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: '\f077';
}
.pg_selfservepage .pane h2 {
    line-height: 1.5rem;
    padding: 10px 35px 10px 20px;
    margin: 0 0 2px 0;
}
.pg_selfservepage .pane p {
    background: var(--colorWhite);
    margin: 0;
    padding: 10px 50px 30px 20px;
    margin-bottom: -5px;
}

.pg_selfservepage .pane ul li,
.pg_selfservepage .pane ol li {
    margin-bottom: 10px;
}

.pg_selfservepage .pane > div {
    display: none;
    margin-top: 0;
    padding: 10px 50px 30px 20px;
    border-bottom: solid 1px var(--colorLightGrey);
    border-right: solid 1px var(--colorLightGrey);
    border-left: 3px solid var(--colorLightGrey);
}
.pg_selfservepage .pane > div > p {
    /*padding: 0 0 25px 0;*/
    padding: 0;
    margin-bottom: 0;
}
.pg_selfservepage .pane > div > p:last-child {
    padding-bottom: 0;
}


/*  ACCORDION  */
/* if possible, rebuild as pane (see above) */
/* ---------------------------------------- */
.pg_selfservepage .accordion .collapse {
    position: relative;
    height: 0;
    overflow: hidden !important;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}
.pg_selfservepage .accordion .collapse.in {
    height: auto !important;
}



/* ******************************************** */
/* OPEN ACCESS/OPEN SCIENCE => NEU 2021         */
/* ******************************************** */
.pg_selfservepage .open-access a:not([href]) {
    content: '';
    display: inline-block;
    height: auto;
    margin-top: initial;
    visibility: initial;
    position: relative;
}
.pg_selfservepage .open-access .nav-tabs {
    border-bottom: none;
}
.pg_selfservepage .open-access .accordion-group {
    margin-top: 2px;
}
.pg_selfservepage .open-access .accordion-group .accordion-heading .accordion-toggle {
    display: block;
    font-weight: 700;
    padding: 10px 35px 10px 20px;
    text-decoration: none;
}
.pg_selfservepage .open-access .accordion-group .accordion-heading .accordion-toggle:hover {
    text-decoration: none;
    color: var(--colorOrange);
    background-color: var(--colorDarkGrey);
}
.pg_selfservepage .open-access .accordion-group .accordion-heading .accordion-toggle::after {
    content: '\f077';
    font-family: 'FontAwesome';
    float: right;
    margin-right: -15px;
}
.pg_selfservepage .open-access .accordion-group .accordion-heading .accordion-toggle:not(.collapsed) {
    color: var(--colorDarkGrey);
    background-color: var(--colorWhite);
    border: solid 1px var(--colorLightGrey);
    border-bottom: none;
    border-left: 3px solid var(--colorOrange);
}
.pg_selfservepage .open-access .accordion-group .accordion-heading .accordion-toggle:not(.collapsed):hover {
    text-decoration: none;
    color: var(--colorDarkGrey);
    background-color: var(--colorWhite);
}
.pg_selfservepage .open-access .accordion-group .accordion-heading .accordion-toggle.collapsed {
    color: var(--colorDarkGrey);
    background-color: var(--colorLightGrey);
    border-left: solid 3px transparent;
}
.pg_selfservepage .open-access .accordion-group .accordion-heading .accordion-toggle.collapsed:hover {
    text-decoration: none;
    color: var(--colorOrange);
    background-color: var(--colorDarkGrey);
}
.pg_selfservepage .open-access .accordion-group .accordion-heading .accordion-toggle.collapsed::after {
    content: '\f078';
}
.pg_selfservepage .open-access .accordion-group .accordion-body .accordion-inner {
    border: 1px solid var(--colorLightGrey);
    border-left: 3px solid var(--colorLightGrey);
    padding: 20px 50px 20px 20px;
}
.pg_selfservepage .open-access .accordion-group .accordion-body .accordion-inner table.table-bordered {
    width: 100% !important;
}
.pg_selfservepage .open-access .accordion-group .accordion-body .accordion-inner table.table-bordered tr.last-child td {
    border-bottom: 1px solid var(--colorMediumGrey) !important;
}

.pg_selfservepage .open-access .accordion-group .accordion-body .accordion-inner table td a {
    color: var(--colorDarkGrey) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--colorDarkGrey) !important;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-style: solid !important;
    -moz-text-decoration-style: solid !important;
    text-decoration-thickness: 1px !important;
}
    .pg_selfservepage .open-access .accordion-group .accordion-body .accordion-inner table td a:hover {
        color: var(--colorOrange) !important;
        text-decoration: underline !important;
        text-decoration-color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-thickness: 2px !important;
    }

.pg_selfservepage .open-access .tab-pane {
    padding: 0;
    height: 0;
}
.pg_selfservepage .open-access .tab-pane .accordion-toggle {
    padding: 0;
    height: 0;
}
.pg_selfservepage .open-access .tab-pane.active {
    height: auto;
    padding: 20px;
    border: solid 1px var(--colorDarkGrey);
}
.pg_selfservepage .open-access .tab-pane.active .accordion-toggle {
    padding: 10px 35px 10px 20px !important;
    height: auto !important;
}
.pg_selfservepage .open-access #searchfield_oaagreements,
.pg_selfservepage .open-access #searchfield_funding {
    width: 300px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    margin-bottom: 20px;
    float: left;
}



/* ******************************************** */
/* GLIDE BULLETS AND ARROWS                     */
/* ******************************************** */
.glide__arrow {
    background-color: var(--colorWhite) !important;
    color: var(--colorOrange) !important;
    border: solid 1px var(--colorDarkGrey) !important;
    border-radius: 50% !important;
    padding: 0 !important;
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    text-align: center !important;
    box-shadow: none;
    text-shadow: none;
    transition: none !important;
    outline: 1px auto;
}
    .glide__arrow:hover {
        background-color: var(--colorDarkGrey) !important;
        color: var(--colorWhite) !important;
        border: solid 1px var(--colorOrange) !important;
        border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
    }
    .glide__arrow:focus-visible {
        background-color: var(--colorDarkGrey) !important;
        color: var(--colorWhite) !important;
        outline: dotted 3px var(--colorOrange) !important;
    }   

.glide__bullets {
    bottom: -10px;
}
button.glide__bullet {
    background-color: var(--colorMediumGrey) !important;
    width: 9px !important;
    height: 9px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid var(--colorDarkGrey) !important;
    transition: all 300ms ease-in-out !important;
    cursor: pointer;
    line-height: 0 !important;
    box-shadow: none; /*0 0.25em 0.5em 0 rgb(0 0 0 / 10%)*/
    margin: 0 0.25em;
    min-width: initial !important;
    outline: 1px auto;
}
    button.glide__bullet.glide__bullet--active {
        background-color: var(--colorDarkGrey) !important;
    }
    button.glide__bullet:focus-visible {
        outline: dotted 3px var(--colorOrange) !important;
    }

.glider-text .citation-author {
    color: inherit;
    background-color: inherit;
}

@media (min-width: 1600px) {
    .glide__arrow--left {
        left: -3em;
    }
    .glide__arrow--right {
        right: -3em;
    }
}
@media (min-width: 1160px) and (max-width: 1599px) {
    .glide__arrow--left {
        left: -2em;
    }
    .glide__arrow--right {
        right: -2em;
    }
}
@media (max-width: 1159px) {
    .glide__arrow--left {
        left: 1em;
    }
    .glide__arrow--right {
        right: 1em;
    }
}
@media (max-width: 899px) {
    .glide__arrow--left {
        left: 0;
    }
    .glide__arrow--right {
        right: 0;
    }
}


/* ******************************************** */
/* FOLDABLE CONTENT BOXES                       */
/* z.B. Reviewer Self Nomination                */
/* ******************************************** */
input#notif_searchfield {
    margin-bottom: 20px;
}
.notif-wrapper .notif-news-inputs .span6 h4 {
    margin: 0;
    padding: 0;
}
.notif-wrapper .notif-news-inputs .row-fluid {
    margin-bottom: 25px;
}
.notif-wrapper .notif-news-inputs .row-fluid .middle {
    height: 100%;
    vertical-align: middle;
}
.notif-wrapper .notif-news-inputs h4 {
    margin: 0;
    margin-bottom: 10px;
    padding-top: 15px;
    font-style: normal;
}
.notif-wrapper .notif-news-inputs h4 label {
    display: inline;
    float: none;
    width: auto;
    font-style: normal;
}
.notif-wrapper .switch {
    position: absolute;
    display: inline-block;
    width: 48px;
    height: 24px;
    margin-left: 3px;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.notif-wrapper .switch input {
    display: none;
}
.notif-wrapper .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 3px;
    border: 1px solid var(--colorMediumGrey);
    -webkit-box-shadow: 0px 1px 2px var(--colorMediumGrey) inset;
    -moz-box-shadow: 0px 1px 2px var(--colorMediumGrey) inset;
    box-shadow: 0px 1px 2px var(--colorMediumGrey) inset;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E8E8E8), color-stop(0.5, #E8E8E8), color-stop(0.5, #FDFDFD), color-stop(1, #FDFDFD));
    background: -ms-linear-gradient(top, #E8E8E8, #FDFDFD);
    background: -moz-linear-gradient(center top, #E8E8E8 0%, #E8E8E8 50%, #FDFDFD 51%, #FDFDFD 100%);
    background: -o-linear-gradient(#E8E8E8, #FDFDFD);
    background: var(--colorLightGrey);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#FDFDFD', GradientType=0);
}
.notif-wrapper .switch .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 22px;
    left: 0px;
    top: 1px;
    background-color: var(--colorWhite);
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-top: 1px solid #F7F7F7;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D8D8D8), color-stop(1, #FBFBFB));
    background: -ms-linear-gradient(top, #D8D8D8, #FBFBFB);
    background: -moz-linear-gradient(center top, #D8D8D8 0%, #FBFBFB 100%);
    background: -o-linear-gradient(#D8D8D8, #FBFBFB);
    background: #D8D8D8;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#D8D8D8', GradientType=0);
  }
  .notif-wrapper .switch input:checked + .slider {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--colorGreen)), color-stop(0.5, #018482), color-stop(0.5, #73C7C7), color-stop(1, #00979A));
    background: -ms-linear-gradient(top, var(--colorGreen), #00979A);
    background: -moz-linear-gradient(center top, var(--colorGreen) 0%, #018482 50%, #73C7C7 51%, #00979A 100%);
    background: -o-linear-gradient(var(--colorGreen), #00979A);
    background: var(--colorGreen);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00979A', endColorstr='#008472', GradientType=0);
  }
  .notif-wrapper .switch input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
  }
  .notif-wrapper .switch :after {
    clear: both;
  }
  .notif-spacer {
    margin-bottom: 50px;
  }
  .notif-wrapper-subjects .notif-subject {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-header {
    cursor: pointer;
    border: solid 1px var(--colorDarkGrey);
    background-color: var(--colorLightGrey);
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-header i,
  .notif-wrapper-subjects .notif-subject .notif-subject-header em {
    float: right;
    padding: 13px 18px 13px 12px;
    display: none;
    font-size: 20px;
    font-size: 1.25rem;    
    color: var(--colorWhite);
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-header i :after,
  .notif-wrapper-subjects .notif-subject .notif-subject-header em :after {
    clear: both;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-header h3 {
    margin: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 1.5rem !important;
    padding-left: 0;
    font-size: 16px !important;
    font-size: 1rem !important;
    font-weight: 700;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-header .sa-icon {
    display: inline-flex;
    font-size: 26px;
    font-size: 1.625rem;
    padding: 0 !important;
    width: 50px;
    justify-content: center;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-header .sa-icon {
    color: var(--colorDarkGrey);
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-header.active {
    background-color: var(--colorGreen);
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-header.active h3,
  .notif-wrapper-subjects .notif-subject .notif-subject-header.active .sa-icon {
    color: var(--colorWhite);
  }
    
  .notif-wrapper-subjects .notif-subject .notif-subject-content {
    position: relative;
    display: none;
    border-bottom: 1px solid var(--colorDarkGrey);
    border-left: 1px solid var(--colorDarkGrey);
    border-right: 1px solid var(--colorDarkGrey);
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content.flip .notif-subject-front {
    display: none;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content.flip .notif-subject-back {
    display: block;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-front hr {
    margin-top: 0;
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 5px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-front .notif-subject-front-content {
    padding: 20px 0;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-front .notif-subject-front-content .notif-subject-front-left {
    width: auto;
    padding-left: 10px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-front .notif-subject-front-content .notif-subject-front-left .newSwitch label {
    max-width: 300px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-front .notif-subject-front-content .notif-subject-front-right {
    margin-left: 60px;
    margin-right: 30px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-front .notif-subject-front-content .notif-subject-front-right h4 {
    font-size: 15px !important;
    font-size: 0.9375rem !important;
    margin: 0;
    margin-bottom: 10px;
    padding-top: 15px;
    font-style: normal;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-front .notif-subject-front-content .notif-subject-front-right h4 label {
    display: inline;
    float: none;
    width: auto;
    font-size: 15px !important;
    font-size: 0.9375rem !important;
    font-style: normal;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-front .notif-subject-front-content .notif-subject-front-right .notif-subject-flip {
    position: absolute;
    display: none;
    margin-top: -42px;
    right: 20px;
    color: var(--colorDarkGrey);
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-front .notif-subject-front-content .notif-subject-front-right .notif-subject-flip i {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-front .notif-subject-front-content .notif-subject-front-right .notif-subject-flip.active {
    display: inline-block;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-front .notif-subject-front-content .notif-subject-front-right :after {
    clear: both;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back {
    display: none;
    padding-top: 10px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back a.notif-subject-back-close {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 20px;
    font-size: 1.25rem;
    color: var(--colorBlack);
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back h4 {
    font-size: 15px;
    font-size: 0.9375;
    margin: 0;
    margin-left: 40px;
    font-style: normal;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back span.toctext {
    display: inline-block;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 30px;
    margin-bottom: 25px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back .notif-subject-back-content {
    min-height: 50px;
    padding: 0 10px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back .notif-subject-back-content .notif-subject-back-left {
    width: auto;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back .notif-subject-back-content .notif-subject-back-left img {
    width: 45px;
    max-height: 24px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back .notif-subject-back-content .notif-subject-back-left .newSwitch label {
    max-width: 300px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back .notif-subject-back-content .notif-subject-back-right {
    margin-left: 70px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back .notif-subject-back-content .notif-subject-back-right span {
    max-width: 200px;
    display: inline-block;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back .notif-subject-back-content .notif-subject-back-right span label {
    font-size: 1.3rem;
    margin-top: 0;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back .notif-subject-back-content .notif-subject-back-right img {
    position: absolute;
    right: 10px;
    width: 45px;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back .notif-subject-back-content .newSwitch {
    display: inline-block;
  }
  .notif-wrapper-subjects .notif-subject .notif-subject-content .notif-subject-back .notif-subject-back-content :after {
    clear: both;
  }
  .notif-wrapper-subjects .notif-subject.open .notif-subject-header .fa-angle-up {
    display: block;
  }
  .notif-wrapper-subjects .notif-subject.open .notif-subject-header.active .fa-angle-up {
    color: var(--colorWhite);
  }
  .notif-wrapper-subjects .notif-subject.open .notif-subject-header:not(.active) .fa-angle-up {
    color: var(--colorBlack);
  }
  .notif-wrapper-subjects .notif-subject.open .notif-subject-content {
    display: block;
    border-color: var(--colorDarkGrey);
  }
  .notif-wrapper-subjects .notif-subject:not(.open) .notif-subject-header .fa-angle-down {
    display: block;
  }
  .notif-wrapper-subjects .notif-subject:not(.open) .notif-subject-header.active .fa-angle-down {
    color: var(--colorWhite);
  }
  .notif-wrapper-subjects .notif-subject:not(.open) .notif-subject-header:not(.active) .fa-angle-down {
    color: var(--colorBlack);
  }
  .notif-wrapper-subjects.article-alerts .notif-subject-header div:first-child {
    display: flex;
    align-items: center;
  }
  .notif-wrapper-subjects.article-alerts .notif-subject-header div:first-child h3 {
    padding-left: 5px;
    line-height: 1.375rem !important;
  }


/* ******************************************** */
/* TIMELINE                                     */
/* ******************************************** */
.pg_selfservepage .timeline {
    position: relative;
    width: 100%;
    max-width: 770px;
    margin: 50px auto 50px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pg_selfservepage .timeline .timeline-container {
    padding: 0 0 50px 20px;
    position: relative;
    color: inherit;
    background-color: inherit;
    width: auto;
    display: flex;
    border-left: solid 1px var(--colorDarkGrey);
    /* The icons on the timeline */
    /* The actual timeline content */
}
.pg_selfservepage .timeline .timeline-container:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.pg_selfservepage .timeline .timeline-container::after {
    position: absolute;
    width: 55px;
    height: 55px;
    border: none;
    text-align: center;
    line-height: 55px;
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color:  var(--colorWhite);
    color: var(--colorDarkGrey);
    font-size: 32px;
    font-size: 2rem;
    z-index: 1;
}
.pg_selfservepage .timeline .timeline-container.step1::after {
    content: "\f144";
}
.pg_selfservepage .timeline .timeline-container.step2::after {
    content: "\f253";
}
.pg_selfservepage .timeline .timeline-container.step3::after {
    content: "\f08b";
}
.pg_selfservepage .timeline .timeline-container.timeline-container-right {
    left: 0;
    border-left: solid 1px  var(--colorDarkGrey);
}
.pg_selfservepage .timeline .timeline-container.timeline-container-right:last-child {
    border-left: none;
}
.pg_selfservepage .timeline .timeline-container.timeline-container-right::after {
    left: -28px;
}
.pg_selfservepage .timeline .timeline-container .content {
    position: relative;
    padding: 0 0 0 10px;
    margin: 5px 0 0 20px;
    flex-grow: 2;
    flex-basis: 200px;
}
.pg_selfservepage .timeline .timeline-container .content h3 {
    margin-top: 0;
}
.pg_selfservepage .timeline .timeline-container .content p {
    margin-top: 10px;
}
.pg_selfservepage .timeline.timeline-noline .timeline-container {
    border-left: none;
}
.pg_selfservepage .timeline.timeline-noline .timeline-container.timeline-container-right {
    border-left: none;
}
.pg_selfservepage .timeline.timeline-noline .timeline-container::after {
    background-color: transparent;
}

/* Media queries - Responsive timeline on screens between 768 and 900px wide */
@media (max-width: 899px) {
  .pg_selfservepage .timeline {
    max-width: 90%;
    margin: 30px auto 80px 25px;
  }
  .pg_selfservepage .timeline::after {
    margin-left: 14px;
  }
  .pg_selfservepage .timeline .timeline-container {
    width: auto;
    padding-left: 20px;
    padding-right: 0;
  }
  .pg_selfservepage .timeline .timeline-container.timeline-container-right {
    left: 0;
  }
  .pg_selfservepage .timeline .timeline-container .content {
    flex-basis: 200px;
    margin: 5px 0 0 30px;
  }
  .pg_selfservepage .timeline .timeline-container .content h3 {
    margin-top: 0 !important;
  }
}
    
/* Media queries - Responsive timeline on screens less than 400px wide */
@media (max-width: 400px) {
    .pg_selfservepage .timeline {
      max-width: 250px;
    }
}


/* ******************************************** */
/* JOURNAL GATEWAY                              */
/* ******************************************** */
body[data-sitename="journalsgateway"] .journal-header {
    box-shadow: 0 2px 3px 0px rgb(112 112 112 / 50%) !important;
    background-color: var(--colorWhite) !important;
    z-index: 4 !important;
}
    @media (max-width: 899px) {
        body[data-sitename="journalsgateway"] .journal-header{    
            z-index: initial !important;
        }
    }

.theme-homepage-layout.karger.journal-gateway {
    background-color: var(--colorWhite) !important;    
}

.theme-homepage-layout.karger.journal-gateway .hero-row-noImg {
    background-image: none !important;    
    background-color: none !important;
    padding: 0;
    box-shadow: none !important;
    margin-bottom: 2rem;
} 

.theme-homepage-layout.karger.journal-gateway .promo-teaser {
    padding: 2rem 0;
}




/* ******************************** */
/* FOR ALL JOURNALS                 */
/* indiv. classes per journal       */
/* in corresponding journal folders */
/* ******************************** */

.journal-header {
    box-shadow: 0 2px 3px 0px rgb(112 112 112 / 50%) !important;
    background-color: var(--colorWhite) !important;
    z-index: 4 !important;
}
    @media (max-width: 899px) {
        .journal-header{    
            z-index: initial !important;
        }
    }


.journal-header .journal-header_content {
    min-height: 60px;
}

@media (min-width: 1600px) {
    .journal-header .journal-header_content {
        max-width: 90%;
        padding: 10px 0 !important;
        margin: 0 5%;
    }
}
@media (min-width: 900px) and (max-width: 1599px) {
    .journal-header .journal-header_content {
        max-width: calc(100% - 80px);
        padding: 10px 0 !important;
        margin: 0 40px;
    }
}
@media (max-width: 899px) {
    .journal-header .journal-header_content {
        padding: 0 1rem !important;
    }
}


/* align the main navigation */
.journal-header .journal-header_content .navbar-menu_wrap .navbar-menu .site-menu.site-menu-lvl-0 {
    justify-content: right !important;
}
body[theme-umbrella] .journal-header .journal-header_content .navbar-menu_wrap .navbar-menu .site-menu.site-menu-lvl-0 {
    justify-content: center !important;
}

@media (min-width: 900px) {
    .journal-header .site-menu.site-menu-lvl-1 {
        box-shadow: 0 2px 3px 0 rgba(56,62,67,.15) !important;
        min-width: 150%;
    }
}
@media (min-width: 900px) and (max-width: 1199px) {
    .journal-header .site-menu>.site-menu-item:first-child .site-menu.site-menu-lvl-1 {
        left: 0;
        right: initial;
    }
}
@media (min-width: 1200px) {
    .journal-header .site-menu.site-menu-lvl-1 {
        right: 0;
        left: initial;
    }
}

.journal-header .site-menu.site-menu-lvl-1 .site-menu-item.site-menu-lvl-1 {
    min-width: 200px;
}

.journal-header .journal-header_content .journal-logo_wrap {
    width: 100% !important;
    max-width: 350px !important;        
}    
    .journal-header .journal-header_content .journal-logo_wrap img {
        max-height: 40px !important;
    }



/* Discontinued Journals without header image */
.pg_index .theme-homepage-layout.journal .hero-row-noImg {
    background-image: none;    
    background-color: var(--colorLightGrey);
    padding: 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.16);
    margin-bottom: 2rem;
} 


.pg_index .theme-homepage-layout.journal .hero-row-noImg>.widget-dynamic-inner-wrap,
.pg_index .theme-homepage-layout.journal .hero-row>.widget-dynamic-inner-wrap {
    padding: 3rem 2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 100%;
}
    .pg_index .theme-homepage-layout.journal .hero-row-noImg>.widget-dynamic-inner-wrap {
        background-color: none;
        /* padding: 3rem 0 !important; */
    }    
    .pg_index .theme-homepage-layout.journal .hero-row>.widget-dynamic-inner-wrap {
        background-color: rgba(250,250,250,.8);
    }



/* New journal home layout */
/* ----------------------- */
.pg_index .theme-homepage-layout div[class*=home-row][data-count="0"],
.pg_index .theme-homepage-layout div[class*=home-row].row-placeholder {
    padding: 0 !important;
}

.pg_index .theme-homepage-layout .home-intro >.widget-dynamic-inner-wrap,
.pg_index .theme-homepage-layout .home-section-title >.widget-dynamic-inner-wrap,
.pg_index .theme-homepage-layout div[class*="home-row"]>.widget-dynamic-inner-wrap {
    max-width: 1300px !important;
    margin: 0 auto !important;
}    
    .pg_index .theme-homepage-layout .home-intro .row {
        padding: 0 !important;
        margin-bottom: 2rem;
    }
    .pg_index .theme-homepage-layout .home-section-title {
        padding: 0 1rem !important;
    }
    .pg_index .theme-homepage-layout div[class*=home-self-serve-content-affiliations] .box-content
    .pg_index .theme-homepage-layout div[class*=home-self-serve-content-affiliations] img {
        max-height: 100px !important;
        width: auto !important;
        margin: 0 auto;
    }

    .pg_index .theme-homepage-layout div[class*="home-self-serve-content-sm-recommend-this-journal"] div a i,
    .pg_index .theme-homepage-layout div[class*="home-self-serve-content-sm-recommend-this-journal"] div a em {
        border: solid 1px var(--colorDarkGrey);
        background-color: var( --colorWhite);
        border-radius: 50% !important;
        width: 28px;
        height: 28px;
        line-height: 28px;
        padding: 5px;    
    }
        .pg_index .theme-homepage-layout div[class*="home-self-serve-content-sm-recommend-this-journal"] div a:hover i,
        .pg_index .theme-homepage-layout div[class*="home-self-serve-content-sm-recommend-this-journal"] div a:hover em {
            border: solid 1px var(--colorOrange);
            background-color: var( --colorOrange);
            color: var( --colorDarkGrey);
        }
        .pg_index .theme-homepage-layout div[class*="home-self-serve-content-sm-recommend-this-journal"] div a i:before,
        .pg_index .theme-homepage-layout div[class*="home-self-serve-content-sm-recommend-this-journal"] div a em:before {
            font-size: 20px;
            font-size: 1.25rem;
        }


.pg_index .theme-homepage-layout.journal .hero-row-noImg[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(1),
.pg_index .theme-homepage-layout.journal .hero-row[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(1) {
    width: calc(25% - 2rem) !important;
    display: inline-block;
}
.pg_index .theme-homepage-layout.journal .hero-row-noImg[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(2),
.pg_index .theme-homepage-layout.journal .hero-row[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(2) {
    width: calc(50% - 2rem) !important;
    display: inline-block;
}
.pg_index .theme-homepage-layout.journal .hero-row-noImg[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(3),
.pg_index .theme-homepage-layout.journal .hero-row[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(3) {
    width: calc(25% - 2rem) !important;
    display: inline-block;
}


@media (max-width: 899px) {
    .pg_index .theme-homepage-layout .home-intro .row {
        padding: 0 1rem !important;
    }

    .pg_index .theme-homepage-layout.journal .hero-row-noImg>.widget-dynamic-inner-wrap,
    .pg_index .theme-homepage-layout.journal .hero-row>.widget-dynamic-inner-wrap {
        padding: 1rem 2rem 2rem 2rem;
        flex-direction: column;
    }
    
    .pg_index .theme-homepage-layout.journal .hero-row-noImg[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(1),
    .pg_index .theme-homepage-layout.journal .hero-row[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(1) {
        width: 100% !important;
        display: block;
    }
    .pg_index .theme-homepage-layout.journal .hero-row-noImg[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(2),
    .pg_index .theme-homepage-layout.journal .hero-row[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(2) {
        width: 100% !important;
        display: block;
        padding-top: 20px;
    }
    .pg_index .theme-homepage-layout.journal .hero-row-noImg[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(3),
    .pg_index .theme-homepage-layout.journal .hero-row[data-count="3"]>.widget-dynamic-inner-wrap>div.widget-DynamicWidgetLayout:nth-child(3) {
        width: 100% !important;
        display: block;
        padding-top: 20px;
    }
}
@media (min-width: 900px) and (max-width: 1349px) {
    .pg_index .theme-homepage-layout .home-intro .row {
        padding: 0 1rem !important;
    }
}


.home-self-serve-content-journal-marker {    
    text-align: left;
}
.home-self-serve-content-journal-title {    
    text-align: center;   
}
.home-self-serve-content-journal-cover,
.home-self-serve-content-journal-editor {    
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    /* neu 02.03.23 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
    .home-self-serve-content-journal-cover img,
    .home-self-serve-content-journal-editor img {
        max-width: 120px;
    }

.pg_index .hero_category h6,
.pg_index .hero_category div.business-segment {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    line-height: 1.875rem;
    font-weight: 300;
    display: inline-block;
    padding: 0 20px;
    margin-left: -2rem;
    margin-top: 20px;
    background-color: var(--colorGreenTransparent85);
    color: var(--colorWhite);
}
@media (max-width: 899px) {
    .pg_index .hero_category h6,
    .pg_index .hero_category div.business-segment {
        float: none;
        margin-right: 10px;
        margin-top: 10px;
    }
}

.pg_index .karger.journal .hero_category .hero_cat_marker a[class^="icon-"], 
.pg_index .karger.journal .hero_category .hero_cat_marker a[class*=" icon-"] {
    font-family: "Open Sans",Verdana,Arial,sans-serif !important;
    text-decoration: underline;
    text-decoration-style: solid;
    -moz-text-decoration-style: solid;
    text-decoration-thickness: 1px;
}
    .pg_index .karger.journal .hero_category .hero_cat_marker a[class^="icon-"]::before, 
    .pg_index .karger.journal .hero_category .hero_cat_marker a[class*=" icon-"]::before {
        font-family: "Karger_Icon_Font" !important;
    }
    .pg_index .karger.journal .hero_category .hero_cat_marker a:hover {
        color: var(--colorOrange);
        text-decoration: underline;
        text-decoration-style: dotted !important;
        -moz-text-decoration-style: dotted !important;
        text-decoration-thickness: 2px !important;
    }
    .pg_index .karger.journal .hero_category .hero_cat_marker a:hover::before {
        color: var(--colorOrange);
        text-decoration: none;
    }

    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_cat_title:before {
        font-size: 30px;
        font-size: 1.875rem;
    }
    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_cat_title.blocklink {
        padding-left: 40px;
        text-transform: uppercase;
        font-size: 14px !important;
        font-size: 0.875rem !important;
    }
        .pg_index .karger.journal .hero_category .hero_cat_marker .hero_cat_title.blocklink::before {
            width: 40px;
            margin-left: -40px;
            position: relative;
            top: 7px;
        }    

    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_main_cat_marker {
        display: block;
        margin-top: 10px;
    }    
    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_main_cat_marker i[class^="icon-"],
    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_main_cat_marker em[class^="icon-"],
    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_main_cat_marker span[class^="icon-"] {
        font-size: 32px;
        font-size: 2rem;
    }

    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_sub_cat_marker {
        display: block;
        padding-top: 15px;
        padding-left: 45px;
    }
    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_sub_cat_marker .hero_cat_title_icon {
        text-decoration: none;
        margin-right: 5px;
    }
        .pg_index .karger.journal .hero_category .hero_cat_marker .hero_sub_cat_marker .hero_cat_title_icon:hover i,    
        .pg_index .karger.journal .hero_category .hero_cat_marker .hero_sub_cat_marker .hero_cat_title_icon:hover em {
            color: var(--colorOrange) !important;
        }

    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_cat_other {
       display: block;
    }
    .pg_index .karger.journal .hero_category .hero_cat_marker.other_marker {
        display: block;
        padding-left: 8px;
        margin: 15px 0;
    }
    
    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_cat_other a[class^="icon-"],
    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_cat_other a[class*=" icon-"] {
        text-transform: uppercase;    
        font-size: 14px !important;
        font-size: 0.875rem !important;
    }
        .pg_index .karger.journal .hero_category .hero_cat_marker .hero_cat_other a[class^="icon-"]::before, 
        .pg_index .karger.journal .hero_category .hero_cat_marker .hero_cat_other a[class*=" icon-"]::before {
            width: 30px;
            text-align: center;
            font-size: 20px;
            font-size: 1.25rem;
        }

    .pg_index .karger.journal .hero_category .hero_cat_marker .hero_sub_cat_marker .hero_cat_title_icon a[class^="icon-"] {
        font-size: 23px;
    }

    @media (max-width: 899px) {
        .pg_index .karger.journal .hero_category .hero_cat_marker {
            display: table;
            margin-top: 5px;
        }
        .pg_index .karger.journal .hero_category .hero_cat_marker .hero_cat_title {
            display: table-cell;
            vertical-align: middle;
        }
        .pg_index .karger.journal .hero_category .hero_cat_marker .hero_main_cat_marker {
            display: block;
            margin-top: 0;
        }
        .pg_index .karger.journal .hero_category .hero_cat_marker .hero_sub_cat_marker {
            display: table-cell;
            padding: 10px 0 0 15px;
            vertical-align: middle;
            /* white-space: nowrap; */
        }
    }


.pg_index .karger.journal .hero_cat_other a.openaccess_link {
    display: block;
    text-transform: uppercase;
}
    .pg_index .karger.journal .hero_cat_other a.openaccess_link::before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        content: "\f13e";
        color: inherit;
        margin-right: 5px;
        margin-left: 0;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

.pg_index .hero_title {
    padding-bottom: 24px;
    color: var(--colorBlack);
}
.pg_index .hero_title h1 {
    margin-top: 20px;
    margin-bottom: 0 !important;
}
.pg_index .hero_title h2 {
    margin-top: 0;
    margin-bottom: 0 !important;
}
.pg_index .hero_title h5 {
    margin: 32px 0 0 0;
}
.pg_index .hero_title p {
    font-size: 16px;
    font-size: 1rem;
    margin: 32px 0 0 0;
}
.pg_index .hero_title hr {
    margin: 20px auto 20px auto;
    border: none;
    border-top: 1px solid var(--colorBlack);
    max-width: 250px;
}



/* ArticleListNewAndPopular */
/* ------------------------ */

.pg_index .widget-ArticleListNewAndPopular {
    background-color: var(--colorLightGrey);
}    
.pg_article .widget-ArticleListNewAndPopular {
    background-color: var(--colorWhite);
}



/* TABS      */
/* --------- */

.widget-ArticleListNewAndPopular .articleListNewAndPopularCombinedView li a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    font-size: 0.875rem;
}
.widget-ArticleListNewAndPopular .articleListNewAndPopularCombinedView li a:not(.active) {
    text-decoration: none;
    border-bottom: solid 1px var(--colorBlack);
    color: var(--colorBlack);
}
.widget-ArticleListNewAndPopular .articleListNewAndPopularCombinedView li a:not(.active):hover {
    background-color: var(--colorDarkGrey);
    border-bottom: none;
    color: var(--colorOrange);
}
.widget-ArticleListNewAndPopular .articleListNewAndPopularCombinedView li a.active {
    border-bottom: solid 3px orange;
    color: var(--colorBlack);
}


/* CONTENT LINKS */
/* ------------- */
.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title {
    margin-bottom: 1rem !important;
}

.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:link,
.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:visited,
.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:link .subtitle,
.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:link .subtitle-colon,
.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:visited .subtitle,
.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:visited .subtitle-colon {
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    /*text-decoration: underline;*/
    text-decoration: none;
    -moz-text-decoration-color: var(--colorDarkGrey) !important;
    text-decoration-color: var(--colorDarkGrey) !important;
}
    .widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:hover,
    .widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:hover .subtitle,
    .widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:hover .subtitle-colon {
        color: var(--colorOrange) !important;
        text-decoration: underline;
        -moz-text-decoration-color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        text-decoration-style: dotted !important;
    }


.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a,
.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:link,
.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:active,
.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:visited {
    padding-left: 15px;
    display: inline-block;
}
    .widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f054" !important;
        color: var(--colorOrange) !important;
        width: 15px !important;
        margin-left: -15px !important;
        text-decoration: none !important;
        display: inline-block !important;
    }


.widget-dynamic__header h3 {
    text-align: left !important;
}

.home-row2 .widget-dynamic__header,
.home-row3 .widget-dynamic__header {
    margin-top: 30px;
}



/* ************************************************ */ 
/* FORM STEPPER (V2)                                */
/* IN USE IN SUBMISSION PAGES                       */
/* also on /INFO/NL, Reviewer Self Nomination etc.  */
/* ************************************************ */
#formStepper_v2,
.formStepper,
.formStepper #formStepper_v2 {
    width: 93%;
    margin: 30px 0 0 10px;
}
#formStepper_v2 .formStep,
.formStepper .formStep,
.formStepper #formStepper_v2 .formStep {
    margin-top: -5px;
    border-left: none;
}

.formStep .formStepHeader {
    height: auto;
    min-height: 60px !important;
    position: relative;
    border-left: solid 1px var(--colorDarkGrey);
}
.formStep .formStepHeader h4 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.formStep .formStepHeader h4 .counter {
    font-size: 16px;
    font-size: 1rem;
    position: absolute;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;    
    margin-left: -17px;
    text-align: center;
    line-height: 1.875rem;
}
.formStep .formStepHeader h4 .stepTitle {
    width: auto !important;
    background-color: var(--colorWhite) !important;
    color: var(--colorDarkGrey) !important;
    border-radius: 0 !important;
    border: none;
    margin-left: 30px !important;
    text-align: left !important;
    font-weight: 400;
    display: inline-block;
}

.formStep .formStepContent {
    padding-bottom: 50px;
    display: none;
    border-left: solid 1px var(--colorDarkGrey);
}
.formStep .formStepContent fieldset,
.formStep .formStepContent .formFieldSet {
    margin-bottom: 0;
    padding-left: 30px;
    display: block;
}
    .formStep .formStepContent .block_desc,
    .formStep .formStepContent .formFieldSet {
        padding-left: 30px;
    }

.formStep .formStepContent .formFieldWrapper {
    max-width: 480px;
}
.formStep:first-child:not("[data-status='done']") .formStepContent {
    display: block;
}

.formStep:last-child .formStepHeader,
.formStep.lastStep .formStepHeader,
.formStep:last-child .formStepContent,
.formStep.lastStep .formStepContent {
    border-left: none !important;
}

.formStep[data-status="new"] .formStepHeader h4 .counter {
    background-color: var(--colorLightGrey) !important;
    border: solid 1px var(--colorDarkGrey) !important;
    color: var(--colorBlack) !important;
    font-weight: 400;
}
.formStep[data-status="new"] .formStepHeader h4 .stepTitle {
    text-decoration: none;
}
.formStep[data-status="active"] .formStepHeader h4 .counter {
    background-color: var(--colorWhite) !important;
    border: solid 1px var(--colorOrange) !important;
    color: var(--colorBlack) !important;
    font-weight: 600;
}
.formStep[data-status="active"] .formStepHeader h4 .stepTitle {
    text-decoration: none;
}
.formStep[data-status="active"] .formStepContent {
    display: block;
}
.formStep[data-status="done"] .formStepHeader h4 {
    cursor: pointer;
}
.formStep[data-status="done"] .formStepHeader h4 .counter {
    background-color: var(--colorGreen) !important;
    color: var(--colorWhite) !important;
    font-weight: 600;
    border: solid 1px var(--colorGreen) !important;
}
.formStep[data-status="done"] .formStepHeader h4 .stepTitle {
    text-decoration: underline;
}

#formStepper_complete {
    margin-top: 30px;
    padding: 5px 10px;
    background-color: #bfd2d3;
    color: var(--colorBlack);
}
#formStepper_complete h3 {
    margin-top: 0;
}

#formStepper_error {
    margin-top: 30px;
    padding: 5px 10px;
    background-color: #fbd3d3;
    color: var(--colorBlack);
}
#formStepper_error h3 {
    margin-top: 0;
}

.formStep .formStepContent input[type='button'] {
    min-width: 200px;
}
@media (max-width: 499px) {
    .formStepHeader h4 .stepTitle {
        line-height: 26px !important;
        line-height: 1.625rem !important;
        padding: 0 5px 5px 5px !important;
    }
}
@media (max-width: 550px) {
    #formStepper_v2 {
        margin-top: 10px !important;
        margin-left: 10px !important;
    }
}



/* ************************************************ */ 
/* MISC                                             */
/* ************************************************ */

/* Icon and text displayed side by side, text as block text then */
/* Sample: /pages/society-services                               */

.IconAndText {
    display: flex;
    align-content: flex-start;
}
    .IconAndText .IAT_icon {
        width: auto;
        margin-right: 10px;
    }
    .IconAndText .IAT_text {
        width: auto;
    }


/* Tooltip */
/* Snip from https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css  */
/* works only in combination with bootstrap.js                                      */
/* https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js   or         */
/* https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js            */
/* Sample: /pages/reviewer-self-nomination                                          */

.tooltip { 
    position:absolute;
    z-index:1070;
    display:block;
    font-family:"Open Sans",Arial,Helvetica,sans-serif;
    font-style:normal;
    font-weight:400;
    line-height:1.42857143;
    line-break:auto;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    white-space:normal;
    font-size:12px;
    filter:alpha(opacity=0);
    opacity:0;
}
.tooltip.in { 
    filter:alpha(opacity=90);
    opacity:.9;
}
.tooltip.top { 
    padding:5px 0;
    margin-top:-3px;
}
.tooltip.right { 
    padding:0 5px;
    margin-left:3px;
}
.tooltip.bottom { 
    padding:5px 0;
    margin-top:3px;
}
.tooltip.left { 
    padding:0 5px;
    margin-left:-3px;
}
.tooltip.top .tooltip-arrow { 
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-width:5px 5px 0;
    border-top-color: var(--colorBlack);
}
.tooltip.top-left .tooltip-arrow { 
    right:5px;
    bottom:0;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color: var(--colorBlack);
}
.tooltip.top-right .tooltip-arrow { 
    bottom:0;
    left:5px;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color: var(--colorBlack);
}
.tooltip.right .tooltip-arrow { 
    top:50%;
    left:0;
    margin-top:-5px;
    border-width:5px 5px 5px 0;
    border-right-color: var(--colorBlack);
}
.tooltip.left .tooltip-arrow { 
    top:50%;
    right:0;
    margin-top:-5px;
    border-width:5px 0 5px 5px;
    border-left-color: var(--colorBlack);
}
.tooltip.bottom .tooltip-arrow { 
    top:0;
    left:50%;
    margin-left:-5px;
    border-width:0 5px 5px;
    border-bottom-color: var(--colorBlack);
}
.tooltip.bottom-left .tooltip-arrow { 
    top:0;
    right:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color: var(--colorBlack);
}
.tooltip.bottom-right .tooltip-arrow { 
    top:0;
    left:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color: var(--colorBlack);
}
.tooltip-inner { 
    max-width:200px;
    padding:3px 8px;
    color: var(--colorWhite);
    text-align:center;
    background-color: var(--colorBlack);
    border-radius:4px;
}
.tooltip-arrow { 
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
}




/* ******************************************** */
/* 404 PAGE                                     */
/* ******************************************** */
body.pg_error404 .journal-header {
    box-shadow: 0 2px 3px 0px rgb(112 112 112 / 50%) !important;
    background-color: var(--colorWhite) !important;
    z-index: 4 !important;
}   
    @media (max-width: 899px) {
        body.pg_error404 .journal-header {    
            z-index: initial !important;
        }
    }

body.pg_error404 .content-main_content {
    text-align: center !important;
}

body.pg_error404 .content-main_content .error-title,
body.pg_error404 .content-main_content .error-message {
    color: var(--colorDarkGrey) !important;
}



/* ******************************************** */
/* Articles by group (Online First / Early View */
/* ******************************************** */
.pg_articlesbygroup .content-main_content {
    padding-top: 2rem;
}
.pg_articlesbygroup section.online-early-section {
    margin-bottom: 5rem;
}
.pg_articlesbygroup section.online-early-section:first-of-type {
    margin-top: 3rem;
}
.pg_articlesbygroup .al-title {
    margin: 1rem 0;
    line-height: 28px;
}



/* ******************************************** */
/* CHECKOUT CART                                */
/* ******************************************** */
.cart-btn.btn-inv {
    color: var(--colorBlack) !important;
}



/* ******************************************** */
/* COOKIE CONSENT                               */
/* ******************************************** */
#cmpbox svg.cmppurposeicon {
    display: none !important;;
}



/* ******************************************** */
/* TREND MD WIDGET                              */
/* ******************************************** */

.widget-TrendMD > h3 {
    background-color: var(--colorLightGrey) !important;
    font-size: 1rem !important;
    font-weight: 700;
    padding: 8px 20px !important;
    line-height: 1.5rem !important;
    margin: 0;
    color: var(--colorBlack) !important;
}

.widget-TrendMD #trendmd-suggestions {
    border: solid 1px var(--colorLightGrey);
    padding: 0 1rem 1rem 1rem !important;
    font-family: "Open Sans",Helvetica,Arial,sans-serif !important;
}

.widget-TrendMD #trendmd-suggestions ul li {    
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
.widget-TrendMD #trendmd-suggestions ul li div {
    color: var(--colorDarkGrey) !important;
    margin-left: 1rem;
    border-top: solid 1px var(--colorMediumGrey);
}

.widget-TrendMD #trendmd-suggestions ul li a {
    color: var(--colorDarkGrey) !important;
    padding-left: 15px;
    display: inline-block;
}
    .widget-TrendMD #trendmd-suggestions ul li a:hover {
        color: var(--colorOrange) !important;
    }
    .widget-TrendMD #trendmd-suggestions ul li a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f054" !important;
        color: var(--colorOrange) !important;
        width: 15px !important;
        margin-left: -15px !important;
        text-decoration: none !important;
        display: inline-block !important;
    }


/*
.widget-TrendMD .trendmd-widget {
    font-family: "Open Sans",Helvetica,Arial,sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
    .widget-TrendMD .trendmd-widget_horizontal .trendmd-widget-section {
        float: unset !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

.widget-TrendMD .trendmd-widget-header {
    font-size: 14px !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
}

.widget-TrendMD h3.trendmd-widget-header__heading {
    display: none !important;
}


.widget-TrendMD a.trendmd-widget-list-item__link {
    text-decoration: none !important;
    padding-left: 15px !important;
    display: inline-block !important;
}
    .widget-TrendMD a.trendmd-widget-list-item__link:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f054" !important;
        color: var(--colorOrange) !important;
        width: 15px !important;
        margin-left: -15px !important;
        text-decoration: none !important;
        display: inline-block !important;
    }
    .widget-TrendMD a.trendmd-widget-list-item__link:hover {
        color: var(--colorOrange) !important;
    }

.widget-TrendMD .trendmd-widget-list-item__meta {
    color: var(--colorDarkGrey) !important;
    margin: 2px 0 0!important;
    font-size: 0.75rem !important;
    font-style: italic !important;
    line-height: 1rem !important;
}

*/



/* ******************************************** */
/* SCITE.AI                                     */
/* ******************************************** */
.scite-badge:focus-visible {
    outline: 1px auto;
}
.scite-badge a#view-citations-button,
.scite-badge a#view-citations-button:visited {
    color: var(--colorBlack) !important;
    background-color: var(--colorOrange) !important;
    border: solid 1px var(--colorOrange) !important;
    text-decoration: none !important;
}
    .scite-badge a#view-citations-button:hover,
    .scite-badge a#view-citations-button:active {
        color: var(--colorBlack) !important;
        background-color: var(--colorWhite) !important;
        border: solid 1px var(--colorBlack) !important;
        text-decoration: none !important;
    }



/* ******************************************** */
/* HUM IMPLEMENTATION                           */
/* ******************************************** */

/* CENTERED POPUP ON MODAL */
/* ----------------------- */

/* Close button */
.hum-modal .swal2-close,
.hum-modal .swal2-close:hover,
.hum-slide_in_box .swal2-close,
.hum-slide_in_box .swal2-close:hover,
.hum-banner .swal2-close,
.hum-banner .swal2-close:hover {
    margin-bottom: 0 !important;
    min-width: unset !important;
    width: 40px !important;
    background-color: transparent!important;
    border: none !important;
    font-size: 1.875rem !important;
    font-weight: 400 !important;
}

/* Modal Title */
.hum-modal h2.swal2-title,
.hum-slide_in_box h2.swal2-title {
    color: var(--colorDarkGrey) !important;
    font-size: 2rem !important;
    line-height: 2.625rem !important;
    font-weight: 400 !important;
    text-align: center !important;
    padding: 0;
}

.hum-modal .swal2-html-container {    
    padding: 0 !important;
    margin: 0 2rem .5rem 2rem !important;
}
.hum-banner .swal2-html-container {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    color: var(--colorDarkGrey) !important;
}

/* Modal Description */
.hum-modal .swal2-html-container p.swal-description {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    color: var(--colorDarkGrey) !important;
    margin-bottom: 1rem !important;
}

/* Modal Confirmation Button */
.hum-modal .swal2-actions button.swal2-confirm.swal2-styled,
.hum-slide_in_box .swal2-actions button.swal2-confirm.swal2-styled,
.hum-banner .swal2-styled.swal2-confirm.swal2-styled {
    background-color: var(--colorOrange) !important;
    color: var(--colorBlack) !important;
    font-size: 0.875rem !important;
    line-height: 1rem !important;
    width: initial;
    min-width: 200px;
    padding: 0 0.5rem !important;
    box-shadow: none !important;
    border: solid 1px var(--colorOrange) !important;
    transition: none !important;
    text-transform: uppercase !important;
}
    .hum-modal .swal2-actions button.swal2-confirm.swal2-styled:hover,
    .hum-modal .swal2-actions button.swal2-confirm.swal2-styled:active,
    .hum-slide_in_box .swal2-actions button.swal2-confirm.swal2-styled:hover,
    .hum-slide_in_box .swal2-actions button.swal2-confirm.swal2-styled:active,
    .hum-banner .swal2-styled.swal2-confirm.swal2-styled:hover,
    .hum-banner .swal2-styled.swal2-confirm.swal2-styled:active {
        background-color: var(--colorWhite) !important;
        background-image: none !important;
        color: var(--colorBlack) !important;        
        border: solid 1px var(--colorBlack) !important;
    }

/* Modal Cancel Button */
.hum-modal .swal2-actions button.swal2-cancel.swal2-styled,
.hum-slide_in_box .swal2-actions button.swal2-cancel.swal2-styled {
    background-color: var(--colorWhite) !important;
    color: var(--colorBlack) !important;
    font-size: 0.875rem !important;
    line-height: 1rem !important;
    padding: 0 !important;
    border: solid 1px var(--colorOrange) !important;
    text-transform: uppercase !important;
}
    .hum-modal .swal2-actions button.swal2-cancel.swal2-styled:hover,
    .hum-modal .swal2-actions button.swal2-cancel.swal2-styled:active,
    .hum-slide_in_box .swal2-actions button.swal2-cancel.swal2-styled:hover,
    .hum-slide_in_box .swal2-actions button.swal2-cancel.swal2-styled:active {
        background-color: var(--colorWhite) !important;
        background-image: none !important;
        color: var(--colorBlack) !important;
        border: solid 1px var(--colorBlack) !important;
    }

/* Modal Footer */  
.hum-modal .swal2-footer,
.hum-modal .swal2-footer .hide-modal-container {
    align-items: center;
}
.hum-modal .swal2-footer:has(>div:empty) {
    padding: 0;
    border: none;
}

/* Modal Visual Image */
.hum-modal .swal2-html-container img {
    width: 100%;
    max-width: 500px;
    height: auto !important;
}



@media (max-width: 599px) {
    .hum-modal h2.swal2-title,
    .hum-slide_in_box .swal2-title {
        font-size: 1.75rem !important;
        line-height: 2.375rem !important;
    }
    .hum-modal .swal2-actions,
    .hum-slide_in_box .swal2-actions {
        flex-direction: column !important;    
    }
    .hum-modal .swal2-actions button.swal2-confirm.swal2-styled,
    .hum-slide_in_box .swal2-actions button.swal2-confirm.swal2-styled {
        margin-bottom: .5rem !important;
    }
}




/* SLIDE IN CONTAINER specific */
/* --------------------------- */

.hum-slide_in_box .swal2-container .swal2-html-container {
    margin: 0 1rem .5rem 1rem !important;
    padding: 0 !important;
    text-align: center !important;    
}

.hum-slide_in_box .swal2-container img {
    max-width: 100%;
    height: auto;
}

.hum-slide_in_box .swal2-actions {
    justify-content: center !important;
}

.hum-slide_in_box .swal2-footer {
    flex-direction: row !important;
    align-items: center !important;
    text-align: center !important;
}




/* HUM RECOMMENDATION WIDGET */
/* ------------------------- */
#hum-recommendations-widget.hum-recommendations {
    background-color: var(--colorWhite);
    border: solid 1px var(--colorLightGrey);
    padding: 0 !important;
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}

.hum-recommendations-header {
    background-color: var(--colorLightGrey) !important;
    padding: .5rem 1rem !important;
    margin: 0;    
}

h3.hum-recommendations-title {
    color: var(--colorBlack);
    background-color: inherit;    
    font-size: 16px !important;
    font-size: 1rem !important;
    font-weight: 700;
    line-height: 1.5rem !important;
    margin: 0 !important;
}

.hum-recommendations-divider {
    display: none !important;
}

.hum-recommendations-description {
    color: var(--colorDarkGrey);
    font-size: 0.875rem;
    font-weight: 400;
    margin-top: 0 !important;
    margin-bottom: 20px;
}

.hum-recommendations-body { 
    padding: 1rem; 
}

a.hum-recommendations-row {
    color: var(--colorDarkGrey);
    display: inline-block;    
    margin-bottom: 1.5rem !important;
    line-height: 1.5;
}
    a.hum-recommendations-row:hover,
    a.hum-recommendations-row:hover .hum-recommendations-content-column,
    a.hum-recommendations-row:hover .hum-recommendations-content-column span.hum-recommendations-content-title, 
    a.hum-recommendations-row:hover .hum-recommendations-content-column div.hum-recommendations-content-details span {
        color: var(--colorOrange) !important;
        text-decoration-color: var(--colorOrange) !important;
        -moz-text-decoration-color: var(--colorOrange) !important;
}
a.hum-recommendations-row:last-child:last-child {
    margin-bottom: 0 !important;
}
    
.hum-recommendations-content-column {
    padding-left: 15px;    
}

.hum-recommendations-content-title:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054" !important;
    color: var(--colorOrange) !important;
    width: 15px !important;
    margin-left: -15px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.hum-recommendations-content-details {
    border-top: dashed 1px var(--colorMediumGrey);
    margin-top: 0.5rem;
    padding: 0.5rem 0;
    font-size: 0.75rem;
}

/* currently not in use:
.recommended-content-image {}
.hum-recommendations-content-title {}
.hum-recommendations-content-extract {}
.hum-recommendations-content-details-author {}
.hum-recommendations-content-details-date {} 
*/



/* ------------------------------- */
/* Google Scholar */
/* ------------------------------- */
/* fix insufficient contrast ratio */
#gs-casa-h {
    background-color: #666 !important;
    color: var(var(--colorWhite)) !important; 
} 


/* ********************************************* */
/* COMPOSER STYLES                               */
/* ********************************************* */
/* enhanced-view-content                         */
/* --------------------------------------------- */

.pg_contentmanagementsystem .cms-post-view_wrap {
    margin-top: 1px;
}
.pg_contentmanagementsystem .cms-enhanced-view .header .header-hero-wrap {
    margin-bottom: 0;
}

.pg_contentmanagementsystem .cms-enhanced-view-content-wrap .page-column--left,
.pg_contentmanagementsystem .cms-enhanced-view-content-wrap .page-column--right { 
    display: none;
}
.pg_contentmanagementsystem .cms-enhanced-view-content-wrap .body {
    float: initial;
    width: 80%;
}
    @media (max-width: 1199px) {
        .pg_contentmanagementsystem .cms-enhanced-view-content-wrap .body {
            width: 90%;
        }
    }
    @media (max-width: 899px) {
        .pg_contentmanagementsystem .cms-enhanced-view-content-wrap .body {
            width: 100%;
        }
    }

.pg_contentmanagementsystem .cms-enhanced-view-content-wrap .body li {
    line-height: 1.75;
}




/* ********************************************* */
/* AD BANNER FIX ?                               */
/* ********************************************* */
.ad-banner:not(:empty) {
    display: block;
}