Den følgende kode anvendes til at style Iubendas cookiebanner. Farver og skrifttyper er baseret på sidens globale farver og skrifttyper. Hvis der bruges en baggrundsfarve bag logoet i banneret, anbefales det at fjerne koden mellem linjerne 33 og 35.
Gennemgå venligst banneret for at sikre, at alt fungerer korrekt.
/* Cookiebanner - Iubenda */
.iubenda-cs-close-btn {
display: none !important;
}
#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content {
border-radius: 10px !important;
}
/* Banner content */
#iubenda-cs-banner .iubenda-cs-rationale .iubenda-cs-brand {
padding-top: 30px !important;
padding-left: 30px !important;
padding-right: 30px !important;
padding-bottom: 30px !important;
}
#iubenda-cs-banner .iubenda-cs-rationale .iubenda-cs-brand img {
max-width: 150px !important;
width: 150px;
text-align: left !important;
margin: 0 !important;
}
#iubenda-cs-banner .iubenda-cs-rationale .iubenda-cs-brand #iubenda-cs-title {
margin: 0px !important;
}
#iubenda-cs-banner .iubenda-cs-rationale .iubenda-banner-content {
padding-left: 30px !important;
padding-right: 30px !important;
padding-bottom: 0px !important;
}
#iubenda-cs-banner .iubenda-cs-rationale .iubenda-banner-content .iub-p {
color: var(--e-global-color-text) !important;
font-family: var(--e-global-typography-text-font-family) !important;
font-weight: 400 !important;
font-size: 1em !important;
margin-bottom: 12px !important;
}
#iubenda-cs-banner .iubenda-cs-rationale .iubenda-banner-content .iub-p:last-child {
margin-bottom: unset !important;
}
#iubenda-cs-banner .iubenda-cs-rationale .iubenda-banner-content #iubenda-cs-title {
margin: 0px !important;
padding-bottom: 4px !important;
font-family: var(--e-global-typography-primary-font-family) !important;
font-weight: 800 !important;
font-size: 1em !important;
}
#iubenda-cs-banner .iubenda-cs-rationale .iubenda-cs-opt-group {
padding-top: 30px !important;
padding-left: 30px !important;
padding-right: 30px !important;
padding-bottom: 30px !important;
margin: 0px !important;
}
/* Toggles */
.iubenda-cs-container .iub-toggle-checkbox.granular-control-checkbox span {
background-color: unset !important;
}
.iubenda-granular-controls-container {
order: 4 !important;
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
grid-template-rows: 1fr !important;
grid-column-gap: 0px !important;
grid-row-gap: 0px !important;
}
.iubenda-granular-controls-container .iub-toggle-checkbox label span {
font-size: 12px !important;
font-family: var(--e-global-typography-text-font-family) !important;
}
/* Buttons */
#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary {
border-radius: 8px !important;
font-family: var(--e-global-typography-accent-font-family) !important;
font-weight: var(--e-global-typography-accent-font-weight) !important;
text-transform: uppercase !important;
font-size: 14px !important;
}
#iubenda-cs-banner .iubenda-cs-rationale .iubenda-cs-opt-group button {
border-radius: 8px !important;
font-family: var(--e-global-typography-accent-font-family) !important;
font-weight: var(--e-global-typography-accent-font-weight) !important;
text-transform: uppercase !important;
font-size: 14px !important;
}
/* "Få mere at vide" */
#iubenda-iframe-content #purposes-container .purposes-header .purposes-header-right .iub-iframe-brand-button {
display: none !important;
}
#iubenda-iframe-content #purposes-container .purposes-header .purposes-header-right button.iub-btn.iub-btn-cp.iub-desktop.purposes-btn.purposes-btn-cp.purposes-desktop {
padding: 0px !important;
border: none !important;
font-family: var(--e-global-typography-accent-font-family) !important;
font-weight: var(--e-global-typography-accent-font-weight) !important;
font-size: 13px !important;
}
#iubenda-iframe-content .iubenda-iframe-top-container .purposes-content .purposes-header {
padding: 30px !important;
}
#iubenda-iframe-content .iubenda-iframe-top-container .purposes-content .purposes-header .purposes-header-title {
color: var(--e-global-color-text) !important;
font-family: var(--e-global-typography-primary-font-family) !important;
text-transform: uppercase !important;
font-weight: 800 !important;
font-size: 1.2em !important;
margin-bottom: 0px !important;
}
#iubenda-iframe-content .iubenda-iframe-top-container .purposes-content .purposes-header .purposes-header-text {
color: var(--e-global-color-text) !important;
font-family: var(--e-global-typography-text-font-family) !important;
font-weight: 400 !important;
font-size: .9em !important;
}
#iubenda-iframe #iubenda-iframe-content .iubenda-iframe-top-container #purposes-content-container .purposes-content .iub-consent-buttons .purposes-btn {
border-radius: 8px !important;
font-family: var(--e-global-typography-accent-font-family) !important;
font-weight: var(--e-global-typography-accent-font-weight) !important;
font-size: 13px !important;
background: #F5F5F5!important;
color: #00090C !important;
box-shadow: unset !important;
padding: 8px 20px !important;
border: none !important;
text-transform: uppercase !important;
}
#iubenda-iframe #iubenda-iframe-content .iubenda-iframe-top-container #purposes-content-container .purposes-content .iub-consent-buttons .purposes-btn:hover {
border: none !important;
background: #dcdcdc !important;
}
#iubenda-iframe #iubenda-iframe-content .iubenda-iframe-top-container #purposes-content-container .purposes-content .purposes-body .purposes-section {
padding: 30px !important;
}
#iubenda-iframe #iubenda-iframe-content .iubenda-iframe-top-container #purposes-content-container .purposes-content .purposes-body .purposes-section .purposes-section-header .purposes-section-header-title {
color: var(--e-global-color-text) !important;
font-family: var(--e-global-typography-primary-font-family) !important;
text-transform: uppercase !important;
font-weight: 800 !important;
font-size: 1em !important;
margin-bottom: 0px !important;
}
#iubenda-iframe #iubenda-iframe-content .iubenda-iframe-top-container #purposes-content-container .purposes-content .purposes-body .purposes-section .purposes-section-header .purposes-section-header-text {
color: var(--e-global-color-text) !important;
font-family: var(--e-global-typography-text-font-family) !important;
font-weight: 400 !important;
font-size: .9em !important;
}
#iubenda-iframe #iubenda-iframe-content .iubenda-iframe-top-container #purposes-content-container .purposes-content .purposes-body .purposes-section-body .purposes-item .purposes-item-header label {
color: var(--e-global-color-text) !important;
font-family: var(--e-global-typography-primary-font-family) !important;
text-transform: uppercase !important;
font-weight: 800 !important;
font-size: 0.9em !important;
margin-bottom: 0px !important;
}
#iubenda-iframe #iubenda-iframe-content .iubenda-iframe-top-container #purposes-content-container .purposes-content .purposes-body .purposes-section-body .purposes-item .purposes-item-body {
color: var(--e-global-color-text) !important;
font-family: var(--e-global-typography-text-font-family) !important;
font-weight: 400 !important;
font-size: .9em !important;
}
#iubenda-iframe #iubenda-iframe-content .iubenda-iframe-footer {
box-shadow: unset !important;
border-top: 1px solid #e6e6e6 !important;
background: #fafafa !important;
}
#iubenda-iframe #iubenda-iframe-content .iubenda-iframe-footer #iubFooterBtnContainer #iubFooterBtn {
background: var(--e-global-color-text)!important;
border-radius: 8px !important;
font-family: var(--e-global-typography-accent-font-family) !important;
font-weight: var(--e-global-typography-accent-font-weight) !important;
font-size: 13px !important;
text-transform: uppercase !important;
}
#iubenda-iframe #iubenda-iframe-content .iubenda-iframe-footer .iub-btn-back {
border-radius: 8px !important;
font-family: var(--e-global-typography-accent-font-family) !important;
font-weight: var(--e-global-typography-accent-font-weight) !important;
font-size: 13px !important;
background: #F5F5F5!important;
color: #00090C !important;
box-shadow: unset !important;
padding: 8px 20px !important;
border: 1px solid #e6e6e6 !important;
text-transform: uppercase !important;
}
#iubenda-iframe #iubenda-iframe-content .iubenda-iframe-footer #iubFooterBtnContainer #iubFooterBtn {
background: #307721 !important;
color: white !important;
border-radius: 8px !important;
font-family: var(--e-global-typography-accent-font-family) !important;
font-weight: var(--e-global-typography-accent-font-weight) !important;
font-size: 13px !important;
}