#layoutContainer > div > div > ul > li > div.ModuleCategoryContainer__hometabs.commonStyle__positionRel > div.ModuleCategoryContainer__tabs.commonStyle__tAlignCenter > span {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -1 !important;
}
.Header__headerBg {
    background: linear-gradient(90deg, #1200FF 0%, #C100A2 100%) !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;

    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;

    box-shadow: 10px 14px 15px rgba(0, 0, 0, 0.2) !important;
}
.Header__bgColor {
    display: none !important;
}

/* Zorg dat de content erboven blijft */
.Header__menuWrapper,
.Header__titleSearchWrapper {
    position: relative !important;
    z-index: 1 !important;
}


img[class^="docsimage"] {
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
}


.Header__searchSubCont.Readingprogress__fixed_header {background: linear-gradient(90deg, #1200FF 0%, #C100A2 100%) !important;
}


#bannerContainer > div.Header__searchSubCont.Readingprogress__fixed_header {background: linear-gradient(90deg, #1200FF 0%, #C100A2 100%) !important;
}

.Header__homeNavbarFixed .Header__searchSubCont
 {background: linear-gradient(90deg, #1200FF 0%, #C100A2 100%) !important;
}


/* CSS (ticket-banner.css) */
:root {
--banner-bg: linear-gradient(90deg, #3b00ff, #d000a7);
--banner-fg: #ffffff;
--banner-accent: #ffffff;
--banner-accent-contrast: #3b00ff;
--banner-radius: 12px;
--banner-shadow: 0 8px 20px rgba(0,0,0,.15);
}


.ticket-banner {
width: min(1100px, 95%);
margin: 32px auto;
padding: 24px;
background: var(--banner-bg);
color: var(--banner-fg);
border-radius: var(--banner-radius);
box-shadow: var(--banner-shadow);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


.ticket-banner__text {
max-width: 70%;
}


.ticket-banner__title {
margin: 0 0 6px 0;
font-size: 20px;
font-weight: 600;
}


.ticket-banner__desc {
margin: 0;
font-size: 15px;
opacity: .95;
}


.btn {
background: #ffffff;
color: #3b00ff;
padding: 12px 20px;
font-size: 15px;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
box-shadow: 0 4px 12px rgba(0,0,0,.15);
transition: all .2s ease;
}


.btn:hover {
background: #f5f5f5;
transform: translateY(-2px);
}


.btn:active {
transform: translateY(0);
box-shadow: 0 2px 8px rgba(0,0,0,.2);
}


@media (max-width: 768px) {
.ticket-banner__text { max-width: 100%; }
.ticket-banner { flex-direction: column; text-align: center; }
}

#layoutContainer > div > div > ul > li > div.ModuleCategoryContainer__hometabs.commonStyle__positionRel > div.ModuleCategoryContainer__tabs.commonStyle__tAlignCenter > span {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -1 !important;
}
.Header__headerBg {
    background: linear-gradient(90deg, #1200FF 0%, #C100A2 100%) !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;

    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;

    box-shadow: 10px 14px 15px rgba(0, 0, 0, 0.2) !important;
}

.Header__bgColor {
    display: none !important;
}

/* Zorg dat de content erboven blijft */
.Header__menuWrapper,
.Header__titleSearchWrapper {
    position: relative !important;
    z-index: 1 !important;
}


img[class^="docsimage"] {
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
}


.Header__searchSubCont.Readingprogress__fixed_header {background: linear-gradient(90deg, #1200FF 0%, #C100A2 100%) !important;
}


#bannerContainer > div.Header__searchSubCont.Readingprogress__fixed_header {background: linear-gradient(90deg, #1200FF 0%, #C100A2 100%) !important;
}

.Header__homeNavbarFixed .Header__searchSubCont
 {background: linear-gradient(90deg, #1200FF 0%, #C100A2 100%) !important;
}


/* CSS (ticket-banner.css) */
:root {
--banner-bg: linear-gradient(90deg, #3b00ff, #d000a7);
--banner-fg: #ffffff;
--banner-accent: #ffffff;
--banner-accent-contrast: #3b00ff;
--banner-radius: 12px;
--banner-shadow: 0 8px 20px rgba(0,0,0,.15);
}


.ticket-banner {
width: min(1100px, 95%);
margin: 32px auto;
padding: 24px;
background: var(--banner-bg);
color: var(--banner-fg);
border-radius: var(--banner-radius);
box-shadow: var(--banner-shadow);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


.ticket-banner__text {
max-width: 70%;
}


.ticket-banner__title {
margin: 0 0 6px 0;
font-size: 20px;
font-weight: 600;
}


.ticket-banner__desc {
margin: 0;
font-size: 15px;
opacity: .95;
}


.btn {
background: #ffffff;
color: #3b00ff;
padding: 12px 20px;
font-size: 15px;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
box-shadow: 0 4px 12px rgba(0,0,0,.15);
transition: all .2s ease;
}


.btn:hover {
background: #f5f5f5;
transform: translateY(-2px);
}


.btn:active {
transform: translateY(0);
box-shadow: 0 2px 8px rgba(0,0,0,.2);
}


@media (max-width: 768px) {
.ticket-banner__text { max-width: 100%; }
.ticket-banner { flex-direction: column; text-align: center; }
}

.ticket_resolution {display:none !important}