/**********************************************
    ROOT VARIABLES
**********************************************/
:root {

    /* --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
    --font-family: "Source Sans 3", sans-serif !important;
    --font-family-heading: 'Source Sans 3', sans-serif !important;

    --font-size-default: 16px;
}


html, body {
    font-family: var(--font-family);
    font-size: var(--font-size-default);
    font-weight: normal;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background: var(--white);
    color: var(--default);
}

body {
    margin: 0;
}


/* SPECIAL CSS FOR TEXT UNDERLINE BECAUSE OF 2 FONTS */
body {
    text-underline-offset: 20%;
	--text-underline-animation-height: 2px;
}

@media (min-width: 1800px) {
	body {
		text-underline-offset: 20%;
	}
}


* {
    scroll-margin-top: 4.5rem;
}


:focus {
    outline: none;
}

:focus-visible {
    outline: 2px dotted var(--heading-color);
}

.ids-bg-grey-gradient {
    background: var(--grey-gradient);
}

.ids-bg-success {
    background-color: var(--success);
}

.ids-bg-warning {
    background-color: var(--warning);
}

.ids-bg-danger {
    background-color: var(--danger);
}


.bg-light-grey {
    background-color: var(--light-grey) !important;
}
.bg-light-grey2 {
    background-color: var(--light-grey2) !important;
}
.bg-light-grey3 {
    background-color: var(--light-grey3) !important;
}
.bg-light-grey4 {
    background-color: var(--light-grey4) !important;
}
.bg-light-grey5 {
    background-color: var(--light-grey5) !important;
}
.bg-grey {
    background-color: var(--grey) !important;
}
.bg-dark-grey {
    background-color: var(--dark-grey) !important;
}
.bg-dark-grey2 {
    background-color: var(--dark-grey2) !important;
}


.text-light-grey {
    color: var(--light-grey) !important;
}
.text-light-grey2 {
    color: var(--light-grey2) !important;
}
.text-light-grey3 {
    color: var(--light-grey3) !important;
}
.text-light-grey4 {
    color: var(--light-grey4) !important;
}
.text-light-grey5 {
    color: var(--light-grey5) !important;
}
.text-grey {
    color: var(--grey) !important;
}
.text-dark-grey {
    color: var(--dark-grey) !important;
}
.text-dark-grey2 {
    color: var(--dark-grey2) !important;
}


#wrapper {
    background-color: var(--white);
    /* overflow: hidden; */
}


@media (min-width: 1800px), print {
    .d-xxl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}


.rounded-1rem {
    border-radius: 1rem !important;
}
.rounded-top-1rem {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}
.rounded-right-1rem {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}
.rounded-bottom-1rem {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}
.rounded-left-1rem {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}


.invisible {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}


.aria_invisible {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important
}

.aria_invisible:before {
    display: none !important
}


/**********************************************
    HEADING
**********************************************/
h1,
div.h1,
h2,
div.h2,
h3,
div.h3,
h4,
div.h4,
h5,
div.h5,
h6,
div.h6,
.ids-heading-small,
.ids-heading-medium,
.ids-heading-large,
.ids-heading-xlarge,
.ids-heading-2xlarge,
.ids-heading-3xlarge {
    margin: 0 0 20px 0;
    font-family: var(--font-family-heading);
    font-weight: normal;
    color: var(--heading-color);
    text-transform: none;
}

#main strong.let-strong-looklike-h1,
.ce_CeIdsTextSubHead.let-h2-looklike-h1 h2,
.content-text.let-h2-looklike-h1 h2,
h2.let-h2-looklike-h1,
h1,
div.h1,
.h1 {
    font-size: 2.23125rem;
    line-height: 1.2;
    font-weight: 100;
}

@media (min-width: 992px) {
    #main strong.let-strong-looklike-h1,
    .ce_CeIdsTextSubHead.let-h2-looklike-h1 h2,
    .content-text.let-h2-looklike-h1 h2,
    h2.let-h2-looklike-h1,
    h1,
    div.h1,
    .h1 {
        font-size: 2.625rem;
    }
}


#main strong.let-strong-looklike-h2,
#main .ce_CeIdsTextSubHead.let-h1-looklike-h2 h1,
#main .content-text.let-h1-looklike-h2 h1,
#main h1.let-h1-looklike-h2,
.ce_CeIdsTextSubHead.let-h3-looklike-h2 h3,
.content-text.let-h3-looklike-h2 h3,
h3.let-h3-looklike-h2,
h2,
div.h2,
.h2 {
    font-size: 1.7rem; 
    line-height: 1.3;
    font-weight: 400;
}

@media (min-width: 992px) {
    #main strong.let-strong-looklike-h2,
    #main .ce_CeIdsTextSubHead.let-h1-looklike-h2 h1,
    #main .content-text.let-h1-looklike-h2 h1,
    #main h1.let-h1-looklike-h2,
    .ce_CeIdsTextSubHead.let-h3-looklike-h2 h3,
    .content-text.let-h3-looklike-h2 h3,
    h3.let-h3-looklike-h2,
    h2,
    div.h2,
    .h2 {
        font-size: 2rem;
    }
}

.content-text.let-h2-looklike-h3 h2,
h2.let-h2-looklike-h3,
h3,
div.h3,
.h3 {
    font-size: 1.25rem;
    line-height: 1.1;
}
@media (min-width: 576px) {
    .content-text.let-h2-looklike-h3 h2,
    h2.let-h2-looklike-h3,
    h3,
    div.h3,
    .h3 {
        font-size: 1.5rem;
        line-height: 1.4;
    }
}

h4,
div.h4,
.h4 {
    font-size: 1.25rem;
    line-height: 1.4;
}

h5,
div.h5,
.h5 {
    font-size: 1rem;
    line-height: 1.4;
}

h6,
div.h6,
.h6 {
    font-size: 0.875rem;
    line-height: 1.4;
}


.font-weight-light {
    font-weight: 300 !important;
}
.font-weight-lighter {
    font-weight: 200 !important;
}
.font-weight-lightest {
    font-weight: 100 !important;
}


div.ce_headline.ids-heading-smaller,
.ids-heading-smaller {
    font-size: 1.5rem !important;
    line-height: 1.1;
}
@media (min-width: 450px) {
    div.ce_headline.ids-heading-smaller,
    .ids-heading-smaller {
        font-size: 1.75rem !important;
        line-height: 1.2;
    }
}
@media (min-width: 576px) {
    div.ce_headline.ids-heading-smaller,
    .ids-heading-smaller {
        font-size: 2rem !important;
    }
}
@media (min-width: 768px) {
    div.ce_headline.ids-heading-smaller,
    .ids-heading-smaller {
        font-size: 2.25rem !important;
    }
}
@media (min-width: 992px) {
    div.ce_headline.ids-heading-smaller,
    .ids-heading-smaller {
        font-size: 2.625rem !important;
    }
}

div.ce_headline.ids-heading-small,
.ids-heading-small {
    font-size: 1.5rem !important;
    line-height: 1.1;
}
@media (min-width: 450px) {
    div.ce_headline.ids-heading-small,
    .ids-heading-small {
        font-size: 1.75rem !important;
        line-height: 1.2;
    }
}
@media (min-width: 576px) {
    div.ce_headline.ids-heading-small,
    .ids-heading-small {
        font-size: 2rem !important;
    }
}
@media (min-width: 768px) {
    div.ce_headline.ids-heading-small,
    .ids-heading-small {
        font-size: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    div.ce_headline.ids-heading-small,
    .ids-heading-small {
        font-size: 3.25rem !important;
    }
}

div.ce_headline.ids-heading-medium,
.ids-heading-medium {
    font-size: 2.25rem !important;
    line-height: 1.1;
}
@media (min-width: 450px) {
    div.ce_headline.ids-heading-medium,
    .ids-heading-medium {
        font-size: 2.75rem !important;
    }
}
@media (min-width: 992px) {
    div.ce_headline.ids-heading-medium,
    .ids-heading-medium {
        font-size: 3.5rem !important;
    }
}

div.ce_headline.ids-heading-large,
.ids-heading-large {
    font-size: 2.5rem !important;
    line-height: 1.1;
}
@media (min-width: 450px) {
    div.ce_headline.ids-heading-large,
    .ids-heading-large {
        font-size: 3.5rem !important;
    }
}
@media (min-width: 992px) {
    div.ce_headline.ids-heading-large,
    .ids-heading-large {
        font-size: 4rem !important;
    }
}

div.ce_headline.ids-heading-xlarge,
.ids-heading-xlarge {
    font-size: 3rem !important;
    line-height: 1;
}
@media (min-width: 450px) {
    div.ce_headline.ids-heading-xlarge,
    .ids-heading-xlarge {
        font-size: 4rem !important;
    }
}
@media (min-width: 992px) {
    div.ce_headline.ids-heading-xlarge,
    .ids-heading-xlarge {
        font-size: 6rem !important;
    }
}

div.ce_headline.ids-heading-2xlarge,
.ids-heading-2xlarge {
    font-size: 4rem !important;
    line-height: 1;
}
@media (min-width: 450px) {
    div.ce_headline.ids-heading-2xlarge,
    .ids-heading-2xlarge {
        font-size: 6rem !important;
    }
}
@media (min-width: 992px) {
    div.ce_headline.ids-heading-2xlarge,
    .ids-heading-2xlarge {
        font-size: 8rem !important;
    }
}


.ids-heading-divider {
    padding-bottom: calc(5px + 0.1em);
    border-bottom: calc(0.2px + 0.05em) solid var(--border-color);
}

.ids-heading-bullet {
    position: relative;
}

.ids-heading-bullet::before {
    content: "";
    display: inline-block;
    position: relative;
    top: calc(-0.1* 1em);
    vertical-align: middle;
    height: calc(4px + 0.7em);
    margin-right: calc(5px + 0.2em);
    border-left: calc(5px + 0.1em) solid var(--border-color);
}

.ids-heading-line {
    overflow: hidden;
}

.ids-heading-line>* {
    display: inline-block;
    position: relative;
}

.ids-heading-line> ::before,
.ids-heading-line> ::after {
    content: "";
    position: absolute;
    top: calc(50% -(calc(0.2px + 0.05em) / 2));
    width: 2000px;
    border-bottom: calc(0.2px + 0.05em) solid var(--border-color);
}

.ids-heading-line> ::before {
    right: 100%;
    margin-right: calc(5px + 0.3em);
}

.ids-heading-line> ::after {
    left: 100%;
    margin-left: calc(5px + 0.3em);
}



/**********************************************
    TEXT
**********************************************/
b,
strong {
    font-weight: bolder;
}

p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
    margin: 0 0 0px 0;
}

