div#klaro {

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;

}

div#klaro .cookie-modal .cm-modal .cm-header h1 {

    font-size: 1.8em;

    font-weight: 400;

    color:#333;

}

@media only screen and (max-width:550px) {

 div#klaro .cookie-modal .cm-modal .cm-header h1 {

    font-size: 1.2em;

    font-weight: 300;

}     

}

div#klaro div.klaro div.cookie-notice:not(.cookie-modal-notice) {

  background-color:#EFEFEF;

  color: rgb(255, 255, 255);

}

div#klaro div.klaro .cookie-modal .cm-modal.cm-klaro {

   background-color:#EFEFEF;

}

div#klaro div.klaro .cookie-modal .cm-btn.cm-btn-success,

div#klaro div.klaro .context-notice .cm-btn.cm-btn-success,

div#klaro div.klaro .cookie-notice .cm-btn.cm-btn-success {

  background-color:#FC0;
	font-weight: 600;
	color: #333;

}

div#klaro div.klaro .cookie-modal a,

div#klaro div.klaro .context-notice a,

div#klaro div.klaro .cookie-notice a {

  color: #333;

  font-weight: 600;

}

div#klaro div.klaro .cookie-modal p,

div#klaro div.klaro .cookie-modal strong,

div#klaro div.klaro .cookie-modal h1,

div#klaro div.klaro .cookie-modal h2,

div#klaro div.klaro .cookie-modal ul,

div#klaro div.klaro .cookie-modal li,

div#klaro div.klaro .context-notice p,

div#klaro div.klaro .context-notice strong,

div#klaro div.klaro .context-notice h1,

div#klaro div.klaro .context-notice h2,

div#klaro div.klaro .context-notice ul,

div#klaro div.klaro .context-notice li,

div#klaro div.klaro .cookie-notice p,

div#klaro div.klaro .cookie-notice strong,

div#klaro div.klaro .cookie-notice h1,

div#klaro div.klaro .cookie-notice h2,

div#klaro div.klaro .cookie-notice ul,

div#klaro div.klaro .cookie-notice li {

  color:#16161d;

}

div#klaro div.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,

div#klaro div.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,

div#klaro div.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider,



div#klaro div.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,

div#klaro div.klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider,

div#klaro div.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {

  background-color:#FC0;

}

div#klaro div.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn.cm-btn-danger.cn-decline {

  color: #333;

  background-color: #efefef;font-weight: 600;

}

div[data-type=placeholder] {

    height: 100%;

}

div[data-type=placeholder] div.klaro.cm-as-context-notice {

padding-bottom: 0;

    padding-top: 0;

}

div[data-type=placeholder] div.klaro.cm-as-context-notice div.context-notice {

    border: 0;

    background-color: transparent;

}

div[data-type=placeholder] div.klaro.cm-as-context-notice div.context-notice p.cm-buttons button {

  z-index: 10;

  overflow: hidden;

  color: #fff;

  padding: 5px 12px;

  border-radius: 5px;

  border: none;

  font-weight: 600;

  font-family: 'Open Sans',sans-serif;

  cursor: pointer;

  text-decoration: none;

  font-size: 1em;

  float: right;

  position: relative;

  background-color: rgba(42, 91, 121,1.0);

}

div[data-type=placeholder] div.klaro.cm-as-context-notice div.context-notice p.cm-buttons button::before {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  width: 400px;

  height: 400px;

  background-color: rgba(237, 110, 167, 1.0);

  border-radius: 50%;

  transform: translate(-50%, -50%) scale(0);

  transition: transform 0s ease;

  z-index: -2;

  pointer-events: none;

}

div[data-type=placeholder] div.klaro.cm-as-context-notice div.context-notice p.cm-buttons button:hover::before {

  transform: translate(-50%, -50%) scale(1);

  transition: transform 0.7s ease;

}