/*********************************************************************
BB WRAPPER SETTINGS
*********************************************************************/
.sn_block.sn_block_cookie_policy{
    height: auto;
    width: 100%;
}

/*********************************************************************
TYPO & HEADINGS
*********************************************************************/
.bb-cp strong{
    font-weight: var(--bb-cp__font-strong-weight);
}

.bb-cp a{
    color: var(--bb-cp__a--color);
    text-decoration: underline;
    }
    .bb-cp a:hover{
        text-decoration: none;
    }

.bb-cp a[href="#"]{
    cursor: pointer;
    font-weight: bold;
    color: var(--bb-cp__a--color);
    text-decoration: none;
}

.bb-cp h1.bb-cp__title{
    font-size: var(--bb-cp__h1--size);
    line-height: var(--bb-cp__h1--line-height);
    color: var(--bb-cp__h1--color);
    text-align: var(--bb-cp__h1--align);
    text-transform: uppercase;
    font-family: var(--bb-cp__h1--font-family);
    font-weight: var(--bb-cp__h1--font-weight) !important;
    margin-bottom: 25px;
    }
    @media only screen and (max-width: 600px) {
        .bb-cp h1.bb-cp__title{
            font-size: calc(var(--bb-cp__h1--size) * 0.7);
            line-height: 1.2em;
        }
    }