*+p,
*+ul,
*+ol,
*+dl,
*+pre,
*+address,
*+fieldset,
*+figure {
    margin-top: 20px;
}


a,
.ids-link {
    color: var(--ids-colour);
    text-decoration: none;
    cursor: pointer;
    transition: color 0.1s ease-in-out;
}

a:hover,
.ids-link:hover,
.ids-link-toggle:hover .ids-link {
    color: var(--ids-colour2);
    text-decoration: underline;
}

.ids-link-underlined {
    position: relative;
    color: var(--ids-colour);
    display: inline-block;
    text-decoration: underline;
    transition: color 250ms linear;
    outline: none;
    background: linear-gradient(0deg, var(--ids-colour), var(--ids-colour)) no-repeat right bottom / 0 var(--text-underline-animation-height);
    transition: color 250ms linear, background-size 350ms;
    line-height: 1.35;
}
@media (min-width: 1800px) {
    .ids-link-underlined {
        line-height: 1.6;
    }
}

.ids-link-underlined:focus,
.ids-link-underlined:hover {
    background-size: 100% var(--text-underline-animation-height);
    background-position-x: left;
    text-decoration: underline !important;
}

.ids-link-underlined.special-link {
    line-height: 1.3;
}
@media (min-width: 1800px) {
    .ids-link-underlined.special-link {
        line-height: 1.6;
    }
}


hr,
.ids-hr {
    line-height: 0;
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: var(--border);
}

*+hr,
*+.ids-hr {
    margin-top: 20px;
}


[class*="ids-divider"] {
    border: none;
    margin-bottom: 20px;
}

*+[class*="ids-divider"] {
    margin-top: 20px;
}

.ids-text-small {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
}
.ids-text-large {
    font-size: 1.5rem !important;
    line-height: 1.5 !important;
}
@media (min-width: 576px) {
    .ids-text-sm-large {
        font-size: 1.5rem !important;
        line-height: 1.5 !important;
    }
}
@media (min-width: 768px) {
    .ids-text-md-large {
        font-size: 1.5rem !important;
        line-height: 1.5 !important;
    }
}
@media (min-width: 992px) {
    .ids-text-lg-large {
        font-size: 1.5rem !important;
        line-height: 1.5 !important;
    }
}
@media (min-width: 1200px) {
    .ids-text-xl-large {
        font-size: 1.5rem !important;
        line-height: 1.5 !important;
    }
}
.ids-text-default {
    font-size: var(--font-size-default) !important;
    line-height: 1.5 !important;
}

.ids-article-title {
    font-size: 2.23125rem;
    line-height: 1.2;
}

.ids-text-lead {
    font-size: 1.5rem;
    line-height: 1.5;
    color: var(--heading-color);
}

.ids-article-meta {
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--meta-color);
}

blockquote {
    margin: 0 0 40px 0;
    font-size: 1.25rem;
    line-height: 1.5;
    font-style: italic;
    color: var(--heading-color);
}

*+blockquote {
    margin-top: 40px;
}

blockquote footer {
    margin-top: 10px;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--default);
}


/**********************************************
    TABLE
**********************************************/
.ids-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
}

.ids-table th {
    padding: 10px 12px;
    text-align: left;
    vertical-align: bottom;
    font-size: 0.875rem;
    font-weight: normal;
    color: var(--table-th-color);
    text-transform: uppercase;
}

.ids-table td {
    padding: 10px 12px;
    vertical-align: top;
}

.ids-table tbody tr {
    transition: background-color 0.1s linear;
}

.ids-table-divider>tr:not(:first-child),
.ids-table-divider> :not(:first-child)>tr,
.ids-table-divider> :first-child>tr:not(:first-child) {
    border-top: var(--border);
}


/**********************************************
    BUTTONS
**********************************************/
div.ids-button {}

div.ids-button-div.ids-button,
.cms div.block.ids-button > .contents, 
.cms div.block.ids-button:hover > .contents, 
div.ids-button > .contents {
    border: none !important;
    background-color: transparent !important;
    display: inline-block;
}
div.ids-button > .contents > a {}

div.ids-button-div.ids-button,
div.ids-button > .contents > a,
button,
a.ids-button {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    /* border-radius: 0; */
    border-radius: 5px;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color;
}

div.ids-button-div.ids-button,
div.ids-button > .contents > a,
a[class*=ids-button],
button[class*=ids-button] {
    /* border-radius: 0; */
    border-radius: 5px;
}

div.ids-button-div.ids-button-small,
div.ids-button-small > .contents > a,
button.ids-button-small,
a.ids-button-small {
    padding: 0 15px;
    line-height: 1.75rem;
    font-size: 0.875rem;
}

div.ids-button-div.ids-button:focus,
div.ids-button-div.ids-button:hover,
div.ids-button > .contents > a:focus,
div.ids-button > .contents > a:hover,
button:focus,
button:hover,
a.ids-button:focus,
a.ids-button:hover {
    text-decoration: none;
}

div.ids-button-div.ids-button:not(:disabled),
div.ids-button > .contents > a:not(:disabled),
button:not(:disabled),
a.ids-button:not(:disabled) {
    cursor: pointer;
}

button {
    background-color: transparent;
    color: var(--heading-color) !important;
    border: var(--border);
}

button:focus,
button:hover {
    background-color: transparent;
    color: var(--heading-color) !important;
    border-color: var(--border-color-hover);
}

button:active,
button.ids-active {
    background-color: transparent;
    color: var(--heading-color) !important;
    border-color: var(--meta-color);
}

.ce_form form .widget button,
.ids-filter div.ids-button.active > .contents > a,
div.ids-button-div.ids-button-ids,
.ids-button-ids > button,
button.ids-button-ids,
div.ids-button-ids > .contents > a,
a.ids-button-ids {
    background-color: var(--ids-colour) !important;
    color: var(--white) !important;
    border: 1px solid transparent !important;
}

.ce_form form .widget button:focus,
.ce_form form .widget button:hover,
.ids-filter div.ids-button.active > .contents > a:focus,
.ids-filter div.ids-button.active > .contents > a:hover,
div.ids-button-div.ids-button-ids:focus,
div.ids-button-div.ids-button-ids:hover,
.ids-button-ids > button:focus,
.ids-button-ids > button:hover,
button.ids-button-ids:focus,
button.ids-button-ids:hover,
div.ids-button-ids > .contents > a:focus,
div.ids-button-ids > .contents > a:hover,
a.ids-button-ids:focus,
a.ids-button-ids:hover {
    background-color: var(--ids-colour2) !important;
    color: var(--white) !important;
}

.ids-filter div.ids-button.active > .contents > a:active,
div.ids-button-div.ids-button-ids:active,
.ids-button-ids > button:active,
button.ids-button-ids:active,
div.ids-button-ids > .contents > a:active,
div.ids-button-ids.ids-active > .contents > a,
a.ids-button-ids:active,
a.ids-button-ids.ids-active {
    background-color: var(--ids-colour2) !important;
    color: var(--white) !important;
}


