@charset "utf-8";
/**
 * @file
 * Styles for Klaro consent manager
 */
#klaro{
   --main-color: #666;
   --main-bg-color: white;
   --highlighted-primary-bg-color: #004f9f;
   --muted-bg-color: #004f9f;
   --highlighted-primary-color: white;
   --highlighted-secondary-color: rgba(0, 79, 159, 0.9);
}
#klaro .klaro .cookie-notice{
   border-radius: 0;
   background: var(--main-bg-color);
   max-width: 420px;
   padding: 1em;
   box-sizing: border-box;
}
.cookie-notice .cn-body::before{
   content: 'Zustimmung für Cookies';
   display: block;
   font-size: 1.4em;
   font-weight: bold;
   color: var(--main-color);
   background-color: transparent;
}
#klaro .klaro .cookie-modal,
#klaro .klaro .cookie-notice {
	font-size: 1.5rem;
}
#klaro .klaro .cookie-modal .cm-modal.cm-klaro{
   background-color: var(--main-bg-color);
}
#klaro .klaro .cookie-modal a,
#klaro .klaro .cookie-notice a {
	color: var(--highlighted-secondary-color);
}
#klaro .klaro .cookie-modal .cm-btn.cm-btn-success,
#klaro .klaro .cookie-notice .cm-btn.cm-btn-success {
	background: var(--highlighted-primary-bg-color);
}
#klaro .klaro .cookie-modal .cm-btn.cm-btn-success.cm-btn-accept,
#klaro .klaro .cookie-notice .cm-btn.cm-btn-success.cm-btn-accept {
	background: transparent;
	border: 1px solid var(--highlighted-secondary-color);
	color: var(--highlighted-secondary-color);
	padding: calc(0.8em - 1px) calc(1em - 1px);
}
#klaro .klaro .cookie-modal .cm-btn,
#klaro .klaro .cookie-notice .cm-btn {
	border-radius: 0;
	padding: 0.8em 1em;
}
#klaro .klaro .cookie-modal .cm-modal {
	padding: 1em;
	box-sizing: border-box;
}
#klaro .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
#klaro .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
	background-color: var(--highlighted-primary-bg-color);
}
#klaro .klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
#klaro .klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider,
#klaro .klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider,
#klaro .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
	opacity: 0.7;
	background-color: var(--muted-bg-color);
}
#klaro .klaro .cookie-modal p,
#klaro .klaro .cookie-modal strong,
#klaro .klaro .cookie-modal h1,
#klaro .klaro .cookie-modal h2,
#klaro .klaro .cookie-modal ul,
#klaro .klaro .cookie-modal li,
#klaro .klaro .cookie-notice p,
#klaro .klaro .cookie-notice strong,
#klaro .klaro .cookie-notice h1,
#klaro .klaro .cookie-notice h2,
#klaro .klaro .cookie-notice ul,
#klaro .klaro .cookie-notice li{
   color: var(--main-color);
}
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-opt-out,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-required,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-opt-out,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-required,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose p.purposes,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app p.purposes,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes{
   color: var(--highlighted-secondary-color);
}
#klaro .klaro .cookie-modal .cm-btn,
#klaro .klaro .cookie-notice .cm-btn{
   color: var(--main-bg-color);
}
#klaro .klaro .cookie-modal .cm-list-description,
#klaro .klaro .cookie-notice .cm-list-description{
   color: var(--main-color);
}
#klaro .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
    text-align: center;
}
/* @group cookie-modal-notice */
#klaro .klaro .cookie-modal-notice .cn-body{
   padding: 0 1em 1em;
}
#klaro .klaro .cookie-modal-notice .cm-btn.cm-btn-info{
   background: transparent;
   border: none;
   padding: 0;
   color: var(--highlighted-secondary-color);
}
#klaro .klaro .cookie-modal-notice .cm-btn.cm-btn-info::after{
   content: "...";
}
/* @end */