/*********************************************************************
BB WRAPPER SETTINGS
*********************************************************************/
.sn_block.sn_block_privacy_policy{
    height: auto;
    width: 100%;
}

/*********************************************************************
TYPO & HEADINGS
*********************************************************************/
.bb-pp strong{
    font-weight: var(--bb-pp__font-strong-weight);
}

.bb-pp a{
    color: var(--bb-pp__a--color);
    text-decoration: underline;
    }
    .bb-pp a:hover{
        text-decoration: none;
    }

.bb-pp a[href="#"]{
    cursor: pointer;
    font-weight: bold;
    color: var(--bb-pp__a--color);
    text-decoration: none;
}

.bb-pp h1.bb-pp__title{
    font-size: var(--bb-pp__h1--size);
    line-height: var(--bb-pp__h1--line-height);
    color: var(--bb-pp__h1--color);
    text-align: var(--bb-pp__h1--align);
    text-transform: uppercase;
    font-family: var(--bb-pp__h1--font-family);
    font-weight: var(--bb-pp__h1--font-weight) !important;
    margin-bottom: 25px;
    }
    @media only screen and (max-width: 600px) {
        .bb-pp h1.bb-pp__title{
            font-size: calc(var(--bb-pp__h1--size) * 0.7);
            line-height: 1.2em;
        }
    }