div.ids-button-div.ids-button-nav,
.ids-button-nav > button,
button.ids-button-nav,
div.ids-button-nav > .contents > a,
a.ids-button-nav {
    background-color: transparent !important;
    color: var(--black) !important;
    border: 1px solid transparent !important;
}

div.ids-button-div.ids-button-nav:focus,
div.ids-button-div.ids-button-nav:hover,
.ids-button-nav > button:focus,
.ids-button-nav > button:hover,
button.ids-button-nav:focus,
button.ids-button-nav:hover,
div.ids-button-nav > .contents > a:focus,
div.ids-button-nav > .contents > a:hover,
a.ids-button-nav:focus,
a.ids-button-nav:hover {
    background-color: var(--white) !important;
    color: var(--link-text) !important;
}

a.ids-button-nav.active,
div.ids-button-div.ids-button-nav:active,
.ids-button-nav > button:active,
button.ids-button-nav:active,
div.ids-button-nav > .contents > a:active,
div.ids-button-nav.ids-active > .contents > a,
a.ids-button-nav:active,
a.ids-button-nav.ids-active {
    background-color: var(--ids-colour2) !important;
    color: var(--white) !important;
}


div.ids-button:not(.ids-button-ids, .ids-button-white, .ids-button-dark, .ids-button-red, .ids-button-red2, .ids-button-turquoise, .ids-button-nav, .config-light-grey, .config-white, .config-ids-colour, .config-coral, .config-grey-3, .config-grey-2) > .contents > a,
div.ids-button-default > .contents > a,
a.ids-button-default {
    background-color: transparent !important;
    color: var(--dark-grey) !important;
    border: 1px solid var(--border-color) !important;

}

#wrapper .cms div.ids-button:not(.ids-button-ids, .ids-button-white, .ids-button-dark, .ids-button-red, .ids-button-red2, .ids-button-turquoise, .ids-button-nav, .config-light-grey, .config-white, .config-ids-colour, .config-coral, .config-grey-3, .config-grey-2).border-hover-ids-colour.block.text-active-white:focus > div.contents a,
#wrapper .cms div.ids-button:not(.ids-button-ids, .ids-button-white, .ids-button-dark, .ids-button-red, .ids-button-red2, .ids-button-turquoise, .ids-button-nav, .config-light-grey, .config-white, .config-ids-colour, .config-coral, .config-grey-3, .config-grey-2).border-hover-ids-colour.block.text-active-white:hover > div.contents a,
div.ids-button:not(.ids-button-ids, .ids-button-white, .ids-button-dark, .ids-button-red, .ids-button-red2, .ids-button-turquoise, .ids-button-nav, .config-light-grey, .config-white, .config-ids-colour, .config-coral, .config-grey-3, .config-grey-2) > .contents > a:focus,
div.ids-button:not(.ids-button-ids, .ids-button-white, .ids-button-dark, .ids-button-red, .ids-button-red2, .ids-button-turquoise, .ids-button-nav, .config-light-grey, .config-white, .config-ids-colour, .config-coral, .config-grey-3, .config-grey-2) > .contents > a:hover,
div.ids-button-default > .contents > a:focus,
div.ids-button-default > .contents > a:hover,
a.ids-button-default:focus,
a.ids-button-default:hover {
    background-color: transparent;
    color: var(--dark-grey) !important;
    border: 1px solid var(--border-color-hover);
}


button.ids-button:active,
div.ids-button:not(.ids-button-ids, .ids-button-white, .ids-button-dark, .ids-button-red, .ids-button-red2, .ids-button-turquoise, .ids-button-nav, .config-light-grey, .config-white, .config-ids-colour, .config-coral, .config-grey-3, .config-grey-2) > .contents > a:active,
div.ids-button-default > .contents > a:active,
div.ids-button-default.ids-active > .contents > a,
a.ids-button-default:active,
a.ids-button-default.ids-active {
    background-color: transparent;
    color: var(--dark-grey) !important;
    border-color: var(--border-color-hover);
}


div.ids-button-div.ids-button-white,
.ids-button-white > button,
button.ids-button-white,
div.ids-button-white > .contents > a,
a.ids-button-white {
    background-color: var(--white) !important;
    color: var(--dark-grey) !important;
    border: 1px solid var(--border-color) !important;
}

div.ids-button-div.ids-button-white:focus,
div.ids-button-div.ids-button-white:hover,
.ids-button-white > button:focus,
.ids-button-white > button:hover,
button.ids-button-white:focus,
button.ids-button-white:hover,
#wrapper .cms .ids-button-white.border-hover-ids-colour.block.text-active-white:focus > div.contents a,
#wrapper .cms .ids-button-white.border-hover-ids-colour.block.text-active-white:hover > div.contents a,
div.ids-button-white > .contents > a:focus,
div.ids-button-white > .contents > a:hover,
a.ids-button-white:focus,
a.ids-button-white:hover {
    background-color: var(--white) !important;
    color: var(--dark-grey) !important;
    border-color: var(--border-color-hover) !important;
}

div.ids-button-div.ids-button-white:active,
.ids-button-white > button:active,
button.ids-button-white:active,
div.ids-button-white > .contents > a:active,
div.ids-button-white.ids-active > .contents > a,
a.ids-button-white:active,
a.ids-button-white.ids-active {
    background-color: var(--white) !important;
    color: var(--dark-grey) !important;
    border-color: var(--border-color-hover) !important;
}

div.ids-button-div.ids-button-dark,
.ids-button-dark > button,
button.ids-button-dark,
div.ids-button-dark > .contents > a,
a.ids-button-dark {
    background-color: var(--dark-grey2) !important;
    color: var(--white) !important;
    border: 1px solid transparent !important;
}

div.ids-button-div.ids-button-dark:focus,
div.ids-button-div.ids-button-dark:hover,
.ids-button-dark > button:focus,
.ids-button-dark > button:hover,
button.ids-button-dark:focus,
button.ids-button-dark:hover,
div.ids-button-dark > .contents > a:focus,
div.ids-button-dark > .contents > a:hover,
a.ids-button-dark:focus,
a.ids-button-dark:hover {
    background-color: var(--dark-grey) !important;
    color: var(--white) !important;
}

div.ids-button-div.ids-button-dark:active,
.ids-button-dark > button:active,
button.ids-button-dark:active,
div.ids-button-dark > .contents > a:active,
div.ids-button-dark.ids-active > .contents > a,
a.ids-button-dark:active,
a.ids-button-dark.ids-active {
    background-color: var(--dark-grey2-active) !important;
    color: var(--white) !important;
}

.ids-button-red > button,
button.ids-button-red,
div.ids-button-red > .contents > a,
a.ids-button-red {
    background-color: var(--red) !important;
    color: var(--white) !important;
    border: 1px solid transparent !important;
}

.ids-button-red > button:focus,
.ids-button-red > button:hover,
button.ids-button-red:focus,
button.ids-button-red:hover,
div.ids-button-red > .contents > a:focus,
div.ids-button-red > .contents > a:hover,
a.ids-button-red:focus,
a.ids-button-red:hover {
    background-color: var(--red-hover) !important;
    color: var(--white) !important;
}

.ids-button-red > button:active
button.ids-button-red:active,
div.ids-button-red > .contents > a:active,
div.ids-button-red.ids-active > .contents > a,
a.ids-button-red:active,
a.ids-button-red.ids-active {
    background-color: var(--red-active) !important;
    color: var(--white) !important;
}

.ids-button-red2 > button,
button.ids-button-red2,
div.ids-button-red2 > .contents > a,
a.ids-button-red2 {
    background-color: var(--red2) !important;
    color: var(--white) !important;
    border: 1px solid transparent !important;
}

.ids-button-red2 > button:focus,
.ids-button-red2 > button:hover,
button.ids-button-red2:focus,
button.ids-button-red2:hover,
div.ids-button-red2 > .contents > a:focus,
div.ids-button-red2 > .contents > a:hover,
a.ids-button-red2:focus,
a.ids-button-red2:hover {
    background-color: var(--red2-hover) !important;
    color: var(--white) !important;
}

.ids-button-red2 > button:active,
button.ids-button-red2:active,
div.ids-button-red2 > .contents > a:active,
div.ids-button-red2.ids-active > .contents > a,
a.ids-button-red2:active,
a.ids-button-red2.ids-active {
    background-color: var(--red2-active) !important;
    color: var(--white) !important;
}

.ids-button-turquoise > button,
button.ids-button-turquoise,
div.ids-button-turquoise > .contents > a,
a.ids-button-turquoise {
    background-color: var(--turquoise) !important;
    color: var(--black) !important;
    border: 1px solid transparent !important;
}

.ids-button-turquoise > button:focus,
.ids-button-turquoise > button:hover,
button.ids-button-turquoise:focus,
button.ids-button-turquoise:hover,
div.ids-button-turquoise > .contents > a:focus,
div.ids-button-turquoise > .contents > a:hover,
a.ids-button-turquoise:focus,
a.ids-button-turquoise:hover {
    background-color: var(--black) !important;
    color: var(--turquoise) !important;
    /* background-color: var(--link-hover2) !important;
    color: var(--black) !important; */
}

