:root { 
    --cookie-color: #12847B;
    --msm_succ-color: #12847B;
    --msm_dngg-color: #ff0000
}

.cookie-popup { position: fixed; bottom: 20px; left: 20px; right: 20px; background-color: #f1f1f1; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center; z-index: 999999; width: calc(100% - 40px); margin: 0 auto}
        
.cookie-popup-content { flex: 1; padding-right:30px }

.cookie-popup-content label { font-size:13px; padding-right:30px }
        
.cookie-popup h3 { margin-top: 0; margin-bottom: 10px; color: #333; font-size: 16px }
        
.cookie-popup p { margin: 0 0 15px; color: #555; font-size: 12px }

.cookie-popup p a { color: var(--cookie-color); text-decoration:underline dashed }

.cookie-buttons { display: flex; gap: 10px }
        
.cookie-btn { padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; transition: background-color 0.3s}
        
.cookie-accept { background-color: var(--cookie-color); color: white }
.cookie-accept:hover { background-color: var(--cookie-color) }
        
.cookie-settings { background-color: #f1f1f1; border: 1px solid #ccc; color: #333 }
.cookie-settings:hover { background-color: #e3e3e3 }

.cookie-decline { background-color: #f1f1f1; border: 1px solid #ccc; color: #333}
.cookie-decline:hover {	background-color: #e3e3e3 }
        
.hidden_box { display: none !important }

.wr-checkbox { position: absolute; z-index: -1; opacity: 0 }
.wr-checkbox+label { display: inline-flex; align-items: center; user-select: none }
.wr-checkbox+label::before { content: ''; display: inline-block; width: 16px; height: 16px; border: 2px solid var(--cookie-color); border-radius: 0em; margin-right: 0.5em; position: relative }
.wr-checkbox:checked+label::after { content: ""; position: absolute; width: 8px; height: 8px; background-color: var(--cookie-color); margin: 4px }
.wr-checkbox.wr-checkbox-disabled+label::before { border: 2px solid #aaa }
.wr-checkbox.wr-checkbox-disabled:checked+label::after { background-color: #aaa }

.sog-box { position: relative; display: inline-block; padding-left: 30px; font-size: 16px; cursor: pointer; user-select: none; line-height:1.3 }
.sog-box input[type="checkbox"] { display: none }
.sog-box .sog-checkmark { position: absolute; left: 0; top: 3px; width: 18px; height: 18px; background-color: #eee; border: 2px solid #ccc; border-radius: 4px; transition: all 0.2s ease }
.sog-box:hover .sog-checkmark { border-color: #999 }
.sog-box input:checked + .sog-checkmark { background-color: var(--msm_succ-color); border-color: var(--msm_succ-color) }
.sog-box input:checked + .sog-checkmark::after { content: ""; position: absolute; left: 4px; top: 0; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg) }

      
@media (max-width: 768px) {

	.cookie-popup {	flex-direction: column;	align-items: flex-start }

	.cookie-popup-content { padding-right:0 }

	.cookie-buttons { margin-top: 15px;	flex-wrap: wrap}

	.cookie-buttons { display: block; width:100% }
	.cookie-btn { width:47%;  margin-right:3%; float:left}
	.cookie-btn.cookie-btn-mr { float:right; margin-top:10px }

}


.grecaptcha-badge {visibility:hidden}

.msm_succ { color:var(--msm_succ-color) }
.msm_dngg { color:var(--msm_dngg-color) }