/* Read more*/
 /* a::before, ul.links.inline .node-readmore a::before { */
	/* display: inline-block; */
	/* font-family: "Nucleo Glyph"; */
	/* font-style: normal; */
	/* font-weight: normal; */
	/* line-height: 1; */
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */
	/* content: "\edd9"; */
	/* position: absolute; */
	/* left: 0; */
	/* top: 7px; */
/* } */

/* .node-readmore a::before { */
	/* display: inline-block; */
	/* font-family: "Nucleo Glyph"; */
	/* font-style: normal; */
	/* font-weight: normal; */
	/* line-height: 1; */
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */
	/* content: "\edd9"; */
	/* position: relative; */
/* } */

.field-content.node-readmore a:hover, .field-content.node-readmore a:focus, .field-content .node-readmore a:hover, .field-content .node-readmore a:focus {
	color: #c01700 !important;
	background: none !important;
}

/* Search*/
#block-suchformular #search-block-form { margin-top: -7px; }

#header .search-block-form { margin-top: -40px; }

/* span.form-search span { display: none; } */


/* Miscellaneous*/
article .field--name-field-image { position: relative; z-index: 9; }

#featured .container .views-field-field-colorbox-bild { margin-bottom: 15px; }

div#block-zitat { background: #fdfbe9; border-color: #dcd7bb; }


/* Gin Admin Theme */
#admin-toolbar-search-tab .form-item { width: inherit; }

#admin-toolbar-search-input, [dir="ltr"] #admin-toolbar-search-input { padding-left: 35px !important; }



/* ------------------------------------------ */
/* Onomasticon */
/* Onomasticon Tooltips */
/* .onomasticon-extra-element::before { background: transparent !important; color: #000 !important; cursor: help; } */

/* abbr[title] { text-decoration: none !important; } */

/* .onomasticon-extra-element .onomasticon-term-description { */
	/* text-align: left; */
	/* border-radius: 3px; */
	/* box-shadow: 0 0 5px #cecece !important;.onomasticon-extra-element::before */
	/* -webkit-box-shadow: 0 0 5px #cecece !important; */
/* } */

/* .onomasticon-extra-element:hover, .onomasticon-extra-element:focus { */
	/* background: #cecece !important; */
	/* box-shadow: 0 0 5px #cecece !important; */
	/* border-bottom-color: #cecece !important; */
	/* border-radius: 0 !important; */
/* } */

/* button.onomasticon-term-description p { padding: 10px 8px 0 8px; } */

/* Onomasticon Array (Sidebar) */
#drupal-off-canvas {
	/* color: #2c3e50; */
	/* background: #fff; */
	/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
 }

/* Taxonomy Term  Page */

.taxonomy-term a { color: #c01700; }

.taxonomy-term a:hover { text-decoration: underline; }




/* Activity Tracker */
.actvity-tracking-table-form input, .actvity-tracking-table-form button, .actvity-tracking-table-form select { border-radius: 3px; -webkit-border-radius: 3px; }

.actvity-tracking-table-form label { font-weight: 700 !important; }

.actvity-tracking-table-form input { line-height: 1.4em !important; }

.actvity-tracking-table-form select { background-color: white; max-width: 120px; }

.actvity-tracking-table-form #edit-filter-apply-button {
	color: #fff;
	border: none;
	background-color: rgb(192, 23, 0);
	float: right;
	margin-top: 40px;
	margin-right: 17px;
}

.actvity-tracking-table-form .form-item { display: inline-block; width: 14%; }

.actvity-tracking-table-form #edit-filter-apply-button:hover { background-color: #555; }

.actvity-tracking-table-form table { width: 100%; border-spacing: 1px; border-collapse: separate; }