.ids-button-turquoise > button:active,
button.ids-button-turquoise:active,
div.ids-button-turquoise > .contents > a:active,
div.ids-button-turquoise.ids-active > .contents > a,
a.ids-button-turquoise:active,
a.ids-button-turquoise.ids-active {
    background-color: var(--turquoise-active) !important;
    color: var(--black) !important;
}


div.ids-button-div.ids-button.w-100,
.ids-button.w-100 > button,
button.ids-button.w-100,
div.ids-button.w-100 > .contents,
div.ids-button.w-100 > .contents > a,
a.ids-button.w-100 {
    width: 100%;
}

.ids-button.ids-button-disabled {
    cursor: default !important;
}
div.ids-button-div.ids-button-disabled.ids-button-ids:focus,
div.ids-button-div.ids-button-disabled.ids-button-ids:hover,
div.ids-button-div.ids-button-disabled.ids-button-ids,
.ids-button.ids-button-ids.ids-button-disabled:focus,
.ids-button.ids-button-ids.ids-button-disabled:hover,
.ids-button.ids-button-ids.ids-button-disabled {
    background-color: var(--ids-colour-065) !important;
}


/**********************************************
    BUTTONS - CeIdsTextButton
**********************************************/
.ce_CeIdsTextButton.ids-button {
    display: inline-block;
}
.ce_CeIdsTextButton.ids-button .contents a {
    /* border-radius: 0; */
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
}

.ce_CeIdsTextButton.ids-button.config-light-grey .contents a {
    background-color: var(--light-grey3) ;
    border-color: var(--light-grey) ;
    color: var(--grey) ;
}
.ce_CeIdsTextButton.ids-button.config-light-grey .contents a:focus,
.ce_CeIdsTextButton.ids-button.config-light-grey .contents a:hover {
    background-color: var(--ids-colour) ;
    border-color: var(--ids-colour) ;
    color: var(--white) ;
}

.ce_CeIdsTextButton.ids-button.config-white .contents a {
    background-color: transparent;
    border-color: var(--white) ;
    color: var(--white) ;
}
.ce_CeIdsTextButton.ids-button.config-white .contents a:focus,
.ce_CeIdsTextButton.ids-button.config-white .contents a:hover {
    background-color: var(--ids-colour) ;
    border-color: var(--ids-colour) ;
    color: var(--white) ;
}

.ce_CeIdsTextButton.ids-button.config-ids-colour.to.ids-colour-2 .contents a {
    background-color: var(--ids-colour) ;
    border-color: var(--ids-colour) ;
    color: var(--white) ;
}
.ce_CeIdsTextButton.ids-button.config-ids-colour.to.ids-colour-2 .contents a:focus,
.ce_CeIdsTextButton.ids-button.config-ids-colour.to.ids-colour-2 .contents a:hover {
    background-color: var(--ids-colour2) ;
    border-color: var(--ids-colour2) ;
    color: var(--white) ;
}

.ce_CeIdsTextButton.ids-button.config-coral .contents a {
    background-color: var(--coral) ;
    border-color: var(--coral) ;
    color: var(--white) ;
}
.ce_CeIdsTextButton.ids-button.config-coral .contents a:focus,
.ce_CeIdsTextButton.ids-button.config-coral .contents a:hover {
    background-color: var(--coral2) ;
    border-color: var(--coral2) ;
    color: var(--white) ;
}

.ce_CeIdsTextButton.ids-button.config-grey-3.to.grey-2 .contents a {
    background-color: var(--light-grey) ;
    border-color: var(--light-grey) ;
    color: var(--dark-grey) ;
}
.ce_CeIdsTextButton.ids-button.config-grey-3.to.grey-2 .contents a:focus,
.ce_CeIdsTextButton.ids-button.config-grey-3.to.grey-2 .contents a:hover {
    background-color: var(--grey) ;
    border-color: var(--grey) ;
    color: var(--white) ;
}

.ce_CeIdsTextButton.ids-button.config-grey-2.to.grey-1 .contents a {
    background-color: var(--grey) ;
    border-color: var(--grey) ;
    color: var(--white) ;
}
.ce_CeIdsTextButton.ids-button.config-grey-2.to.grey-1 .contents a:focus,
.ce_CeIdsTextButton.ids-button.config-grey-2.to.grey-1 .contents a:hover {
    background-color: var(--dark-grey) ;
    border-color: var(--dark-grey) ;
    color: var(--white) ;
}


/**********************************************
    BUTTONS - CeIdsTextButton - SPECIALS
**********************************************/
.cms .ce_CeIdsTextButton.ids-button.bg-active-ids-colour.block.active>div.contents a {
    background-color: var(--ids-colour);
}
.cms .ce_CeIdsTextButton.ids-button.bg-active-ids-colour.block.active>div.contents a:focus,
.cms .ce_CeIdsTextButton.ids-button.bg-active-ids-colour.block.active>div.contents a:hover {
    background-color: var(--ids-colour2);
}
.cms .ce_CeIdsTextButton.ids-button.border-active-ids-colour.block.active>div.contents a {
    border-color: var(--ids-colour);
}
.cms .ce_CeIdsTextButton.ids-button.border-active-ids-colour.block.active>div.contents a:focus,
.cms .ce_CeIdsTextButton.ids-button.border-active-ids-colour.block.active>div.contents a:hover {
    border-color: var(--ids-colour2);
}

.ce_CeIdsTextButton.ids-button.w-100 .contents a,
.ce_CeIdsTextButton.ids-button.w-100 .contents,
.ce_CeIdsTextButton.ids-button.w-100 {
    width: 100%;
}


/**********************************************
    BUTTONS - CeIdsIconLinkButton
**********************************************/
.ce_CeIdsIconLinkButton.ids-button {
    display: inline-block;
}
.ce_CeIdsIconLinkButton.ids-button .contents {

}
.ce_CeIdsIconLinkButton.ids-button .contents a {
    background-color: transparent !important ;
    border-radius: 0;
    border-style: solid;
    border-width: 1px !important;
}


.ce_CeIdsIconLinkButton.ids-button.w-100 .contents a,
.ce_CeIdsIconLinkButton.ids-button.w-100 .contents,
.ce_CeIdsIconLinkButton.ids-button.w-100 {
    width: 100%;
}


.ce_CeIdsIconLinkButton.ids-button.small .contents {
    background-size: 22px 22px;
    background-position: 12px center;
}
#main .container .ce_CeIdsIconLinkButton.ids-button.small .contents:focus,
#main .container .ce_CeIdsIconLinkButton.ids-button.small .contents:hover {
    background-size: 26px 26px;
    background-position: 11px center;
}
.ce_CeIdsIconLinkButton.ids-button.small .contents a {
    line-height: 1.5rem;
    padding: 7px 30px 7px 45px;
}


.ce_CeIdsIconLinkButton.ids-button.large {
    height: auto !important;
}
.ce_CeIdsIconLinkButton.ids-button.large .contents {
    background-position: 1.25rem center;
    background-size: 3.75rem 3.75rem;
}
@media (min-width: 768px) {  
    .ce_CeIdsIconLinkButton.ids-button.large .contents {
        background-position: center 2rem;
        background-size: 5rem 5rem;
    }
}
#main .container .ce_CeIdsIconLinkButton.ids-button.large .contents:focus,
#main .container .ce_CeIdsIconLinkButton.ids-button.large .contents:hover {
    background-position: 1.25rem center;
    background-size: 3.75rem 3.75rem;
}
@media (min-width: 768px) {  
    #main .container .ce_CeIdsIconLinkButton.ids-button.large .contents:focus,
    #main .container .ce_CeIdsIconLinkButton.ids-button.large .contents:hover {
        background-position: center 2rem;
        background-size: 5rem 5rem;
    }
}
.ce_CeIdsIconLinkButton.ids-button.large .contents a {
    font-size: 0.875rem;
    line-height: 3rem;
    height: auto !important;
    padding: 1.5rem 1rem 1.5rem 6.25rem;
    display: block;
    font-weight: 600;
    text-align: left;
    vertical-align: middle;
}
@media (min-width: 768px) {  
    .ce_CeIdsIconLinkButton.ids-button.large .contents a {
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding: 8rem 0.75rem 1rem;
        display: block;
        font-weight: 600;
        text-align: center;
    }
}


#main .container .ce_CeIdsIconLinkButton.ids-button.imgonly {
    height: 46px;
}
#main .container .ce_CeIdsIconLinkButton.ids-button.imgonly div.contents {
    background-size: 30px 30px;
}