.bb-pp h2.bb-pp__chapter__title{
    font-size: var(--bb-pp__h2--size);
    line-height: var(--bb-pp__h2--line-height);
    color: var(--bb-pp__h2--color);
    font-weight: var(--bb-pp__h2--font-weight) !important;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.bb-pp h3.bb-pp__section__title{
    font-size: var(--bb-pp__h3--size);
    line-height: var(--bb-pp__h3--line-height);
    color: var(--bb-pp__h3--color);
    font-weight: var(--bb-pp__h3--font-weight) !important;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.bb-pp h4.bb-pp__last-modified{
    color: var(--bb-pp__last-mods--color);
    font-size: var(--bb-pp__last-mods--size);
    line-height: var(--bb-pp__last-mods--line-height);
    margin-bottom: 50px;
    }
    @media only screen and (max-width: 600px) {
        .bb-pp h4.bb-pp__last-modified{
            margin-bottom: 30px;
        }
    }

/* Inner titles retrived from WYSIWYG */
.bb-pp .bb-pp__simpletext h1,
.bb-pp .bb-pp__simpletext h2,
.bb-pp .bb-pp__simpletext h3,
.bb-pp .bb-pp__simpletext h4,
.bb-pp .bb-pp__simpletext h5,
.bb-pp .bb-pp__intro h1,
.bb-pp .bb-pp__intro h2,
.bb-pp .bb-pp__intro h3,
.bb-pp .bb-pp__intro h4,
.bb-pp .bb-pp__intro h5 {
    font-size: var(--bb-pp__h4--size);
    line-height: var(--bb-pp__h4--line-height);
    color: var(--bb-pp__h4--color);
    font-weight: var(--bb-pp__h4--font-weight) !important;
    margin-bottom: 25px;
    margin-top: 10px;
    display: inline-block;
}

.bb-pp .bb-pp__table__title,
.bb-pp .bb-pp__textcard__title,
.bb-pp .bb-pp__table__col__content,
.bb-pp .bb-pp__table__col__heading,
.bb-pp ol,
.bb-pp ul,
.bb-pp p{
    font-size: var(--bb-pp__p--size);
    line-height: var(--bb-pp__p--line-height);
    color: var(--bb-pp__p--color);
}

.bb-pp .bb-pp__textcard__content,
.bb-pp .bb-pp__table__col__content,
.bb-pp ol,
.bb-pp ul,
.bb-pp p{
    font-weight: var(--bb-pp__p--font-weight);
}

.bb-pp .bb-pp__table__title,
.bb-pp .bb-pp__table__col__heading,
.bb-pp .bb-pp__table__col__content,
.bb-pp .bb-pp__table__col,
.bb-pp .bb-pp__textcard__title,
.bb-pp .bb-pp__textcard__content,
.bb-pp ol,
.bb-pp ul,
.bb-pp p{
    font-size: var(--bb-pp__table--size);
    line-height: var(--bb-pp__table--line-height);
}

.bb-pp__section > .bb-pp__textcard:last-child,
.bb-pp__section > .bb-pp__table:last-child,
.bb-pp ol,
.bb-pp ul,
.bb-pp p{
    margin-bottom: 25px;
    display: inline-block;
    overflow-wrap: break-word;
    max-width: 100%;
}

/*********************************************************************
BASIC ELEMENTS
*********************************************************************/
.bb-pp{
    max-width: 100%;
    margin: 40px auto;
    font-family: var(--bb-pp__font-family);
}

.bb-pp ul{
    list-style-type: disc;
    margin-left: 20px;
    width: calc(100% - 20px);
    overflow-wrap: break-word;
    }
    .bb-pp ul ul{
        list-style-type: circle;
    }

.bb-pp ol{
    list-style-type: decimal;
    margin-left: 20px;
    }
    .bb-pp ol ol{
        list-style-type: lower-alpha;
    }

.bb-pp li ul,
.bb-pp li ol,
.bb-pp li + li,
.bb-pp ul + ul{
    margin-top: 10px;
}  

/*********************************************************************
SECTIONS
*********************************************************************/

.bb-pp .bb-pp__intro,
.bb-pp .bb-pp__chapter,
.bb-pp .bb-pp__section{
    margin-bottom: 30px;
    width: 100%;
    display: inline-block;
}

.bb-pp .bb-pp__chapter{
    margin-bottom: 10px;
}

.bb-pp .bb-pp__chapter + .bb-pp__chapter {
    padding-top: 65px;
    border-top: 1px solid var(--bb-pp__chapter-separator--color);
}


/*********************************************************************
TABLE
*********************************************************************/
.bb-pp .bb-pp__table{
    width: 100%;
    overflow: auto;
    border-top: 1px solid var(--bb-pp__table--border-color);
    border-left: 1px solid var(--bb-pp__table--border-color);
    }

    .bb-pp .bb-pp__table__title + .bb-pp__table,
    .bb-pp .bb-pp__textcard + .bb-pp__table{
        border-top: none;
    }

    .bb-pp .bb-pp__table + .bb-pp__table__title{
        margin-top: 25px;
    }

    .bb-pp .bb-pp__table__row{
        display: table-row;
    }

    .bb-pp .bb-pp__table__col{
        width: 20vw;
        min-width: 20vw;
        display: table-cell;
        border-right: 1px solid var(--bb-pp__table--border-color);
        border-bottom: 1px solid var(--bb-pp__table--border-color);
        padding: 30px;
    }

    .bb-pp  .bb-pp__table__row--no-separator .bb-pp__table__col{
        border-bottom: none;
        padding-bottom: 0;
    }

    .bb-pp .bb-pp__table__row--1-items{
        display: grid;
        width: 100%;
    }

    .bb-pp .bb-pp__table__row--1-items .bb-pp__table__col{
        width: 100%;
        min-width: auto;
    }

    .bb-pp .bb-pp__table__row--2-items .bb-pp__table__col{
        width: 50%;
        min-width: auto;
    }

    .bb-pp .bb-pp__table__row--3-items .bb-pp__table__col{
        width: 33%;
        min-width: auto;
    }

    .bb-pp .bb-pp__table__row--4-items .bb-pp__table__col{
        width: 25%;
        min-width: auto;
    }

    @media only screen and (max-width: 600px) {
        .bb-pp .bb-pp__table__col,
        .bb-pp .bb-pp__table__row--1-items .bb-pp__table__col,
        .bb-pp .bb-pp__table__row--2-items .bb-pp__table__col,
        .bb-pp .bb-pp__table__row--3-items .bb-pp__table__col,
        .bb-pp .bb-pp__table__row--4-items .bb-pp__table__col{
            min-width: 70vw;
        }
    }

    .bb-pp .bb-pp__table__col__heading,
    .bb-pp .bb-pp__table__heading,
    .bb-pp .bb-pp__textcard__title{
        font-weight: var(--bb-pp__font-strong-weight);
    }
    .bb-pp .bb-pp__table__col__heading + .bb-pp__table__col__content{
        padding-top: 5px;
    }

.bb-pp .bb-pp__table__title,
.bb-pp .bb-pp__textcard{
    border: 1px solid var(--bb-pp__table--border-color);
    padding: 30px;
    width: calc(100% - 62px);
    box-sizing: content-box;
    }
    .bb-pp .bb-pp__textcard + .bb-pp__table,
    .bb-pp .bb-pp__textcard + .bb-pp__textcard{
        border-top: none;
        margin-top: 0;
    }
    .bb-pp .bb-pp__table+ .bb-pp__textcard{
        border-top: none;
    }
    .bb-pp .bb-pp__textcard:last-child{
        margin-bottom: 25px;
    }
    .bb-pp .bb-pp__textcard + div{
        margin-top: 25px;
    }
    .bb-pp .bb-pp__textcard__title + .bb-pp__textcard__content{
        margin-top: 10px;
    }
    .bb-pp .bb-pp__textcard__content *:last-child{
        margin-bottom: 0;
    }

.bb-pp .bb-pp__table__title{
    text-align: center;
    font-weight: var(--bb-pp__font-strong-weight);
    padding-top: 18px;
    padding-bottom: 18px;
}