/*
--------------------------------------------------------------------------------
ConsentManager-Button
--------------------------------------------------------------------------------
*/

.cookie-modal {
	z-index: 9999 !important;
}

.context-notice,
.cookie-notice,
.cm-modal {
	background: #fafafa !important;
}

.cookie-notice {
	min-width: 30%;
}

.klaro h2,
.klaro .text p,
.klaro h1,
.klaro p,
.klaro span {
	color: #333 !important;
}

.klaro .cm-header svg {
	stroke: #333 !important;
}

.klaro .cm-link,
.klaro a {
	color: #069857;
	text-decoration: underline !important;
}

.cm-caret a {
	text-decoration: none !important;
}

.context-notice {
	background-color: #fafafa !important;
	white-space: pre-line;
}

.cm-btn-success, 
.cm-btn-success-var {
	background-color: #069857 !important;
	/*box-shadow: 5px 5px #006536 !important;*/
	padding-left: 25px !important;
    padding-right: 25px !important;
}

.cm-btn-success:hover, 
.cm-btn-success-var:hover {
	border: none !important;
	background-color: #008b4a !important;
}

.cn-buttons button {
	margin-left: 20px !important;
}

.cm-btn-danger {
	background-color: #143cda !important;
	/*box-shadow: 5px 5px #011f96 !important;*/
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.cm-as-context-notice .cm-btn-success  {
	background-color: #143cda !important;
}

.cm-as-context-notice .cm-btn-success:hover {
	background-color: #011f96 !important;
}

.half-checked .cm-switch .active {
	background:  #069857!important;
}

.cm-btn-danger:hover {
	border: none !important;
	background-color: #011f96 !important;
}

.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider {
	background-color: #069857 !important;
}

.klaro .cookie-modal .cm-list-label .slider::before {
	background-image: url(/img/football.png) !important;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    display: block;
    content: "";
}

.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider::before {
	transform: translateX(20px) rotate(144deg) !important;
}

.cm-as-context-notice {
    z-index: 10;
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.sideContainer-image .context-notice {
	margin-top: 183px;
}

.brandingContainer .cm-as-context-notice {
	margin-top: 150px;
}