#main .container .ce_CeIdsIconLinkButton.ids-button.ids-button-small.imgonly {
    height: 40px;
}
#main .container .ce_CeIdsIconLinkButton.ids-button.ids-button-small.imgonly div.contents {
    background-size: 22px 22px;
}
#main .container .ce_CeIdsIconLinkButton.ids-button.ids-button-small.imgonly div.contents a {
    padding: 0 20px;
}


div.ce_CeIdsIconLinkButton.ids-button.config-bgwhite .contents {
    background-color: var(--white) !important;
}
div.ce_CeIdsIconLinkButton.ids-button.config-bgwhite .contents:focus,
div.ce_CeIdsIconLinkButton.ids-button.config-bgwhite .contents:hover {
    background-color: var(--ids-colour) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-bgwhite .contents a {
    border-color: var(--ids-colour) !important;
    color: var(--ids-colour) ;
}
.ce_CeIdsIconLinkButton.ids-button.config-bgwhite .contents a:focus,
.ce_CeIdsIconLinkButton.ids-button.config-bgwhite .contents a:hover {
    border-color: var(--ids-colour) !important;
    color: var(--white) ;
}

div.ce_CeIdsIconLinkButton.ids-button.config-ids-colour .contents {
    background-color: var(--ids-colour) !important;
}
div.ce_CeIdsIconLinkButton.ids-button.config-ids-colour .contents:focus,
div.ce_CeIdsIconLinkButton.ids-button.config-ids-colour .contents:hover {
    background-color: var(--ids-colour2) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-ids-colour .contents a {
    border-color: var(--ids-colour) !important;
    color: var(--white) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-ids-colour .contents a:focus,
.ce_CeIdsIconLinkButton.ids-button.config-ids-colour .contents a:hover {
    border-color: var(--ids-colour2) !important;
    color: var(--white) !important;
}

div.ce_CeIdsIconLinkButton.ids-button.config-grey .contents {
    background-color: var(--light-grey3) !important;
}
div.ce_CeIdsIconLinkButton.ids-button.config-grey .contents:focus,
div.ce_CeIdsIconLinkButton.ids-button.config-grey .contents:hover {
    background-color: var(--ids-colour) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-grey .contents a {
    border-color: var(--ids-colour) !important;
    color: var(--ids-colour) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-grey .contents a:focus,
.ce_CeIdsIconLinkButton.ids-button.config-grey .contents a:hover {
    border-color: var(--ids-colour2) !important;
    color: var(--white) !important;
}

div.ce_CeIdsIconLinkButton.ids-button.config-greyblack .contents {
    background-color: var(--light-grey3) !important;
}
div.ce_CeIdsIconLinkButton.ids-button.config-greyblack .contents:focus,
div.ce_CeIdsIconLinkButton.ids-button.config-greyblack .contents:hover {
    background-color: var(--ids-colour) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-greyblack .contents a {
    border-color: var(--black) !important;
    color: var(--black) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-greyblack .contents a:focus,
.ce_CeIdsIconLinkButton.ids-button.config-greyblack .contents a:hover {
    border-color: var(--ids-colour) !important;
    color: var(--white) !important;
}

div.ce_CeIdsIconLinkButton.ids-button.config-grey-opac .contents {
    background-color: rgba(245,245,245,0.7) !important;
}
div.ce_CeIdsIconLinkButton.ids-button.config-grey-opac .contents:focus,
div.ce_CeIdsIconLinkButton.ids-button.config-grey-opac .contents:hover {
    background-color: var(--ids-colour) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-grey-opac .contents a {
    border-color: var(--ids-colour) !important;
    color: var(--ids-colour) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-grey-opac .contents a:focus,
.ce_CeIdsIconLinkButton.ids-button.config-grey-opac .contents a:hover {
    border-color: var(--ids-colour) !important;
    color: var(--white) !important;
}

div.ce_CeIdsIconLinkButton.ids-button.config-white .contents {
    background-color: transparent !important;
}
div.ce_CeIdsIconLinkButton.ids-button.config-white .contents:focus,
div.ce_CeIdsIconLinkButton.ids-button.config-white .contents:hover {
    background-color: var(--ids-colour) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-white .contents a {
    border-color: var(--white) !important;
    color: var(--white) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-white .contents a:focus,
.ce_CeIdsIconLinkButton.ids-button.config-white .contents a:hover {
    border-color: var(--ids-colour) !important;
    color: var(--white) !important;
}

div.ce_CeIdsIconLinkButton.ids-button.config-border-grey .contents {
    background-color: var(--white) !important;
}
div.ce_CeIdsIconLinkButton.ids-button.config-border-grey .contents:focus,
div.ce_CeIdsIconLinkButton.ids-button.config-border-grey .contents:hover {
    background-color: var(--ids-colour) !important;
}
.ce_CeIdsIconLinkButton.ids-button.config-border-grey .contents a {
    border-color: var(--grey) !important;
    color: var(--default) !important;
    padding: 7px 30px 7px 30px;
}
.ce_CeIdsIconLinkButton.ids-button.config-border-grey .contents a:focus,
.ce_CeIdsIconLinkButton.ids-button.config-border-grey .contents a:hover {
    border-color: var(--ids-colour) !important;
    color: var(--white) !important;
}



/**********************************************
    ROUNDED BUTTON
**********************************************/
.rounded_button {
    display: inline-block;
    background-color: var(--black) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0 !important;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 2;
    transition: background-color 250ms linear, color 250ms linear;
}
.rounded_button.active,
.rounded_button:focus,
.rounded_button:hover {
    background-color: var(--link-active) !important;
    color: var(--black) !important;
}
.rounded_button::before {
    left: 50%;
    transform: translate3D(-50%, -50%, 0);
    transition: background-color 250ms linear;
}
.rounded_button.active::before,
.rounded_button:focus::before,
.rounded_button:hover::before {
    background-color: var(--black) !important;
}


/**********************************************
    IDS-OVERLAY
**********************************************/
.ids-overlay {
    padding: 30px 30px;
}

[class*="ids-position-top"],
[class*="ids-position-bottom"],
[class*="ids-position-left"],
[class*="ids-position-right"],
[class*="ids-position-center"] {
    position: absolute !important;
    max-width: 100%;
    box-sizing: border-box;
}


.ids-overlay-darkgrey {
    background: rgba(34, 34, 34, 0.8);
}
.ids-overlay-white {
    background: rgba(255, 255, 255, 0.8);
}
.ids-overlay-transparent {
    background: none;
}
@media (min-width: 576px) {
    .ids-overlay-sm-transparent {
        background: none;
    }
}
@media (min-width: 768px) {
    .ids-overlay-md-transparent {
        background: none;
    }
}
@media (min-width: 992px) {    
    .ids-overlay-lg-transparent {
        background: none;
    }
}
@media (min-width: 1200px) {
    .ids-overlay-xl-transparent {
        background: none;
    }
}
@media (min-width: 1800px) {
    .ids-overlay-xxl-transparent {
        background: none;
    }
}


.ids-position-top {
    top: 0;
    left: 0;
    right: 0;
}

.ids-position-bottom {
    bottom: 0;
    left: 0;
    right: 0;
}

.ids-position-left {
    top: 0;
    bottom: 0;
    left: 0;
}

.ids-position-right {
    top: 0;
    bottom: 0;
    right: 0;
}

/*  Corners */
.ids-position-top-left {
    top: 0;
    left: 0;
}

.ids-position-top-right {
    top: 0;
    right: 0;
}

.ids-position-bottom-left {
    bottom: 0;
    left: 0;
}

.ids-position-bottom-right {
    bottom: 0;
    right: 0;
}

/*
   * Center
   * 1. Fix text wrapping if content is larger than 50% of the container.
   *    Using `max-content` requires `max-width` of 100% which is set generally.
   */
.ids-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
}

/* Vertical */
[class*="ids-position-center-left"],
[class*="ids-position-center-right"] {
    top: 50%;
    transform: translate(0, -50%);
}

.ids-position-center-left {
    left: 0;
}

.ids-position-center-right {
    right: 0;
}

.ids-position-center-left-out {
    right: 100%;
    width: max-content;
}

.ids-position-center-right-out {
    left: 100%;
    width: max-content;
}

/* Horizontal */
.ids-position-top-center,
.ids-position-bottom-center {
    left: 50%;
    transform: translate(-50%, 0);
    width: max-content;
}

.ids-position-top-center {
    top: 0;
}

.ids-position-bottom-center {
    bottom: 0;
}

/* Cover    */
.ids-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; 
    right: 0;
}



/**********************************************
    IDS-CARD
**********************************************/
.ids-card {
    position: relative;
    box-sizing: border-box;
    transition: box-shadow 0.1s ease-in-out;
    overflow: hidden;
}
.ids-card-body {
    display: flow-root;
    padding: 30px 30px;
}
.ids-card-default {
    background-color: var(--white);
    color: var(--default);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.ids-card-default.ids-card-hover:hover {
    background-color: var(--white);
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}


.ids-card-primary {
    background: var(--ids-colour);
    background: var(--ids-gradient);
    color: var(--white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.ids-card-primary.ids-card-hover:hover {
    background-color: var(--ids-colour);
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}


.ids-card-secondary {
    background-color: var(--dark-grey2);
    color: var(--white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.ids-card-secondary.ids-card-hover:hover {
    background-color: var(--dark-grey2);
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}


.ids-card-light-grey3 {
    background-color: var(--light-grey3);
    color: var(--white);
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); */
}
.ids-card-light-grey3.ids-card-hover:hover {
    background-color: var(--light-grey3);
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}


.ids-card-transparent {
    background: transparent !important;
    color: var(--default);
    box-shadow: none !important;
}
@media (min-width: 576px) {    
    .ids-card-sm-transparent {
        background: transparent !important;
        color: var(--default) !important;
        box-shadow: none !important;
    }
}
@media (min-width: 768px) {    
    .ids-card-md-transparent {
        background: transparent !important;
        color: var(--default) !important;
        box-shadow: none !important;
    }
}
@media (min-width: 992px) {    
    .ids-card-lg-transparent {
        background: transparent !important;
        color: var(--default) !important;
        box-shadow: none !important;
    }
}
@media (min-width: 1200px) {    
    .ids-card-xl-transparent {
        background: transparent !important;
        color: var(--default) !important;
        box-shadow: none !important;
    }
}
@media (min-width: 1800px) {    
    .ids-card-xxl-transparent {
        background: transparent !important;
        color: var(--default) !important;
        box-shadow: none !important;
    }
}


.ids-card-hover:not(.ids-card-default):not(.ids-card-primary):not(.ids-card-secondary):not(.ids-card-light-grey3):hover {
    background-color: var(--white);
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}


.ids-card-hover a:focus,
.ids-card-hover a:active {}

.ids-card-hover a::after {
    content: "";
    display: block;
    background: #00ecff;
    width: 0;
    height: 2px;
    transition: width 250ms linear;
    position: absolute;
    bottom: 0px;
}
.ids-card-hover a:focus::after,
.ids-card-hover a:active::after {
    width: 100%;
    height: 2px;
}


/* [class*="ids-inline"] {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
} */









/**********************************************
    HOME HEADER
**********************************************/
#home-header-article > .row {
    padding: 0 !important;
}
#header-image>.row {
    padding-bottom: 0.625rem !important;
}

#home-header-container {
    padding: 0 !important;
}

#home-header-container .row {
    position: relative;
    margin: 0 !important;
}

#home-header-container .content-player,
#home-header-container .ce_CeIdsHeaderImage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#home-header-container .content-player figure,
#home-header-container .ce_CeIdsHeaderImage figure {
    width: 100%;
    height: 100%;
    position: relative;
}
#home-header-container .ce_CeIdsHeaderImage figure::after {
    display: none;
}

#home-header-container .content-player figure video,
#home-header-container .ce_CeIdsHeaderImage figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box;
    object-fit: cover;
    object-position: center;
}

#home-header-container .home-header {
    height: 100vw;
}

@media (min-width: 768px) {
    #home-header-container .home-header {
        height: 45rem;
    }
}

#home-header-container .home-header.headerheight400 {}
@media (min-width: 576px) {
    #home-header-container .home-header.headerheight400 {
        height: 55vw;
    }
}
@media (min-width: 768px) {
    #home-header-container .home-header.headerheight400 {
        height: 400px;
    }
}
#home-header-container .home-header.headerheight500 {}
@media (min-width: 576px) {
    #home-header-container .home-header.headerheight500 {
        height: 60vw;
    }
}
@media (min-width: 768px) {
    #home-header-container .home-header.headerheight500 {
        height: 500px;
    }
}
#home-header-container .home-header.headerheight600 {}
@media (min-width: 576px) {
    #home-header-container .home-header.headerheight600 {
        height: 65vw;
    }
}
@media (min-width: 768px) {
    #home-header-container .home-header.headerheight600 {
        height: 600px;
    }
}

