.contao-cookiebar .cc-close{ display:none !important; }

.cc-head>*:first-child {
    margin-top: 0
}

.cc-head>*:last-child {
    margin-bottom: 15px
}

.contao-cookiebar {
    --ccb-backdrop: rgba(0, 0, 0, .75);
    --ccb-anim-duration: .5s;
    --ccb-checked-clr: #000;
    --ccb-checked-bg: #ffed00;
    --ccb-unchecked-clr: #9c9b99;
    --ccb-unchecked-bg: #fff;
    --ccb-disabled-clr: #c8c7c5;
    --ccb-disabled-bg: #f4f4f4;
    --ccb-focus-clr: #00a4f4;
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: var(--ccb-align, center);
    justify-content: var(--ccb-justify, center);
    letter-spacing: 0;
    padding: 15px;
    max-height: 100dvh;
    box-sizing: border-box;
    pointer-events: none;
    overflow: hidden;
    color: var(--ccb-clr, #444)
}
.contao-cookiebar a{
	color: var(--ccb-text, #868686);
	text-decoration:none;
}
.contao-cookiebar a:hover{
	color: var(--ccb-text, #868686);
	text-decoration:underline;
}
.contao-cookiebar * {
    box-sizing: border-box
}

.contao-cookiebar p {
    color: var(--ccb-text, #868686);
    line-height: 1.4
}

.contao-cookiebar label {
    position: relative;
    display: block;
    padding: 8px 13px 8px 0;
    line-height: 1.2rem
}

.contao-cookiebar label.group {
    font-weight: 600
}

.contao-cookiebar input {
    position: absolute;
    width: 1px;
    height: 1px;
    outline: 0 none;
    opacity: 0
}

.contao-cookiebar input+label {
    padding: 8px 13px 8px 45px;
    cursor: pointer
}

.contao-cookiebar input+label:before,
.contao-cookiebar input+label:after {
    content: "";
    position: absolute;
    border-radius: 10px
}

.contao-cookiebar input+label:before {
    top: 7px;
    left: 0;
    width: 35px;
    height: 18px;
    margin: 0;
    box-sizing: content-box;
    background: var(--ccb-unchecked-bg);
    border: 1px solid var(--ccb-unchecked-clr);
    transition: border-color .2s
}

.contao-cookiebar input+label:after {
    display: block;
    top: 11px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: var(--ccb-unchecked-clr);
    transition: background .2s, margin-left .2s, padding .2s
}

.contao-cookiebar input+label:active:after {
    padding-left: 5px
}

.contao-cookiebar input.cc-group-half+label:after {
    background: linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)
}

.contao-cookiebar input:checked+label:after {
    background: var(--ccb-checked-clr);
    margin-left: 17px
}

.contao-cookiebar input:checked+label:active:after {
    margin-left: 12px
}

.contao-cookiebar input:checked+label:before {
    background: var(--ccb-checked-bg);
    border-color: var(--ccb-checked-clr)
}

.contao-cookiebar input:disabled+label {
    pointer-events: none
}

.contao-cookiebar input:disabled+label:after {
    background: var(--ccb-disabled-clr)
}

.contao-cookiebar input:disabled+label:before {
    background: var(--ccb-disabled-bg);
    border-color: var(--ccb-disabled-clr)
}

.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before {
    outline: 3px dashed var(--ccb-focus-clr);
    outline-offset: 2px
}

.contao-cookiebar .cc-btn {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    padding: 8px 14px;
    margin-bottom: 8px;
    font-size: 15px;
    outline: 0 none;
    border: 1px solid var(--ccb-btn-bdr, #cfcfcf);
    border-radius: 4px;
    color: var(--ccb-btn-clr, #444);
    background: var(--ccb-btn-bg, #f5f5f5)
}

.contao-cookiebar .cc-btn:hover,
.contao-cookiebar .cc-btn:focus {
    background: var(--ccb-btn-bg-hvr, #ececec);
	color:#000;
}

.contao-cookiebar .cc-btn:last-child {
    margin-bottom: 0
}

.contao-cookiebar .grayscale {
    --ccb-btn-bg: #f1efef;
    --ccb-btn-bg-hvr: #ececec
}

.contao-cookiebar .grayscale .success {
    --ccb-btn-bg: #fbfbfb;
    --ccb-btn-bg-hvr: #f7f7f7
}

.contao-cookiebar .highlight .success {
    --ccb-btn-bg: #000000;
    --ccb-btn-bg-hvr: #ffed00;
    --ccb-btn-bdr: #000000;
    --ccb-btn-clr: #fff;
}

.cc-focus:not(.cc-hide-focus):focus-visible {
    outline: 3px dashed var(--ccb-focus-clr);
    outline-offset: -3px
}

.cc-invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    float: left
}

.cc-inner {
    display: inline-block;
    overflow-y: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 23px;
    border-radius: 3px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    font-size: 1rem;
    text-align: left;
    background: var(--ccb-bg, #fff);
    box-shadow: var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;
    animation: var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards
}

.cc-group {
    position: relative;
    border: 1px solid var(--ccb-bdr, #d0d0d0);
    border-radius: 5px;
    margin-bottom: 10px
}

.cc-cookie-info {
    font-size: .875rem;
    background: var(--ccb-info-bg, #fff);
    border: 1px solid var(--ccb-info-bdr, #efefef);
    padding: 10px;
    border-radius: 5px
}

.cc-cookie-info>div>span {
    font-weight: 600
}

.cc-cookie-info>div+div {
    margin-top: 5px;
    word-wrap: break-word
}

.cc-cookie-info+button.cc-detail-btn-details {
    margin-top: 15px
}

.cc-cookies {
    background: var(--ccb-cookies-bg, #fbfbfb);
    border-radius: 0 0 5px 5px
}

.cc-cookies>p {
    font-size: .875rem
}

.cc-cookies>p,
.cc-cookies>.cc-cookie {
    margin: 0;
    padding: 15px;
    border-top: 1px solid var(--ccb-cookies-bdr, #fbfbfb)
}

.cc-cookie label.cookie+* {
    margin-top: 10px
}

.cc-cookie p {
    margin: 0 0 15px;
    font-size: .875rem
}

.cc-cookie-desc p {
    margin-bottom: 0
}

.cc-footer,
.cc-info {
    text-align: center
}

.cc-info {
    margin-top: 15px
}

.cc-info>p {
    font-size: .875rem
}

.cc-info>a {
    display: inline-block;
    font-size: .813rem;
    color: var(--ccb-detail-clr, #a2a2a2);
    text-decoration: none
}

.cc-info>a:hover {
    color: var(--ccb-detail-clr-hvr, #717171)
}

.cc-info>a+a:before {
    display: inline-block;
    content: "·";
    margin-right: 5px
}

.cc-active .cc-inner {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.cc-active.cc-blocked {
    pointer-events: auto;
    animation: cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards
}

.cc-saved.cc-inner {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.cc-saved.cc-blocked {
    pointer-events: none;
    animation: cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards
}

.cc-left {
    --ccb-justify: flex-start
}

.cc-right {
    --ccb-justify: flex-end
}

.cc-top {
    --ccb-align: flex-start
}

.cc-top.cc-active {
    --ccb-anim: cookiebar-top-in
}

.cc-top.cc-saved {
    --ccb-anim: cookiebar-top-out
}

.cc-middle.cc-active {
    --ccb-anim: cookiebar-middle-in
}

.cc-middle.cc-saved {
    --ccb-anim: cookiebar-middle-out
}

.cc-bottom {
    --ccb-align: flex-end
}

.cc-bottom.cc-active {
    --ccb-anim: cookiebar-bottom-in
}

.cc-bottom.cc-saved {
    --ccb-anim: cookiebar-bottom-out
}

@media(min-width: 768px) {
    .contao-cookiebar .cc-btn {
        width: auto;
        margin-bottom: 0
    }
    .cc-inner {
        max-width: var(--ccb-max-width, 750px)
    }
}

@media(forced-colors) {
    .contao-cookiebar input+label:after {
        border: 1px solid currentColor
    }
    .cc-inner {
        border: 1px solid currentColor
    }
    input.cc-group-half+label:after {
        margin-left: 9px
    }
}

@media(prefers-reduced-motion) {
    .contao-cookiebar {
        --ccb-anim-duration: 2s
    }
}

@media print {
    .contao-cookiebar {
        opacity: 0
    }
}

@keyframes cookiebar-overlay-in {
    0% {
        background: rgba(0, 0, 0, 0)
    }
    to {
        background: var(--ccb-backdrop)
    }
}

@keyframes cookiebar-overlay-out {
    0% {
        background: var(--ccb-backdrop)
    }
    to {
        background: rgba(0, 0, 0, 0);
        visibility: hidden
    }
}

@keyframes cookiebar-top-in {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes cookiebar-top-out {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-100%)
    }
}

@keyframes cookiebar-middle-in {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes cookiebar-middle-out {
    0% {
        opacity: 1;
        visibility: visible;
        transform: scale(1)
    }
    to {
        opacity: 0;
        visibility: hidden;
        transform: scale(0)
    }
}

@keyframes cookiebar-bottom-in {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes cookiebar-bottom-out {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        visibility: hidden;
        transform: translateY(100%)
    }
}

.cc-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center
}

.cc-group>label {
    flex-grow: 1;
    margin: 5px 0 5px 10px
}

.cc-cookies {
    display: none;
    width: 100%
}

.cc-detail-btn {
    padding: 8px 10px;
    line-height: 1.2rem
}

.cc-detail-btn-details {
    text-decoration: underline;
    padding: 0;
    margin: 0 0 10px
}

.cc-detail-btn,
.cc-detail-btn-details {
    display: inline-block;
    color: var(--ccb-detail-clr, #a2a2a2);
    border: 0 none;
    outline: 0 none;
    background: rgba(0, 0, 0, 0);
    font-size: 13px;
    letter-spacing: 0;
    text-transform: initial;
    cursor: pointer
}

.cc-detail-btn span:nth-child(2),
.cc-detail-btn-details span:nth-child(2) {
    display: none
}

.cc-detail-btn.cc-active span:nth-child(1),
.cc-detail-btn-details.cc-active span:nth-child(1) {
    display: none
}

.cc-detail-btn.cc-active span:nth-child(2),
.cc-detail-btn-details.cc-active span:nth-child(2) {
    display: inline
}

.cc-detail-btn:hover,
.cc-detail-btn-details:hover {
    background: rgba(0, 0, 0, 0);
    color: var(--ccb-detail-clr-hvr, #717171)
}