.actvity-tracking-table-form th, .responsive-enabled th { color: white; background-color: #757575; }

.actvity-tracking-table-form td, .actvity-tracking-table-form th, table.responsive-enabled td, table.responsive-enabled th { padding: 5px; }

.actvity-tracking-table-form tbody tr.odd, table.responsive-enabled tbody tr.odd { background-color: #E4E4E4; }

.actvity-tracking-table-form tbody tr.even, table.responsive-enabled tbody tr.even { background-color: #EFEFEF; }


/* Klaro CSS
---------------------------------------- */
/* This all Settings for The Klaro Box. Please Attention for Change */
.klaro .cookie-modal .cm-modal .cm-header .hide {
	display: inline-block !important;
}

.klaro .cookie-modal .cm-modal .hide svg { stroke: #191919 !important; }

.cm-list-title {
	color: #191919;
}

.klaro .cookie-modal-notice .cn-ok {
	display: inherit !important;
	margin-top: 0 !important;
	text-align: center !important;
}

.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-link {
	margin-bottom: 1em !important;
}

.klaro .cookie-modal a strong, .klaro .cookie-notice a strong {
	color: #c01700 !important;
	text-decoration: none;
}

.klaro .cookie-modal a:hover strong, .klaro .cookie-notice a:hover strong {
	color: #B83231 !important;
}

p.cm-list-description span {
	color: #000;
	font-size: 11px;
}

.context-notice {
	background-color: #333333 !important;
}

.context-notice p {
	color: #c01700 !important;
}

.btn.btn-primary {
	cursor: pointer;
}

.cm-header h1.title {
	font-family: "oswaldregular";
	color: #B83231;
}

.cm-header h1.title:before {
	/* font-family: FontAwesome; */
	/* content: "\f564"; */
	/* font-size: 15px; */
	margin-right: 15px;
	margin-bottom: -7px;
	content: '';
	background-image: url(/themes/zircon/assets/images/cookie.svg);
	background-size: 40px 40px;
	display: inline-block;
	width: 40px;
	height: 40px;
}

.cm-caret a:before {
	font-family: FontAwesome;
	content: "\f0dc";
	font-size: 15px;
}

.cm-caret span {
	display: none !important;
}

/* Button Accept all */
.cm-btn.cm-btn-success {
	background-color: #798665  !important;
}

/* Button Permit permanently */
.cm-btn.cm-btn-success-var {
	background-color: #1DAE83 !important;
}

/* Button Accept selected */
.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .context-notice .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-link {
	background-color: #c01700 !important;
	padding: 5px;
	/* font-size: 13px !important; */
}

/* Service activated */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
	background-color: #555 !important;
}

.klaro .cookie-modal .cm-list-title, .klaro .context-notice .cm-list-title, .klaro .cookie-notice .cm-list-title {
	font-size: 1.1em !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {
	color: #000 !important;
	padding-left: 6px !important;
}

.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider, .klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider {
	background-color: #9FB084 !important;
}

/* Service deactivated */
.klaro .cookie-modal .cm-list-label .slider, .klaro .context-notice .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {
	background-color: #C5C4C4 !important;
}

.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a {
	color: #c01700 !important;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
	color: #999999 !important;
}

/* thie settings for the fontawesome icon and the SVG Icon for the Box */
.cok_nav {
	padding: 1px;
	font-size: 12px;
	vertical-align: top;
}

.cok_men {
	padding-right: 20px;
	font-size: 24px;
}

#cookie_svg {
	content: url("/public://css_editor/././image/cookie.svg");
	text-shadow: none;
	margin-right: 15px;
	margin-bottom: -25px;
}

/* Zirkon Klaro */
.klaro .cookie-modal .cm-modal {
	background: #fff !important;
	padding: 10px !important;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
}

.klaro .cookie-modal .cm-modal .collapsible_summary { cursor: pointer; }

.klaro .cookie-modal .cm-modal .cm-header { border-bottom-color: #CCCCCC !important; }

.klaro .cookie-modal .cm-modal .cm-footer { border-top-color: #CCCCCC !important; }

.klaro .cookie-modal li.cm-service.cm-toggle-all { border-top: 1px dashed #CCCCCC !important; }

.klaro .cookie-modal  .cookie_th { padding-right: 7px; }

.klaro .cookie-modal .cookie_td { width: 78%; }

.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li,
.klaro .context-notice p, .klaro .context-notice strong, .klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice ul,
.klaro .context-notice li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
	color: #191919 !important;
}

.klaro .cookie-modal a:hover, .klaro .context-notice a:hover, .klaro .cookie-notice a:hover { color: #B83231 !important; }

.klaro .cookie-notice { background: #fff; max-width: 415px !important; }

.klaro .cookie-notice a:hover strong { text-decoration: underline; }

.klaro .cookie-modal .cm-btn.cm-btn-sm, .klaro .cookie-notice .cm-btn.cm-btn-sm, .klaro .cookie-notice .cm-link {
	font-size: 14px !important;
}

.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-link, .klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .context-notice .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-btn.cm-btn-sm, .klaro .cookie-notice .cm-btn.cm-btn-sm {
	margin: 0 10px 10px 0 !important;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
	margin-left: 0px !important;
	margin-right: 10px !important;
	margin-left: 0px !important;
	border: none !important;
	padding: 8px 20px !important;
	color: #fff !important;
	background: #c01700 !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
}

.klaro .cookie-notice .cm-link { background: #555 !important; }

.klaro .cookie-modal .cm-btn:hover, .klaro .context-notice .cm-btn:hover, .klaro .cookie-notice .cm-btn:hover, .klaro .cookie-notice .cm-link:hover,
.klaro .cookie-modal .cm-btn.cm-btn-info:hover, .klaro .context-notice .cm-btn.cm-btn-info:hover, .klaro .cookie-notice .cm-btn.cm-btn-info:hover,
.klaro .cookie-modal .cm-btn.cm-btn-sm:hover, .klaro .cookie-notice .cm-btn.cm-btn-sm:hover {
	background: #555 !important;
	color: #fff !important;
}

.klaro .cookie-notice .cm-link:hover { background: #c01700 !important; }

.klaro .cookie-modal .cm-bg {
	opacity: .8 !important;
	transition-timing-function: cubic-bezier(.22, .61, .36, 1) !important;
	background: #000 !important;
	transition-duration: inherit !important;
	transition-property: opacity !important;
}

.klaro .cookie-modal .cm-list-description span span b, .cookie_label b { color: #191919 !important; }

.klaro .cookie-modal details[open] .purposes { display: none !important; }

.klaro .cookie-modal .cm-caret a /* , .klaro .cookie-notice .cn-body p */ { font-size: 13px !important; }
/* Zirkon Klaro End */

/* Glossar Modal */
.glos-term { border-bottom: 2px #c01700 dotted !important; }

span:first-child .glos-term::after {
  font-family: "FontAwesome";
  content: "\f059";
  padding-left: 2px;
}

.ui-widget-overlay { opacity: .8 !important; background: #141415 !important; }

.ui-dialog.ui-widget.ui-widget-content {
	background-color: white !important;
	margin: 10px !important;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  	border-radius: 5px !important;
}

.ui-dialog .ui-dialog-titlebar { padding: 10px !important; border-radius: 5px 5px 0 0 !important; }

div#glossary-dialog-inner { max-height: 350px; overflow-y: auto; }

div#glossary-dialog-inner p { margin: 5px 7px 5px 0 !important; }

.ui-dialog .ui-widget-content.ui-dialog-content { padding: 10px !important; }

.ui-dialog-content.ui-widget-content a { color: #c01700; }

.ui-dialog-buttonpane { padding: 10px !important; background-color: #cccccc3d !important; }
/* Glossar Modal End */