#home-header-container .home-header>.row {
    height: 100%;
    width: 100%;
    position: relative;
}

#home-header-container .home-header .ce_OpeningTagElement {}








/**********************************************
    HOME HEADER 2 Slider
**********************************************/
#header-2-slider-article {
    overflow: hidden;
}
#header-2-slider-article > .row {
    overflow: hidden;
    padding: 0;
}
#header-2-slider-article .ce_ids_slider_start {
    height: 450px;
    margin: 0;
    padding: 0;
    width: calc(100% + 1rem);
    left: -0.5rem;
}
#header-2-slider-article .ce_ids_slider_start > .contents {
    opacity: 0;
    transition: 0.25s ease-in-out;
    transition-property: opacity;
}
#header-2-slider-article .ce_ids_slider_start > .contents.swiper-container-initialized {
    opacity: 1;
    margin: 0 0;
}
#header-2-slider-article .ce_ids_slider_start .swiper-slide {
    height: 400px;
    margin: 0 0.5rem;
}
#header-2-slider-article .swiper-slide .ce_CeIdsHeaderImage {
    /* width: calc(100% - 1rem);
    left: 0.5rem; */
    height: 100%;
}
#header-2-slider-article .swiper-slide .ce_CeIdsHeaderImage .content {}
#header-2-slider-article .swiper-slide .ce_CeIdsHeaderImage .content figure {
    height: 100%;
}
#header-2-slider-article .swiper-slide .ce_CeIdsHeaderImage .content figure img {
    object-fit: cover;
    object-position: center;
    width: 100% !important;
    height: 100% !important;
}
/* #header-2-slider-article .swiper-slide .ce_OpeningTagElement.ids-position-top,
#header-2-slider-article .swiper-slide .ce_OpeningTagElement.ids-position-bottom {
    width: calc(100% - 1rem);
    left: 0.5rem;
} */
#header-2-slider-article .ce_ids_slider_start .swiper-slide .ce_headline {
    font-size: 1.5rem !important;
    font-weight: 400;
}
#header-2-slider-article .ce_ids_slider_start .swiper-slide .ce_headline + .ce_headline {
    font-size: 1rem !important;
}


#header-2-slider-article .ce_ids_slider_start .swiper-navigation .swiper-pagination .swiper-pagination-bullet {
    border: 2px solid var(--default);
    background: var(--default);
}


#header-2-slider-article .ce_ids_slider_start .swiper-navigation .swiper-button-prev, 
#header-2-slider-article .ce_ids_slider_start .swiper-navigation .swiper-button-next {
    background-color: var(--dark-grey2);
    border-radius: 50%;
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    top: -242px;
    margin: 0 15px;
}
#header-2-slider-article .ce_ids_slider_start .swiper-navigation .swiper-button-prev:after, 
#header-2-slider-article .ce_ids_slider_start .swiper-navigation .swiper-button-next:after {
    top: 0;
    line-height: 2.25rem;
}
#header-2-slider-article .ce_ids_slider_start .swiper-navigation .swiper-button-prev:hover, 
#header-2-slider-article .ce_ids_slider_start .swiper-navigation .swiper-button-next:hover {
    background-color: var(--dark-grey);
}

#header-2-slider-article .ce_ids_slider_start .swiper-navigation .swiper-button-prev {
    left: 8px;
}
#header-2-slider-article .ce_ids_slider_start .swiper-navigation .swiper-button-prev::after {
    left: -1px;
}

#header-2-slider-article .ce_ids_slider_start .swiper-navigation .swiper-button-next {
    right: 8px;
}
#header-2-slider-article .ce_ids_slider_start .swiper-navigation .swiper-button-next::after {
    left: 1px;
}


#header-2-slider-article .ce_CeIdsHeaderImage figure::after {
    display: none;
}









/**********************************************
    CAMERA FAMILY TILE LINK
**********************************************/
.ce_hyperlink_camera-family-tile {}
.ce_hyperlink_camera-family-tile a {}
.ce_hyperlink_camera-family-tile a:hover {}
.ce_hyperlink_camera-family-tile a:hover .content-hyperlink span.icon {}
.ce_hyperlink_camera-family-tile a .content-hyperlink {
    overflow: hidden;
}
@media (min-width: 1800px) {
    .ce_hyperlink_camera-family-tile a .content-hyperlink {
        margin-bottom: 10px;
    }
}
.ce_hyperlink_camera-family-tile a .content-hyperlink .contents {
    display: flex;
    align-items: end;
}

.ce_hyperlink_camera-family-tile a .content-hyperlink span.text  {
    display: block;
    float: left;
    line-height: 1.3;
    font-weight: 100;
    text-align: right;
    word-break: auto-phrase;
}
@media (min-width: 576px) and (max-width: 800px) {
    [lang=es] #home-cameras .ce_OpeningTagElement:nth-child(4) .ce_hyperlink_camera-family-tile a .content-hyperlink span.text {             
        width: 145px;
        text-align: left;
    }
}
@media (min-width: 1200px) and (max-width: 1550px) {
    [lang=es] #home-cameras .ce_OpeningTagElement:nth-child(4) .ce_hyperlink_camera-family-tile a .content-hyperlink span.text {             
        width: 145px;
        text-align: left;
    }
}