.bb-cp h2.bb-cp__chapter__title{
    font-size: var(--bb-cp__h2--size) !important;
    line-height: var(--bb-cp__h2--line-height);
    color: var(--bb-cp__h2--color);
    font-weight: var(--bb-cp__h2--font-weight) !important;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.bb-cp h3.bb-cp__section__title{
    font-size: var(--bb-cp__h3--size);
    line-height: var(--bb-cp__h3--line-height);
    color: var(--bb-cp__h3--color);
    font-weight: var(--bb-cp__h3--font-weight) !important;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.bb-cp h4.bb-cp__last-modified{
    color: var(--bb-cp__last-mods--color);
    font-size: var(--bb-cp__last-mods--size) !important;
    line-height: var(--bb-cp__last-mods--line-height);
    margin-bottom: 50px;
    }
    @media only screen and (max-width: 600px) {
        .bb-cp h4.bb-cp__last-modified{
            margin-bottom: 30px;
        }
    }

/* Inner titles retrived from WYSIWYG */
.bb-cp #CookieDeclarationUserStatusLabel>div,
.bb-cp .bb-cp__cookie-declaration .CookieDeclarationTypeHeader,
.bb-cp .bb-cp__simpletext h1,
.bb-cp .bb-cp__simpletext h2,
.bb-cp .bb-cp__simpletext h3,
.bb-cp .bb-cp__simpletext h4,
.bb-cp .bb-cp__simpletext h5,
.bb-cp .bb-cp__intro h1,
.bb-cp .bb-cp__intro h2,
.bb-cp .bb-cp__intro h3,
.bb-cp .bb-cp__intro h4,
.bb-cp .bb-cp__intro h5 {
    font-size: var(--bb-cp__h4--size);
    line-height: var(--bb-cp__h4--line-height);
    color: var(--bb-cp__h4--color);
    font-weight: var(--bb-cp__h4--font-weight) !important;
    margin-bottom: 25px;
    margin-top: 10px;
    display: inline-block;
}

.bb-cp .bb-cp__table__title,
.bb-cp .bb-cp__textcard__title,
.bb-cp .bb-cp__table__col__content,
.bb-cp .bb-cp__table__col__heading,
.bb-cp ol,
.bb-cp ul,
.bb-cp p{
    font-size: var(--bb-cp__p--size);
    line-height: var(--bb-cp__p--line-height);
    color: var(--bb-cp__p--color);
}

.bb-cp .bb-cp__textcard__content,
.bb-cp .bb-cp__table__col__content,
.bb-cp ol,
.bb-cp ul,
.bb-cp p{
    font-weight: var(--bb-cp__p--font-weight);
}

.bb-cp .bb-cp__cookie-declaration table,
.bb-cp .bb-cp__table__title,
.bb-cp .bb-cp__table__col__heading,
.bb-cp .bb-cp__table__col__content,
.bb-cp .bb-cp__table__col,
.bb-cp .bb-cp__textcard__title,
.bb-cp .bb-cp__textcard__content,
.bb-cp ol,
.bb-cp ul,
.bb-cp p{
    font-size: var(--bb-cp__table--size);
    line-height: var(--bb-cp__table--line-height);
}

.bb-cp__section > .bb-cp__textcard:last-child,
.bb-cp__section > .bb-cp__table:last-child,
.bb-cp ol,
.bb-cp ul,
.bb-cp p{
    margin-bottom: 25px;
    display: inline-block;
    overflow-wrap: break-word;
    max-width: 100%;
}

/*********************************************************************
BASIC ELEMENTS
*********************************************************************/
.bb-cp{
    max-width: 100%;
    margin: 40px auto;
    font-family: var(--bb-cp__font-family);
}

.bb-cp ul{
    list-style-type: disc;
    margin-left: 20px;
    width: calc(100% - 20px);
    overflow-wrap: break-word;
    }
    .bb-cp ul ul{
        list-style-type: circle;
    }

.bb-cp ol{
    list-style-type: decimal;
    margin-left: 20px;
    }
    .bb-cp ol ol{
        list-style-type: lower-alpha;
    }

.bb-cp li ul,
.bb-cp li ol,
.bb-cp li + li,
.bb-cp ul + ul{
    margin-top: 10px;
}  

/*********************************************************************
SECTIONS
*********************************************************************/

.bb-cp .bb-cp__intro,
.bb-cp .bb-cp__chapter,
.bb-cp .bb-cp__section{
    margin-bottom: 30px;
    width: 100%;
    display: inline-block;
}

.bb-cp .bb-cp__chapter{
    margin-bottom: 10px;
}

.bb-cp .bb-cp__chapter + .bb-cp__chapter {
    padding-top: 65px;
    border-top: 1px solid var(--bb-cp__chapter-separator--color);
}


/*********************************************************************
TABLE
*********************************************************************/
.bb-cp .bb-cp__cookie-declaration table{
    min-width: 800px;
    }
    .bb-cp .bb-cp__cookie-declaration .CookieDeclarationType{
        overflow-x: auto;
        margin-bottom: 25px;
    }
    .bb-cp .bb-cp__cookie-declaration table th,
    .bb-cp .bb-cp__cookie-declaration table td {
        border: 1px solid var(--bb-cp__table--border-color);
        padding: 30px 10px;
    }
    .bb-cp .bb-cp__cookie-declaration table th{
        font-weight: var(--bb-cp__font-strong-weight);
    }

.bb-cp .bb-cp__table{
    width: 100%;
    overflow: auto;
    border-top: 1px solid var(--bb-cp__table--border-color);
    border-left: 1px solid var(--bb-cp__table--border-color);
    }

    .bb-cp .bb-cp__table__title + .bb-cp__table,
    .bb-cp .bb-cp__textcard + .bb-cp__table{
        border-top: none;
    }

    .bb-cp .bb-cp__table + .bb-cp__table__title{
        margin-top: 25px;
    }

    .bb-cp .bb-cp__table__row{
        display: table-row;
    }

    .bb-cp .bb-cp__table__col{
        width: 20vw;
        min-width: 20vw;
        display: table-cell;
        border-right: 1px solid var(--bb-cp__table--border-color);
        border-bottom: 1px solid var(--bb-cp__table--border-color);
        padding: 30px;
    }

    .bb-cp  .bb-cp__table__row--no-separator .bb-cp__table__col{
        border-bottom: none;
        padding-bottom: 0;
    }

    .bb-cp .bb-cp__table__row--1-items{
        display: grid;
        width: 100%;
    }

    .bb-cp .bb-cp__table__row--1-items .bb-cp__table__col{
        width: 100%;
        min-width: auto;
    }

    .bb-cp .bb-cp__table__row--2-items .bb-cp__table__col{
        width: 50%;
        min-width: auto;
    }

    .bb-cp .bb-cp__table__row--3-items .bb-cp__table__col{
        width: 33%;
        min-width: auto;
    }

    .bb-cp .bb-cp__table__row--4-items .bb-cp__table__col{
        width: 25%;
        min-width: auto;
    }

    @media only screen and (max-width: 600px) {
        .bb-cp .bb-cp__table__col,
        .bb-cp .bb-cp__table__row--1-items .bb-cp__table__col,
        .bb-cp .bb-cp__table__row--2-items .bb-cp__table__col,
        .bb-cp .bb-cp__table__row--3-items .bb-cp__table__col,
        .bb-cp .bb-cp__table__row--4-items .bb-cp__table__col{
            min-width: 70vw;
        }
    }

    .bb-cp .bb-cp__table__col__heading,
    .bb-cp .bb-cp__table__heading,
    .bb-cp .bb-cp__textcard__title{
        font-weight: var(--bb-cp__font-strong-weight);
    }
    .bb-cp .bb-cp__table__col__heading + .bb-cp__table__col__content{
        padding-top: 5px;
    }

.bb-cp .bb-cp__table__title,
.bb-cp .bb-cp__textcard{
    border: 1px solid var(--bb-cp__table--border-color);
    padding: 30px;
    width: calc(100% - 62px);
    box-sizing: content-box;
    }
    .bb-cp .bb-cp__textcard + .bb-cp__table,
    .bb-cp .bb-cp__textcard + .bb-cp__textcard{
        border-top: none;
        margin-top: 0;
    }
    .bb-cp .bb-cp__table+ .bb-cp__textcard{
        border-top: none;
    }
    .bb-cp .bb-cp__textcard:last-child{
        margin-bottom: 25px;
    }
    .bb-cp .bb-cp__textcard + div{
        margin-top: 25px;
    }
    .bb-cp .bb-cp__textcard__title + .bb-cp__textcard__content{
        margin-top: 10px;
    }
    .bb-cp .bb-cp__textcard__content *:last-child{
        margin-bottom: 0;
    }

.bb-cp .bb-cp__table__title{
    text-align: center;
    font-weight: var(--bb-cp__font-strong-weight);
    padding-top: 18px;
    padding-bottom: 18px;
}