.dina-decoration__info-box {
    border: solid 1px var(--dina-alert-blue-text);
    background-color: var(--dina-alert-blue);
    padding: var(--dina-spacing-4) var(--dina-spacing-16) var(--dina-spacing-16) var(--dina-spacing-72);
    position: relative;
}

.dina-decoration__info-box::before,
.dina-decoration__info-box::after {
    content: "";
    position: absolute;
    width: 2em;
    height: 2em;
    left: 1.4em;
    top: 1.4em;
}

.dina-decoration__info-box::before {
    background-color: var(--dina-alert-blue-text);
}

.dina-decoration__info-box::after {
    background-image: var(--dina-icon-url__alert-information);
    background-repeat: no-repeat;
    background-size: 76%;
    background-position: center;
    filter: var(--dina-filter--greyscale-white-100);
    background-color: transparent;
}

.dina-decoration__info-box--light-yellow {
    border-color: var(--dina-yellow-1-70);
    background-color: var(--dina-yellow-1-10);
}

.dina-decoration__info-box--light-yellow::before {
    background-color: var(--dina-greyscale-white-100);
}

.dina-decoration__info-box--light-yellow::after {
    filter: var(--dina-filter--greyscale-black-90);
}

.dina-decoration__info-box--light-green {
    border-color: var(--dina-light-green-70);
    background-color: var(--dina-light-green-10);
}

.dina-decoration__info-box--light-green::before {
    background-color: var(--dina-light-green-70);
}



.dina-decoration__terms-and-forms a,
.dina-decoration__documents-forms a {
    position: relative;
    padding: 1rem 1rem .7rem 2.8rem;
    color: var(--dina-dark-green-100);
    font-size: 0.875rem;
    font-weight: 600;
    display: block;
    min-height: 3.3rem;
    font-family: dinaheadline;
}

.dina-decoration__terms-and-forms a::before,
.dina-decoration__documents-forms a::before {
    content: "";
    position: absolute;
    width: 1.6rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    background-position: center;
    left: 1rem;
    top: 1rem;
}

.dina-decoration__terms-and-forms a::before {
    background-image: var(--dina-icon-url__dina-file-document-green);
    border-radius: 50%;
    background-color: var(--dina-greyscale-white-100);
}

.dina-decoration__documents-forms a::before {
    content: "";
    display: inline-block;
    -webkit-mask-image: var(--dina-icon-url__dina-arrow-download);
    -webkit-mask-size: 1.25rem 1.25rem; /* Icon size in rem */
    -webkit-mask-repeat: no-repeat;
    background-color: var(--dina-light-green-100);
    width: 1.25rem;  /* 20px equivalent in rem */
    height: 1.25rem; /* 20px equivalent in rem */
}


.dina-decoration__terms-and-forms a::after {
    background-image: var(--dina-icon-url__dina-arrow-download);
}

.dina-decoration__terms-and-forms a {
    color: var(--dina-greyscale-black-100);
    text-decoration: underline;
    border-color: var(--dina-light-green-80);
    background-color: var(--dina-light-green-20);
}

.dina-fact-box .sv-file-portlet .sv-file-portlet-fileicon img {
    display: none;
}

.dina-fact-box .env-collapse-header,
.dina-fact-box .env-collapse {
    border: none !important;
    margin-top: 0;
}

.dina-fact-box .sv-collapsible-content {
    border: 1px solid var(--Color-primary-2-80, #49974C);
    text-decoration: none !important;
    overflow: hidden;
    border-radius: var(--env-border-radius-medium);
    margin: 0rem 1rem 1rem 1rem;
}

.dina-fact-box .env-collapse-header {
    border-radius: 0px !important;
    background-color: var(--dina-light-green-10) !important;
}

.dina-fact-box .env-collapse-header:hover {
    background-color: var(--dina-light-green-20) !important;
}

.dina-fact-box .env-collapse-header.active,
.dina-fact-box .env-collapse-header[aria-expanded="true"] {
    background-color: var(--dina-light-green-20) !important;
}

.dina-fact-box .env-collapse,
.dina-fact-box .sv-file-portlet li div {
    padding: 0;
}

.dina-fact-box {
    margin-top: 1rem;
    padding-bottom: 1rem;
    border-radius: var(--Radius-4, 12px);
    background: var(--Color-greyscale-white, #FFF);
    box-shadow: var(--Radius-0, 0px) var(--Radius-1, 2px) var(--Radius-5, 16px) -4px rgba(69, 167, 72, 0.19), var(--Radius-0, 0px) var(--Radius-2, 4px) var(--Radius-3, 8px) -2px rgba(0, 0, 0, 0.05);
}

.dina-fact-box .sv-use-margins .subheading:last-child {
    background-color: var(--dina-light-green-100);
    border-top-right-radius: var(--Radius-4, 12px);
    border-top-left-radius: var(--Radius-4, 12px);
    color: var(--Color-primary-3-10, #FDFEFD);
    padding: 1.7rem;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.3px;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.dina-fact-box .sv-use-margins .sv-text-portlet sv-use-margins sv-skip-spacer:last-child::before,
.dina-fact-box .sv-use-margins .sv-text-portlet sv-use-margins sv-skip-spacer:last-child::after {
    content: "";
    display: block;
    background-color: var(--dina-light-green-100);
    width: 100%;
    height: 4px;
}


.dina-fact-box .env-m-right--x-large {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4rem;
    font-family: dinafont;
    font-weight: bold;
    color: var(--dina-dark-green-100);
}


.dina-fact-box .env-collapse-header--icons {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--Color-greyscale-white, #FFF);
    border-radius: var(--Radius-2, 4px);

    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}


.dina-fact-box .env-collapse-header:hover {
    color: var(--dina-light-green-100);
}

.dina-fact-box .env-collapse>:first-child {
   padding-top: 0;
}
.dina-fact-box .env-collapse-header:focus-visible {
  box-shadow: inset 0 0 0 2px black;
  outline: none;
  background-color: var(--dina-light-green-20) !important;
}


.dina-fact-box .env-collapse-header--icons::before,
.dina-fact-box .env-collapse-header--icons::after {
    background-color: var(--dina-light-green-100);
    right: auto;
    top: auto;
    height: 2px;
    border-radius: 1px;
}

.dina-fact-box .sv-vertical .sv-layout .sv-skip-spacer {
   padding-bottom: 1.5rem;
}

.dina-fact-box .env-collapse-header:hover .env-collapse-header--icons::before,
.dina-fact-box .env-collapse-header:hover .env-collapse-header--icons::after {
    background-color: var(--dina-dark-green-100) !important;
}

.dina-fact-box .env-collapse-header[aria-expanded="true"] .env-collapse-header--icons {
    background-color: var(--dina-dark-green-100);
}


.dina-fact-box .env-collapse-header[aria-expanded="true"] .env-collapse-header--icons::after {
    background-color: var(--Color-greyscale-white, #FFF) !important;
    transition: background-color 0.3s ease-in-out, width 1s ease-in-out;
}

.dina-fact-box .env-collapse-header[aria-expanded="true"] .env-collapse-header--icons::before {
    background-color: var(--Color-greyscale-white, #FFF) !important;
}