.ce_hyperlink_camera-family-tile a .content-hyperlink span.icon  {
    display: block;
    text-align: right;
    float: right;
    width: 30px;
    height: 30px;
    margin-left: 5px;
}
.ce_hyperlink_camera-family-tile a .content-hyperlink span.icon svg {
    width: 100%;
    height: 100%;
}
.ce_hyperlink_camera-family-tile a .content-hyperlink span.icon [stroke*="#"] {
    stroke: var(--default);
}

.camera-family-tile-link {
    position: relative;
    padding-top: 75%;
    width: 100%;
}
@media (min-width: 768px) {
    .camera-family-tile-link {}
}
.camera-family-tile-link .content-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ce_hyperlink_camera-family-tile a .ids-overlay {
    padding: 15px;
}
@media (min-width: 992px) {
    .ce_hyperlink_camera-family-tile a .ids-overlay {
        padding: 30px;
    }
}
@media (min-width: 1200px) {
    .ce_hyperlink_camera-family-tile a .ids-overlay {
        padding: 15px;
    }
}
@media (min-width: 1600px) {
    .ce_hyperlink_camera-family-tile a .ids-overlay {
        padding: 30px;
    }
}

.ce_hyperlink_camera-family-tile a .ids-overlay .content-hyperlink {
    margin: 0;
}






/**********************************************
    HOME QUICK ACCESS
**********************************************/
#home-quick-access > .row {
    padding-bottom: 0px !important;
}







/**********************************************
    HYPERLINK TEXT ROUND BUTTON
**********************************************/
.ce_hyperlink_text_round_button {}
.ce_hyperlink_text_round_button .contents {}
.ce_hyperlink_text_round_button .contents span {}
.ce_hyperlink_text_round_button .contents span + a {
    margin: 0;
    overflow: visible;
    text-transform: none;
    padding: 0;
    fill: currentcolor;
    line-height: 0;

    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    border: 1px solid transparent;
    background-color: var(--dark-grey2) !important;
    color: var(--white) !important;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color;

    margin-left: 10px;
}
.ce_hyperlink_text_round_button .contents span + a:hover {
    background-color: var(--dark-grey) !important;
    color: var(--white) !important;
}
.ce_hyperlink_text_round_button .contents span + a [stroke*="#"] {
    stroke: currentcolor;
}
.ce_hyperlink_text_round_button .contents span + a:hover [stroke*="#"] {
    stroke: currentcolor;
}








/**********************************************
    HYPERLINK ARROW RIGHT BUTTON
**********************************************/
.ce_hyperlink_arrow_right_button {}
.ce_hyperlink_arrow_right_button .contents {}
.ce_hyperlink_arrow_right_button .contents a {
    margin: 0;
    overflow: visible;
    text-transform: none;
    padding: 0;
    fill: currentcolor;
    line-height: 0;

    box-sizing: border-box;
    border: 1px solid transparent;
    background-color: var(--dark-grey2) !important;
    color: var(--white) !important;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color;

    margin-left: 10px;
}
.ce_hyperlink_arrow_right_button .contents a:hover {
    background-color: var(--dark-grey) !important;
    color: var(--white) !important;
}
.ce_hyperlink_arrow_right_button .contents a [stroke*="#"] {
    stroke: currentcolor;
}
.ce_hyperlink_arrow_right_button .contents a:hover [stroke*="#"] {
    stroke: currentcolor;
}
.ce_hyperlink_arrow_right_button .contents a svg {
    transform: translateY(25%);
}




/**********************************************
    HYPERLINK ROUNDED BUTTON
**********************************************/
.ce_hyperlink_rounded_button {
    display: inline-block;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
}
/* .ce_hyperlink_rounded_button + .ce_hyperlink_rounded_button {
    margin-left: 1rem;
} */
.ce_hyperlink_rounded_button .content {
    display: inline-block;
}
.ce_hyperlink_rounded_button .rounded_button {
    display: inline-block;
    background-color: var(--black);
    color: var(--white);
    border-radius: 0.875rem;
    padding: 0 0.75rem;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 2;
    transition: background-color 250ms linear, color 250ms linear;
}
.ce_hyperlink_rounded_button .rounded_button:focus,
.ce_hyperlink_rounded_button .rounded_button:hover {
    background-color: var(--link-active) !important;
    color: var(--black) !important;
}



/**********************************************
    QUICK ACCESS TILE
**********************************************/
.ce_hyperlink_quick-access-tile {}
.ce_hyperlink_quick-access-tile a {
    display: block;
    height: 100%;
}
.ce_hyperlink_quick-access-tile a:hover {}
.ce_hyperlink_quick-access-tile a .ce_headline {
    font-weight: 100;
    color: var(--dark-grey) !important;
}
.ce_hyperlink_quick-access-tile a .content-text {
    color: var(--dark-grey) !important;
}

.ce_hyperlink_quick-access-tile.text-white a .ce_headline,
.ce_hyperlink_quick-access-tile.text-white a .content-text {
    color: var(--white) !important;
}

.ce_hyperlink_quick-access-tile a .icon {
    display: block;
    text-align: right;
    float: right;
    width: 30px;
    height: 30px;
}
.ce_hyperlink_quick-access-tile a .icon svg {
    width: 100%;
    height: 100%;
}
.ce_hyperlink_quick-access-tile a .icon [stroke*="#"] {
    stroke: var(--default);
}

.quick-access-tile {
    position: relative;
    background-color: var(--light-grey3);
    width: 100%;
    /* padding-top: 62.5%; */
}
.quick-access-tile .ids-overlay.position-relative {
    position: relative !important;
    padding-bottom: 4rem;
}
.quick-access-tile .ce_headline.material-symbols-outlined {
    position: relative;
    margin-top: 0 !important;
    padding-top: 3rem;
    text-align: left;
}
.quick-access-tile .ce_headline.material-symbols-outlined::before {
    position: absolute;
    top: 0;
    left: 0;
}





/**********************************************
    TEXT INFO TILE
**********************************************/
.text-info-tile {}
.text-info-tile .text-info-tile-contents {
    display: block;
    height: 100%;
    padding-bottom: 5px;
}
.text-info-tile .text-info-tile-contents .icon-container {
    margin-bottom: 1rem;
}
.text-info-tile .text-info-tile-contents .ce_headline {
    font-weight: 100;
}
.text-info-tile .text-info-tile-contents .content-text {}
.text-info-tile .text-info-tile-contents .ids-overlay {
    height: 100%;
}

.text-info-tile {
    position: relative;
    background-color: var(--light-grey3);
    width: 100%;
}
.text-info-tile .ids-overlay.position-relative {
    position: relative !important;
    padding-bottom: 2rem;
    height: 100%;
}
.text-info-tile .ce_headline.material-symbols-outlined {
    position: relative;
    margin-top: 0 !important;
    padding-top: 3rem;
    text-align: left;
}
.text-info-tile .ce_headline.material-symbols-outlined::before {
    position: absolute;
    top: 0;
    left: 0;
}





/**********************************************
    HOME SPECIAL
**********************************************/
.special-tile {
    height: 400px;
}
.special-tile > .special-newsletter-tile.ids-overlay {
    max-width: calc(100% - 2rem);
}
@media (min-width: 576px) {
    .special-tile > .special-newsletter-tile.ids-overlay {
        max-width: calc(100% - 25% - 2rem);
    }
}
@media (min-width: 768px) {
    .special-tile > .special-newsletter-tile.ids-overlay {
        max-width: calc(100% - 35% - 2rem);
    }
}
@media (min-width: 1200px) {
    .special-tile > .special-newsletter-tile.ids-overlay {
        max-width: calc(100% - 10% - 2rem);
    }
}
@media (min-width: 1500px) {
    .special-tile > .special-newsletter-tile.ids-overlay {
        max-width: calc(100% - 20% - 2rem);
    }
}
@media (min-width: 1800px) {
    .special-tile > .special-newsletter-tile.ids-overlay {
        max-width: calc(100% - 30% - 2rem);
    }
}
.special-tile .ids-overlay.position-relative {
    position: relative !important;
    padding-bottom: 4rem;
}
.special-tile > .content-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.special-tile > .content-image figure {
    position: relative;
    width: 100%;
    height: 100%;
}
.special-tile > .content-image img {
    min-height: 100%;
    width: auto !important;
    transform: translate3d(-50%, -50%, 0px);
    left: 50%;
    position: absolute;
    top: 50%;
}
@media (min-width: 1200px) and (max-width: 1799px) {
    .special-tile > .content-image img[src*="news"] {
        top: auto;
        bottom: -4.5rem;
        transform: translate3d(-50%, 0%, 0px);
    }
}




/**********************************************
    HOME NEWS
**********************************************/
.mod_ids_report_archive .news-item {}
.mod_ids_report_archive .news-item > a {
    display: block;
    height: 100%;
    width: 100%;
}
.mod_ids_report_archive .news-item > a .content-image {
    position: relative;
    width: 100%;
    padding-top: 80%;
    background-color: var(--light-grey3);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.16);
    transition: box-shadow 0.1s linear;
}
.mod_ids_report_archive .news-item > a .content-image figure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #ededed;
}
.mod_ids_report_archive .news-item > a .content-image figure img {
    object-fit: cover;
    object-position: center;
    width: 100% !important;
    height: 100% !important;
}
.mod_ids_report_archive .news-item > a .content-text {
    transition: color 0.1s linear, text-decoration 0.1s linear;
    padding: 0.5rem 0 0 0;
}
.mod_ids_report_archive .news-item > a .content-text .contents {}
.mod_ids_report_archive .news-item > a .content-text span {
    color: var(--heading-color);
    display: block;
    font-size: 1rem;
    line-height: 1.4;
    margin: 0;
}
.mod_ids_report_archive .news-item > a .content-text .teaser {
    color: var(--default);
    margin: 0;
}
.mod_ids_report_archive .news-item > a:focus,
.mod_ids_report_archive .news-item > a:hover {}
.mod_ids_report_archive .news-item > a:focus,
.mod_ids_report_archive .news-item > a:hover {}
.mod_ids_report_archive .news-item > a:focus .content-image ,
.mod_ids_report_archive .news-item > a:hover .content-image {
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.16);
}


.mod_ids_report_archive .news-item > a .content-image::after {
    content: "";
    display: block;
    background: #00ecff;
    width: 0;
    height: 2px;
    transition: width 250ms linear;
    position: absolute;
    bottom: 0px;
}
.mod_ids_report_archive .news-item > a:focus .content-image::after,
.mod_ids_report_archive .news-item > a:active .content-image::after {
    width: 100%;
    height: 2px;
}

/* .mod_ids_report_archive .news-item > a:focus .content-text h6,
.mod_ids_report_archive .news-item > a:hover .content-text h6 {
    color: var(--ids-colour);
    text-decoration: underline;
}
.mod_ids_report_archive .news-item > a:focus .content-text .teaser,
.mod_ids_report_archive .news-item > a:hover .content-text .teaser {
    color: var(--ids-colour);
    text-decoration: underline;
} */


/**********************************************************/
/*              STARTSEITE - NEWSHOME2024 SWIPER             */
/*********************************************************/
#newshome2024-swiper-parent {
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
@media (min-width: 1630px) {
    #newshome2024-swiper-parent {
        width: 1600px;
        max-width: 1600px;
    }
}
#newshome2024 {
    opacity: 0;
    transition: opacity 250ms linear;
}
#newshome2024.swiper-container {
    opacity: 1;
}
#newshome2024.swiper-container .swiper-wrapper {
    margin: 1rem 0 !important;
    flex-wrap: nowrap;
}
#newshome2024.swiper-container .swiper-wrapper .swiper-slide {
    margin: 0 !important;
}
@media (min-width: 1630px) {
    #newshome2024.swiper-container .swiper-wrapper .swiper-slide {
        width: 320px;
        max-width: 20%;
        flex: 0 0 20%;
    }
}

#newshome2024-swiper-navigation {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -3rem;
    left: 0;
}
#newshome2024-swiper-navigation .swiper-button-prev,
#newshome2024-swiper-navigation .swiper-button-next {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    margin: 0 0.5rem;
    /* outline: none; */
}
#newshome2024-swiper-navigation .swiper-button-prev:hover,
#newshome2024-swiper-navigation .swiper-button-next:hover {}
#newshome2024-swiper-navigation .swiper-button-prev:hover:after,
#newshome2024-swiper-navigation .swiper-button-next:hover:after {
    color: #007e88;
}
#newshome2024-swiper-navigation .swiper-button-prev:after,
#newshome2024-swiper-navigation .swiper-button-next:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -0.25rem;
    left: 0;
    font-size: 1rem;
    font-weight: bold;
    color: #878787;
    text-align: center;
    transition: color 250ms linear;
}
#newshome2024-swiper-navigation .swiper-button-prev {
    
}
#newshome2024-swiper-navigation .swiper-button-next {
    
}

#newshome2024-swiper-pagination {
    position: relative;
    width: auto;
    height: 1rem;
    line-height: 1;
}
#newshome2024-swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin: 0 0.25rem;
    border-radius: 100%;
    background: #dedede;
    opacity: 1;
    /* outline: none; */
    cursor: pointer;
}
#newshome2024-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    position: relative;
    background: #007e88;
    opacity: 1;
}
/*********************************************************/
/*       STARTSEITE - NEWSHOME2024 SWIPER - ENDE         */
/*********************************************************/


/*********************************************************/
/*       ZOOM - START                                    */
/*********************************************************/
/* html[class^='zoom-level-'],  */
/* html[class*='zoom-level-'] {
    color: pink;
} */
/*********************************************************/
/*       ZOOM - ENDE                                     */
/*********************************************************/

/*********************************************************/
/*       HEADER SIDE IMAGE LEFT-RIGHT - START            */
/*********************************************************/

.header-image-lg-side figure {
    height: 100%;
}

/* .header-image-lg-side img {
    width: 100% !important;
    height: 100% !important;
    object-fit: none;
    object-position: center;
    display: block;
} */
.header-image-lg-side img {
    width: 100% !important;
    object-fit: cover;
    display: block;
    height: revert-layer !important;
}

@media (min-width: 1200px) {
    .header-image-lg-side img {
        height: auto !important;
        width: 103% !important;
    }
}

@media (min-width: 1235px) {
    .header-image-lg-side img {
        width: 100% !important;
    }
}

/*********************************************************/
/*       HEADER SIDE IMAGE LEFT-RIGHT - ENDE             */
/*********************************************************/

/**********************************************
    MOD_ARTICLE
**********************************************/
.mod_article.row-pb-0 > .row {
    padding-bottom: 0 !important;
}



#main form input,
#main form select{
    height: auto;
}


/*********************************************************/
/*       COLOR GRADIENT - START                          */
/*********************************************************/
.bg-color-gradient-ids-1 {
    background: var(--ids-gradient1) !important;
}
.bg-color-gradient-ids-2 {
    background: var(--ids-gradient2) !important;
}
.bg-color-gradient-ids-3 {
    background: var(--ids-gradient3) !important;
}
.bg-color-gradient-ids-4 {
    background: var(--ids-gradient4) !important;
}
.bg-color-gradient-ids-5 {
    background: var(--ids-gradient5) !important;
}
.bg-color-gradient-ids-6 {
    background: var(--ids-gradient6) !important;
}
.bg-color-gradient-ids-7 {
    background: var(--ids-gradient7) !important;
}
.bg-color-gradient-ids-8 {
    background: var(--ids-gradient8) !important;
}

.bg-color-gradient-ids2-1 {
    background: var(--ids2-gradient1) !important;
}
.bg-color-gradient-ids2-2 {
    background: var(--ids2-gradient2) !important;
}
.bg-color-gradient-ids2-3 {
    background: var(--ids2-gradient3) !important;
}
.bg-color-gradient-ids2-4 {
    background: var(--ids2-gradient4) !important;
}
.bg-color-gradient-ids2-5 {
    background: var(--ids2-gradient5) !important;
}
.bg-color-gradient-ids2-6 {
    background: var(--ids2-gradient6) !important;
}
.bg-color-gradient-ids2-7 {
    background: var(--ids2-gradient7) !important;
}
.bg-color-gradient-ids2-8 {
    background: var(--ids2-gradient8) !important;
}
/*********************************************************/
/*       COLOR GRADIENT - ENDE                           */
/*********************************************************/



/*********************************************************/
/*       CONTENT CODE - START                            */
/*********************************************************/
.content-code {}
.content-code pre {}
.content-code pre:focus,
.content-code pre:active {
    outline: 2px solid #00ecff !important;
}
.content-code pre code {}
.content-text code {
    background-color: var(--hljs-bg);
    font-family: courier;
    color: #fff;
    display: block;
    font-size: 87.5%;
    padding: 15px;
}
/*********************************************************/
/*       CONTENT CODE - ENDE                             */
/*********************************************************/





#main .kb-intro{
    font-weight: 600;
    vertical-align: top;
    color: var(--black);
    font-size: 1.125rem;
}
#main .kb-intro.block + .block {
    margin-top: 0px;
}
.kb-intro p {
    line-height: 2;
}


.sticky {
    position: sticky;
}
.sticky-top {
    position: sticky;
    top: 0;
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
    }
}
@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
    }
}
@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
    }
}
@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
    }
}
@media (min-width: 1800px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
    }
}