/* Colors */

:root {
	--hw-dark: #8d0423; /* darkred */
	--hw-standard: #bc082f; /* red */
	--hw-kick: #bde2f0; /* lightblue */
	--hw-color1: #343535; /* darkgray */
	--hw-color2: #eef2ee; /* lightgray */
	--hw-color3: #fafafa; /* lightergray */

	--hw-ckan: #005d7a; /* ckan */
	
	--hw-border: #ccc;
	/* Arrow Badge */
	--ab-primary: #005eaa; /* blue */
}

/* Fonts */

@font-face {
	font-family: "RocGroteskRegular";
	src:
		url("/Roc-Grotesk/RocGroteskW05-Regular.woff2") format("woff2"),
		url("/Roc-Grotesk/RocGroteskW05-Regular.woff") format("woff");
}
@font-face {
	font-family: "RocGroteskMedium";
	src:
		url("/Roc-Grotesk/RocGroteskW05-Medium.woff2") format("woff2"),
		url("/Roc-Grotesk/RocGroteskW05-Medium.woff") format("woff");
}
@font-face {
	font-family: "RocGroteskBold";
	src:
		url("/Roc-Grotesk/RocGroteskW05-Bold.woff2") format("woff2"),
		url("/Roc-Grotesk/RocGroteskW05-Bold.woff") format("woff");
}
@font-face {
	font-family: "RocGroteskExtraBold";
	src:
		url("/Roc-Grotesk/RocGroteskW05-ExtraBold.woff2") format("woff2"),
		url("/Roc-Grotesk/RocGroteskW05-ExtraBold.woff") format("woff");
}

/* <div>Icons made from <a href="https://www.onlinewebfonts.com/icon">svg icons</a>is licensed by CC BY 4.0</div> */
@font-face {
	font-family: "FranziskaRegular";
	src:
		url("/Franziska/FranziskaW05-Regular.woff2") format("woff2"),
		url("/Franziska/FranziskaW05-Regular.woff") format("woff");
}
@font-face {
	font-family: "FranziskaItalic";
	src:
		url("/Franziska/FranziskaW05-Italic.woff2") format("woff2"),
		url("/Franziska/FranziskaW05-Italic.woff") format("woff");
}
@font-face {
	font-family: "FranziskaDemibold";
	src:
		url("/Franziska/FranziskaW05-Demibold.woff2") format("woff2"),
		url("/Franziska/FranziskaW05-Demibold.woff") format("woff");
}

/* Icons */

.fa-windows::before {
	/* content: "\f17a"; */
	font-family: "Font Awesome 5 Brands";
}
.fa-file-pdf-o::before {
	content: "\f1c1";
}

/* Wozu war/ist diese Regel da?
* {
    padding: 0;
    margin: 0;
}
*/
/* https://stackoverflow.com/questions/248011/how-do-i-wrap-text-in-a-pre-tag */
/* pre.codewrap ist Legacy, künftig code.codewrap */
pre.codewrap,
code.codewrap {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/* https://stackoverflow.com/questions/18662898/jinja-render-text-in-html-preserving-line-breaks */
.prose.notes p,
.notes.embedded-content p {
	white-space: pre-wrap;
}


.main > #content > .row.wrapper {
	margin-left: 0;
	margin-right: 0;
}
.row.wrapper.right::before {
	/* hide left-hand box if aside panel goes to the right, e.g. for blog */
	display: none;
}

/* Page */

.page-header {
	background-color: var(--hw-color2);
}

/* Paragraphs */

.list-group-item p {
	margin-bottom: 0;
}

/* Images */

.media-copyright {
	position: absolute;
	bottom: 0.875rem;
	right: 1.125rem;
	background-color: #16191f;
	opacity: 0.75;
	padding: .5rem .625rem .375rem .625rem;
	color: #fff;
	font-family: "RocGroteskRegular",sans-serif;
}

/* Carousel */

.carousel-control-prev, .carousel-control-next {
	width: 5%;
}

/* Toast */

.toast.success .toast-header {
	background-color: darkgreen;
	color: #FFF;
}
.toast.success .toast-body {
	background-color: green;
	color: #FFF;
}
.toast.error .toast-header {
	background-color: var(--hw-dark);
	color: #FFF;
}
.toast.error .toast-body {
	background-color: var(--hw-standard);
	color: #FFF;
}
.toast-header .btn-close {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.toast dt {
	font-weight: normal;
}
.toast dd {
	font-weight: bold;
}

/* Dataset / Package */

.dataset-content {
	font-family: "FranziskaRegular",sans-serif;
	font-size: 1.063rem;
}
.dataset-content .dataset-heading {
	font-family: "RocGroteskMedium",sans-serif;
	font-weight: normal;
	font-size: 120%;
}
.dataset-content .dataset-heading a {
	color: var(--hw-standard);
}
form#dataset-search-form,
li.dataset-item {
	border-bottom-style: solid;
}
ul.dataset-list li:hover {
	background-color: #ddd;
}
ul.dataset-list li div.row:hover a {
	text-decoration: none;
}


/* Badge (keep standard independant from page and block styles */

.badge {
	font-family: var(--bs-body-font-family) !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
}
.badge.fa::before {
	font-family: "Font Awesome 6 Free";
	margin-right: 5px;
}
.module-narrow .nav-item > a .badge {
	background-color: ;
}


/* Dieses Statement steht inline im Template footer.html, damit es VOR allen Stylesheets vorbelegt wird.  */
/*
.badge[data-format] {
	background-color: #000;
	border: 1px solid transparent;
}
*/
.badge[data-format]:hover {
	background: #FFF;
	color: #000;
	border: 1px solid #000;
}

.badge[data-format=atom],
.card[data-format=atom] {
	background-color: maroon !important;
}
.badge[data-format=rest],
.card[data-format=rest] {
	background-color: purple !important;
}
.badge[data-format=gml],
.card[data-format=gml] {
	background-color: darkcyan !important;
}
/* geo-resource-styles.css */
.card[data-format=wms] {
	background-color: #adc717 !important;
}
.card[data-format=wfs] {
	background-color: #7aae3d !important;
}


/* main.css */
.card[data-format=html] {
	background-color: #2E759E !important;
}
.card[data-format=json] {
	background-color: #D63B00 !important;
}
.card[data-format=xml] {
	background-color: #D63B00 !important;
}
.card[data-format=txt] {
	background-color: #222222 !important;
}
.card[data-format=csv] {
	background-color: #856A00 !important;
}
.card[data-format*=xls] {
	background-color: #207E42 !important;
}
.card[data-format=zip] {
	background-color: #686868 !important;
}
.card[data-format=api] {
	background-color: #D22D81 !important;
}
.card[data-format=pdf] {
	background-color: #e0051e !important;
}
.card[data-format=rdf] {
	background-color: #0b4498 !important;
}

/*
.badge[data-format=html],
.badge[data-format*=html] {
  background-color: #2E759E;
}

.badge[data-format=json],
.badge[data-format*=json] {
  background-color: #D63B00;
}

.badge[data-format=xml],
.badge[data-format*=xml] {
  background-color: #D63B00;
}

.badge[data-format=text],
.badge[data-format*=text] {
  background-color: #1A7EA3;
}

.badge[data-format=csv],
.badge[data-format*=csv] {
  background-color: #856A00;
}

.badge[data-format=xls],
.badge[data-format*=xls] {
  background-color: #207E42;
}

.badge[data-format=zip],
.badge[data-format*=zip] {
  background-color: #686868;
}

.badge[data-format=api],
.badge[data-format*=api] {
  background-color: #D22D81;
}

.badge[data-format=pdf],
.badge[data-format*=pdf] {
  background-color: #e0051e;
}

.badge[data-format=rdf],
.badge[data-format*=rdf],
.badge[data-format*=nquad],
.badge[data-format*=ntriples],
.badge[data-format*=turtle] {
  background-color: #0b4498;
}
*/

.badge[data-format-type=download]::before {
	content: "\f019"; /* fa-download */
	font-family: "Font Awesome 6 Free";
	margin-right: 3px;
}
.badge[data-format-type=service]::before {
	content: "\f085"; /* fa-cogs */
	font-family: "Font Awesome 6 Free";
	margin-right: 3px;
}
.badge[data-format-type=app]::before {
	content: "\f108"; /* fa-desktop */
	font-family: "Font Awesome 6 Free";
	margin-right: 3px;
}
.badge[data-format-type=feed]::before {
	content: "\f09e"; /* fa-rss */
	font-family: "Font Awesome 6 Free";
	margin-right: 3px;
}
.badge[data-format-type=datastore]::before {
	content: "\f1c0"; /* fa-database */
	font-family: "Font Awesome 6 Free";
	margin-right: 3px;
}
.badge[data-format-type=preload]::before {
	content: "\f0c5"; /* fa-copy */
	font-family: "Font Awesome 6 Free";
	margin-right: 3px;
}

/* Tables */

/* eliminiert main.css line 1972, weil jetzt mit <table><colgroup/><thead/><tbody/></table> gearbeitet wird */
.table > :not(:first-child) {
	border-top: none;
}

/* Metadata Tables */

.additional-info .table.table-condensed th[scope="row"] {
	width: 33%;
}
.additional-info .table td {
	width: 66%;
}

/* Metadata Fields */

abbr.metadata::before {
	content: "\f466";
	font-family: "Font Awesome 6 Free";
	margin-right: 3px;
}
abbr.dcat-ok.metadata::before {
	color: green;
}
abbr.dcat-rcmd.metadata::before {
	color: orange;
}

/* Navbar */

ul.navbar-nav.ms-auto.mb-2.mb-lg-0 {
	padding-right: 0;
}
ul.navbar-nav.ms-auto.mb-2.mb-lg-0 li:last-child {
	margin-right: 0;
}
.fa-bars::before {
	color: #000;
}
.navbar-brand {
	font-family: "RocGroteskBold",sans-serif;
	font-size: 1.75rem;
	line-height: 1.04;
	letter-spacing: normal;
	white-space: normal;
	/* color: #16191f !important; */
}
.navbar-brand > div {
	max-width: 120px !important;
	margin-left: 15px !important;
}
.navbar-brand .site-name-prefix {
	color: var(--hw-standard);
}
.masthead {
	box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,0.15) !important;
	margin-bottom: 15px;
	position: relative;
	z-index: 2;
}
.homepage,
.main {
	box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,0.15) !important;
}
.homepage .hero,
.main {
	background: #FFF;
}
.box, .wrapper {
	box-shadow: none;
}
.site-footer {
	padding-top: 40px;
	padding-bottom: 0;
	position: sticky;
	position: -webkit-sticky;
	bottom: 22px;
	z-index: 0;
}
.site-footer-form {
	padding-top: 62px;
	height: 500px;
	position: relative !important;
	/* transition: height 1s; */
}
.site-footer a {
	color: #000;
}
.site-footer a:hover {
	color: var(--hw-standard);
}
.footer-brand {
	font-family: "RocGroteskMedium",sans-serif;
	font-size: 1.21rem;
	line-height: 1.11;
	letter-spacing: normal;
}
/* .site-footer a:hover:has(.footer-brand) { */
.site-footer .container .row .footer-links:first-child a:hover {
	color: #000;
	text-decoration: none;
}
.footer-brand > div {
	max-width: 150px !important;
	margin-left: 15px !important;
}

.logo-wrapper {
	position: relative;
}
.logo-hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.5s ease-out;
}
.logo-hover:hover {
	opacity: 1;
}
.logo-wrapper img {
	vertical-align: top;
}


.align-self-center {
	align-self: center !important;
}
.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.masthead {
    background: #FFF;
}
.account-masthead {
    background: #FFF;
}
.account-masthead .account ul li {
	border-left: 1px solid #ddd;
}
.account-masthead .account ul li:last-child {
	border-right: 1px solid #ddd;
}
.account-masthead .account ul li a {
	font-family: "RocGroteskRegular";
	font-size: 1rem;
	font-weight: 400;
	border-left: none;
}
.account-masthead .account ul li a {
	color: #515760;
	text-decoration: none;
}
.account-masthead .account ul li a:hover {
	color: var(--hw-standard);
    background-color: #FFF;
	text-decoration: none;
}
.site-footer {
    background: #FFF;
}



.primary {
	padding-left: 0;
	padding-right: 0;
}
.sticky-top {
	position: -webkit-sticky; /* Safari */
}


/* Navbar */

.masthead .main-navbar ul.navbar-nav > li  {
	margin-right: 8px;
}
.masthead .main-navbar ul.navbar-nav > li > a,
.masthead .main-navbar ul.navbar-nav > li.active > a {
	font-family: "RocGroteskRegular",sans-serif;
	background-color: #fff;
	color: #16191f;
	border: 1px solid #737373;
	border-radius: 0;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}
.masthead .main-navbar ul.navbar-nav > li.active > a,
.masthead .main-navbar ul.navbar-nav > li:hover > a {
	background-color: var(--hw-standard);
	color: #fff;
}
/* Dropdown */
.masthead .main-navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu {
	padding-right: 0;
}
.masthead .main-navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li {
	margin-right: 0;
}
.masthead .main-navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li a,
.masthead .main-navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li a:hover {
	background-color: #FFF;
	color: #2e2e2e;
}
.masthead .main-navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li:hover a {
	border-radius: 0;
}
.masthead .main-navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li a.dropdown-item:hover, 
.masthead .main-navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li a.dropdown-item:focus {
	color: #2e2e2e;
	/* text-decoration: none; */
	background-color: #e9ecef;
}

/* Startpage */

.homepage {
	position: relative;
	z-index: 1;
}
.homepage .box {
	border-radius: 0;
}
.homepage .module-promotion {
	background-color: var(--hw-kick);
	padding: 2.5rem;
	border: none;
}
.homepage .module-promotion h1 {
	font-size: 2.5rem;
}
.homepage .module-search {
	background-color: var(--hw-color2);
	padding: 2.5rem;
	border: none;
	color: #FFF;
}
.homepage .module-search .search-form,
.homepage .module-search .tags,
.homepage .module-stats .box {
	border-radius: 0;
	background-color: transparent;
	padding: 0;
	border: none;
}
.homepage .module-search .tags h3 {
	font-family: "RocGroteskMedium";
	font-weight: 500;
	font-size: 1.75rem;
}
.homepage .module-search .search-form h3.heading {
	font-family: "RocGroteskBold";
	font-size: 2.5rem;
}
.homepage .module-stats {
	background-color: var(--hw-dark);
	padding: 2.5rem;
	border: none;
	color: #FFF;
}
.homepage .module-stats .box,
.homepage .module-stats .box a {
	color: #FFF;
}
.homepage .module-stats .box h3 {
	font-family: "RocGroteskMedium";
	font-weight: 500;
	font-size: 1.75rem;
}

/* Pages (ckeditor) */

h1,
h1.page-heading {
	font-family: "RocGroteskBold";
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
}
h2, h3 {
	font-family: "RocGroteskMedium";
}
h3 {
	font-size: 18px;
}
section.resources,
section.additional-info {
	margin-top: 60px;
}
section > h2 {
	position: sticky;
	top: 55px; /* = height of sticky tabs above */
	background-color: #FFF;
	padding: 10px 0;
	margin-bottom: 0;
	border-bottom: 1px solid #dee2e6;
	/* z-index: 1; */ /* otherwise bootstrap cards overlapping */
	/* z-index: 1001; */ /* otherwise embedded leaflet controls overlapping */
	/* with z-index, dropdown menu of relationship viewer NOT overlapping */
	/* entweder Fallunterscheidung pro Seite (sehr speziell!) oder negativer z-index für o.g. Controls ? */
	/* https://stackoverflow.com/questions/44022269/bootstrap-dropdown-is-always-behind-a-sticky-element */
}
.dropdown-menu {
	z-index: 1021; /* otherwise sticky regions overlapping */
}
.fixiert {
    position:sticky;
    bottom:0;
}

.homepage .box,
.ckanext-pages-content {
	font-family: "FranziskaRegular",sans-serif;
	font-size: 1.063rem;
	line-height: 1.625rem;
	letter-spacing: normal;
	font-weight: 400;
	color: #121212;
}
.ckanext-pages-content h1,
.ckanext-pages-content h2,
.ckanext-pages-content h3 {
	font-family: "RocGroteskRegular",sans-serif;
}
.ckanext-pages-content h2,
.ckanext-pages-content h3 {
	margin-top: 50px;
}
.ckanext-pages-content p,
.ckanext-pages-content ol,
.ckanext-pages-content ul,
.ckanext-pages-content h3,
.ckanext-pages-content form,
.ckanext-pages-content .table{
	margin-left: 50px !important;
}
.ckanext-pages-content .table{
	width: calc(100% - 50px) !important;
}
.ckanext-pages-content ol,
.ckanext-pages-content ul {
	padding-left: 18px !important;
}
.ckanext-pages-content a {
	text-decoration: underline;
}
.ckanext-pages-content button,
.ckanext-pages-content form {
	font-family: var(--bs-body-font-family);
}

/* Links */

.notes p a[target="_blank"],
body.blog .module-content a {
	/* text-decoration: underline; */
}
.notes p a[target="_blank"]:before,
body.blog .module-content a[target="_blank"]:before {
    font-family: 'Font Awesome 6 Free';
	font-weight: 600;
	content: "\f35d\2800"; /* Alternate External Link */
	margin-right: -6px;
}
.notes p a[target="_self"]:before,
body.blog .module-content a[target="_self"]:before {
    font-family: 'Font Awesome 6 Free';
	font-weight: 600;
	content: "\e163\f2f5"; /* Alternate Sign Out */
	margin-right: -6px;
}
.notes p a.download:before,
body.blog .module-content a.download:before {
    font-family: 'Font Awesome 6 Free';
	font-weight: 600;
	content: "\f019\2800"; /* Download */
	margin-right: -6px;
}
/* .list-group-item:has(a):hover, */
.list-group-item.has-link:hover,
th.dataset-label:hover {
	background-color: #f8f9fa;
}
.list-group-item.has-link a:hover {
	text-decoration: none;
}
.list-group-item.has-link,
th.dataset-label {
	cursor: pointer;
}

/* Card */

.card-header h3,
.card-footer h3 {
	display: inline;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	-webkit-text-size-adjust: 100%;
	margin-bottom: 0;
}

/*
.card-header,
.card-footer {
	background-color: var(--hw-color2);
}
*/
/* Resource List */
/*
section#dataset-resources .card,
section#dataset-resources .card-header,
section#dataset-resources .card-footer {
	color: var(--bs-white);
	background-color: var(--hw-color1);
}
*/
section#dataset-resources .card,
section#dataset-resources .card a {
	color: var(--bs-white);
	background-color: var(--hw-color1);
}
/*
section#dataset-resources .card a {
	color: var(--hw-kick);
}
*/
section#dataset-resources .card:hover {
	color: var(--bs-body-color);
	background-color: var(--hw-color2) !important;
}
section#dataset-resources .card:hover a {
	color: var(--hw-standard);
	text-decoration: none;
}
.resource-item {
	padding: 0;
	border-radius: 0.25rem;
}

/* Resource View */

.row > section.module-resource {
	padding-left: 0;
	padding-right: 0;
}
section.module-resource {
	border-top: 1px solid #ddd;
	border-radius: 0;
}
header.page-header.module-content {
	margin-top: 0;
}
.resource-view {
	margin-top: 0; /* default 20px */
}
.resource-view .actions {
	margin-right: 10px;
	margin-top: -52px;
	z-index: 1025;
	margin-bottom: 0;
}
.resource-view > p {
	margin-left: 10px;
	margin-right: 10px;
}
.ckanext-datapreview {
	padding: 0 10px 10px 10px;
}
.ckanext-datapreview iframe {
	min-height: calc(100vh - 75px);
	/* border: 1px solid #ddd; */
}

.resource-view #geoview {
	height: calc(100vh - 75px) !important;
}

.fa.fa-json {
	width: 16px;
	height: 16px;
	background: url('icon/brackets-curly.png');
	background-repeat: no-repeat;
	background-size: 80%;
	background-position-y: 3px;
}

/* Tag List */

ul.tag-list {
	padding: 0;
	background-color: transparent;
	border: none;
	margin-bottom: -4px;
}

/* Accordion */

.accordion-item {
	border-color: var(--hw-border);
}
.accordion-item button:hover {
	background-color: var(--hw-color2) !important;
}
.accordion-item section > h2 {
	border-bottom: none;
}
.accordion-item:last-child section > h2 {
	border-bottom: 1px solid var(--hw-border); /* #dee2e6 */
}

.main .secondary {
	padding-right: 0;
}
aside.secondary {
	/* background: var(--hw-color2); */
	border-right: 1px solid var(--hw-border);
}
aside.secondary.right {
	border-right: none;
	border-left: 1px solid var(--hw-border);
}
aside.secondary .accordion.sticky-top,
aside.secondary .hessen-treeview.sticky-top,
aside.secondary .hessen-treelist.sticky-top {
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 100vh;
}
.secondary button.accordion-button {
	padding-left: 2px;
	padding-right: 5px;
}
.secondary button.accordion-button span {
	text-align: left;
	min-width: 45px;
	margin-right: 5px;
}
.secondary button.accordion-button.collapsed {
	background-color: var(--hw-standard);
	color: #FFF;
}
.secondary button.accordion-button:not(.collapsed) {
	background-color: var(--hw-dark);
	color: #FFF;
}
aside.secondary .accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.secondary .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	/* width: 30px;
	background-position-x: right; */
}
.secondary .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	/* width: 30px;
	background-position-x: right; */
}
.filters .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.filters .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.secondary .accordion-button i.fa,
.secondary .accordion-button i.fa:before {
	display: inline-block;
	width: 20px !important;
	margin-right: 10px;
	padding-top: 5px;
}
.secondary .accordion .list-group-item {
	padding-left: 9px;
	padding-right: 5px;
}
.secondary .accordion-body {
	padding: 9px;
}

/* Facets */

.filters section {
	background-color: #FFF;
}
.filters h2 {
	background-color: var(--hw-kick);
	top: 0;
	z-index: 1;
}
.filters li.nav-item {
	border-bottom-style: solid;
}
.filters p.module-footer {
	padding: 0;
	border-top: none;
}
.filters p.module-footer a {
	display: block;
	padding: 7px 15px;
	border-top: 1px solid #ddd;
}

/* Button (hessen.de */

.btn-light:disabled, .btn-default:disabled, .btn-light.disabled, .disabled.btn-default {
	opacity: 0.5;
	border-color: #dee2e6;
}

/*
.btn,
a.basic_cart-get-quantity {
 background-color:#fff;
 color:#16191f;
 border:1px solid #737373;
 border-radius:0
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .btn>*,
 a.basic_cart-get-quantity>* {
  position:relative;
  top:0;
  left:0
 }
}
.no-touchevents .btn:hover,
.no-touchevents a.basic_cart-get-quantity:hover {
 color:#fff;
 background-color:var(--hw-standard);
 border:1px solid var(--hw-standard)
}
.btn:not(:disabled):not(.disabled):focus,
a.basic_cart-get-quantity:not(:disabled):not(.disabled):focus,
.btn:not(:disabled):not(.disabled):active,
.btn.active:not(:disabled):not(.disabled),
a.active.basic_cart-get-quantity:not(:disabled):not(.disabled),
.btn.is-active:not(:disabled):not(.disabled),
a.is-active.basic_cart-get-quantity:not(:disabled):not(.disabled),
a.basic_cart-get-quantity:not(:disabled):not(.disabled):active {
 color:#fff;
 background-color:var(--hw-standard);
 border:1px solid var(--hw-standard)
}
.btn--navbar--toggler,
.btn--navbar--search,
.btn--navbar--medienraum,
.btn--navbar--themen-a-z {
 font-size:1.25rem;
 line-height:1;
 letter-spacing:normal;
 border:none;
 align-items:center
}
@media screen and (min-width:576px) {
 .btn--navbar--toggler,
 .btn--navbar--search,
 .btn--navbar--medienraum,
 .btn--navbar--themen-a-z {
  font-size:1.25rem;
  line-height:1;
  letter-spacing:normal
 }
}
@media screen and (min-width:768px) {
 .btn--navbar--toggler,
 .btn--navbar--search,
 .btn--navbar--medienraum,
 .btn--navbar--themen-a-z {
  font-size:1.375rem;
  line-height:0.91;
  letter-spacing:normal
 }
}
@media screen and (min-width:1024px) {
 .btn--navbar--toggler,
 .btn--navbar--search,
 .btn--navbar--medienraum,
 .btn--navbar--themen-a-z {
  font-size:1.5rem;
  line-height:0.9;
  letter-spacing:normal
 }
}
.btn--navbar--toggler span,
.btn--navbar--search span,
.btn--navbar--medienraum span,
.btn--navbar--themen-a-z span {
 position:relative;
 height:1.125rem
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .btn--navbar--toggler span,
 .btn--navbar--search span,
 .btn--navbar--medienraum span,
 .btn--navbar--themen-a-z span {
  top:.3rem
 }
}
.no-touchevents .btn--navbar--toggler:hover,
.no-touchevents .btn--navbar--search:hover,
.no-touchevents .btn--navbar--medienraum:hover,
.no-touchevents .btn--navbar--themen-a-z:hover {
 background-color:#fff;
 border:none;
 color:var(--hw-standard,#16191f) !important
}
.no-touchevents .btn--navbar--toggler:hover span,
.no-touchevents .btn--navbar--search:hover span,
.no-touchevents .btn--navbar--medienraum:hover span,
.no-touchevents .btn--navbar--themen-a-z:hover span {
 color:var(--hw-standard,#16191f) !important
}
.no-touchevents .btn--navbar--toggler:hover span:after,
.no-touchevents .btn--navbar--search:hover span:after,
.no-touchevents .btn--navbar--medienraum:hover span:after,
.no-touchevents .btn--navbar--themen-a-z:hover span:after {
 position:absolute;
 left:0;
 right:0;
 content:' ';
 display:block;
 border-bottom-width:2px;
 border-bottom-style:solid;
 border-bottom-color:var(--hw-standard,#16191f) !important;
 bottom:-7px
}
@media (min-width:1024px) {
 .no-touchevents .btn--navbar--toggler:hover span:after,
 .no-touchevents .btn--navbar--search:hover span:after,
 .no-touchevents .btn--navbar--medienraum:hover span:after,
 .no-touchevents .btn--navbar--themen-a-z:hover span:after {
  bottom:-8px
 }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .no-touchevents .btn--navbar--toggler:hover span:after,
 .no-touchevents .btn--navbar--search:hover span:after,
 .no-touchevents .btn--navbar--medienraum:hover span:after,
 .no-touchevents .btn--navbar--themen-a-z:hover span:after {
  bottom:-5px
 }
}
@media screen and (-ms-high-contrast:active) and (min-width:1024px),(-ms-high-contrast:none) and (min-width:1024px) {
 .no-touchevents .btn--navbar--toggler:hover span:after,
 .no-touchevents .btn--navbar--search:hover span:after,
 .no-touchevents .btn--navbar--medienraum:hover span:after,
 .no-touchevents .btn--navbar--themen-a-z:hover span:after {
  bottom:-4px
 }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .no-touchevents .btn--navbar--toggler:hover span:after,
 .no-touchevents .btn--navbar--search:hover span:after,
 .no-touchevents .btn--navbar--medienraum:hover span:after,
 .no-touchevents .btn--navbar--themen-a-z:hover span:after {
  position:absolute;
  left:0;
  right:0;
  content:' ';
  display:block;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color:var(--hw-standard,#16191f) !important;
  bottom:-7px
 }
}
@media screen and (-ms-high-contrast:active) and (min-width:1024px),(-ms-high-contrast:none) and (min-width:1024px) {
 .no-touchevents .btn--navbar--toggler:hover span:after,
 .no-touchevents .btn--navbar--search:hover span:after,
 .no-touchevents .btn--navbar--medienraum:hover span:after,
 .no-touchevents .btn--navbar--themen-a-z:hover span:after {
  bottom:-8px
 }
}
@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) and (-ms-high-contrast:active),screen and (-ms-high-contrast:active) and (-ms-high-contrast:none),(-ms-high-contrast:none) and (-ms-high-contrast:none) {
 .no-touchevents .btn--navbar--toggler:hover span:after,
 .no-touchevents .btn--navbar--search:hover span:after,
 .no-touchevents .btn--navbar--medienraum:hover span:after,
 .no-touchevents .btn--navbar--themen-a-z:hover span:after {
  bottom:-5px
 }
}
@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:active) and (min-width:1024px),screen and (-ms-high-contrast:none) and (-ms-high-contrast:active) and (min-width:1024px),screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) and (min-width:1024px),(-ms-high-contrast:none) and (-ms-high-contrast:none) and (min-width:1024px) {
 .no-touchevents .btn--navbar--toggler:hover span:after,
 .no-touchevents .btn--navbar--search:hover span:after,
 .no-touchevents .btn--navbar--medienraum:hover span:after,
 .no-touchevents .btn--navbar--themen-a-z:hover span:after {
  bottom:-4px
 }
}
.btn--navbar--toggler:not(:disabled):not(.disabled):focus,
.btn--navbar--toggler:not(:disabled):not(.disabled):active,
.btn--navbar--search:not(:disabled):not(.disabled):focus,
.btn--navbar--search:not(:disabled):not(.disabled):active,
.btn--navbar--medienraum:not(:disabled):not(.disabled):focus,
.btn--navbar--medienraum:not(:disabled):not(.disabled):active,
.btn--navbar--themen-a-z:not(:disabled):not(.disabled):focus,
.btn--navbar--themen-a-z:not(:disabled):not(.disabled):active {
 background-color:#fff;
 border:none;
 color:var(--hw-standard,#16191f) !important
}
.btn--navbar--toggler:not(:disabled):not(.disabled):focus span,
.btn--navbar--toggler:not(:disabled):not(.disabled):active span,
.btn--navbar--search:not(:disabled):not(.disabled):focus span,
.btn--navbar--search:not(:disabled):not(.disabled):active span,
.btn--navbar--medienraum:not(:disabled):not(.disabled):focus span,
.btn--navbar--medienraum:not(:disabled):not(.disabled):active span,
.btn--navbar--themen-a-z:not(:disabled):not(.disabled):focus span,
.btn--navbar--themen-a-z:not(:disabled):not(.disabled):active span {
 color:var(--hw-standard,#16191f) !important
}
.btn--navbar--toggler:not(:disabled):not(.disabled):focus span:after,
.btn--navbar--toggler:not(:disabled):not(.disabled):active span:after,
.btn--navbar--search:not(:disabled):not(.disabled):focus span:after,
.btn--navbar--search:not(:disabled):not(.disabled):active span:after,
.btn--navbar--medienraum:not(:disabled):not(.disabled):focus span:after,
.btn--navbar--medienraum:not(:disabled):not(.disabled):active span:after,
.btn--navbar--themen-a-z:not(:disabled):not(.disabled):focus span:after,
.btn--navbar--themen-a-z:not(:disabled):not(.disabled):active span:after {
 position:absolute;
 left:0;
 right:0;
 content:' ';
 display:block;
 border-bottom-width:2px;
 border-bottom-style:solid;
 border-bottom-color:var(--hw-standard,#16191f) !important;
 bottom:-7px
}
@media (min-width:1024px) {
 .btn--navbar--toggler:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--toggler:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):active span:after {
  bottom:-8px
 }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .btn--navbar--toggler:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--toggler:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):active span:after {
  bottom:-5px
 }
}
@media screen and (-ms-high-contrast:active) and (min-width:1024px),(-ms-high-contrast:none) and (min-width:1024px) {
 .btn--navbar--toggler:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--toggler:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):active span:after {
  bottom:-4px
 }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .btn--navbar--toggler:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--toggler:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):active span:after {
  position:absolute;
  left:0;
  right:0;
  content:' ';
  display:block;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color:var(--hw-standard,#16191f) !important;
  bottom:-7px
 }
}
@media screen and (-ms-high-contrast:active) and (min-width:1024px),(-ms-high-contrast:none) and (min-width:1024px) {
 .btn--navbar--toggler:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--toggler:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):active span:after {
  bottom:-8px
 }
}
@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) and (-ms-high-contrast:active),screen and (-ms-high-contrast:active) and (-ms-high-contrast:none),(-ms-high-contrast:none) and (-ms-high-contrast:none) {
 .btn--navbar--toggler:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--toggler:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):active span:after {
  bottom:-5px
 }
}
@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:active) and (min-width:1024px),screen and (-ms-high-contrast:none) and (-ms-high-contrast:active) and (min-width:1024px),screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) and (min-width:1024px),(-ms-high-contrast:none) and (-ms-high-contrast:none) and (min-width:1024px) {
 .btn--navbar--toggler:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--toggler:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--search:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--medienraum:not(:disabled):not(.disabled):active span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):focus span:after,
 .btn--navbar--themen-a-z:not(:disabled):not(.disabled):active span:after {
  bottom:-4px
 }
}
.btn--navbar--toggler[data-expanded="true"],
.btn--navbar--search[data-expanded="true"],
.btn--navbar--medienraum[data-expanded="true"],
.btn--navbar--themen-a-z[data-expanded="true"] {
 background-color:#fff;
 color:var(--hw-standard,#16191f) !important
}
@media (min-width:1366px) {
 .btn--navbar--toggler[data-expanded="true"]:after,
 .btn--navbar--search[data-expanded="true"]:after,
 .btn--navbar--medienraum[data-expanded="true"]:after,
 .btn--navbar--themen-a-z[data-expanded="true"]:after {
  position:absolute;
  content:" ";
  width:0;
  height:2px;
  background-color:var(--hw-standard,#16191f) !important
 }
 .btn--navbar--toggler[data-expanded="true"][data-expanded="true"]:after,
 .btn--navbar--search[data-expanded="true"][data-expanded="true"]:after,
 .btn--navbar--medienraum[data-expanded="true"][data-expanded="true"]:after,
 .btn--navbar--themen-a-z[data-expanded="true"][data-expanded="true"]:after {
  position:absolute;
  width:100%;
  -webkit-transition:width 0.2s ease-in-out;
  transition:width 0.2s ease-in-out;
  z-index:-1
 }
}
@media (max-width:1439.98px) {
 .btn--navbar--toggler .icon svg,
 .btn--navbar--search .icon svg,
 .btn--navbar--medienraum .icon svg,
 .btn--navbar--themen-a-z .icon svg {
  width:32px;
  height:32px
 }
}
@media (min-width:1366px) {
 .btn--navbar--search,
 .btn--navbar--medienraum,
 .btn--navbar--themen-a-z {
  padding-left:.75rem
 }
}
@media (min-width:1366px) {
 .btn--navbar--search {
  padding-left:.25rem
 }
}
.btn--navbar--close {
 border:none;
 background-color:transparent;
 padding:0 0 0 .75rem
}
.btn--navbar--close span {
 position:relative
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .btn--navbar--close span {
  top:4px
 }
}
.no-touchevents .btn--navbar--close:hover {
 background-color:transparent;
 color:var(--hw-standard);
 border:none
}
.no-touchevents .btn--navbar--close:hover>span:after {
 position:absolute;
 left:0;
 right:0;
 content:' ';
 display:block;
 border-bottom-width:2px;
 border-bottom-style:solid;
 border-bottom-color:var(--hw-standard,#16191f) !important;
 bottom:-3px
}
@media (min-width:1024px) {
 .no-touchevents .btn--navbar--close:hover>span:after {
  bottom:-4px
 }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .no-touchevents .btn--navbar--close:hover>span:after {
  bottom:-1px
 }
}
@media screen and (-ms-high-contrast:active) and (min-width:1024px),(-ms-high-contrast:none) and (min-width:1024px) {
 .no-touchevents .btn--navbar--close:hover>span:after {
  bottom:0px
 }
}
.btn--navbar--close:not(:disabled):not(.disabled):focus,
.btn--navbar--close:not(:disabled):not(.disabled):active {
 background-color:transparent;
 color:var(--hw-standard);
 border:none
}
.btn--navbar--close:not(:disabled):not(.disabled):focus>span:after,
.btn--navbar--close:not(:disabled):not(.disabled):active>span:after {
 position:absolute;
 left:0;
 right:0;
 content:' ';
 display:block;
 border-bottom-width:2px;
 border-bottom-style:solid;
 border-bottom-color:var(--hw-standard,#16191f) !important;
 bottom:-3px
}
@media (min-width:1024px) {
 .btn--navbar--close:not(:disabled):not(.disabled):focus>span:after,
 .btn--navbar--close:not(:disabled):not(.disabled):active>span:after {
  bottom:-4px
 }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .btn--navbar--close:not(:disabled):not(.disabled):focus>span:after,
 .btn--navbar--close:not(:disabled):not(.disabled):active>span:after {
  bottom:-1px
 }
}
@media screen and (-ms-high-contrast:active) and (min-width:1024px),(-ms-high-contrast:none) and (min-width:1024px) {
 .btn--navbar--close:not(:disabled):not(.disabled):focus>span:after,
 .btn--navbar--close:not(:disabled):not(.disabled):active>span:after {
  bottom:0px
 }
}
.bg-offcanvas-dark .btn--navbar--close {
 color:#fff
}
.no-touchevents .bg-offcanvas-dark .btn--navbar--close:hover {
 color:#fff !important
}
.no-touchevents .bg-offcanvas-dark .btn--navbar--close:hover>span:after {
 border-bottom-color:#fff !important
}
.bg-offcanvas-dark .btn--navbar--close:not(:disabled):not(.disabled):focus,
.bg-offcanvas-dark .btn--navbar--close:not(:disabled):not(.disabled):active {
 color:#fff !important
}
.bg-offcanvas-dark .btn--navbar--close:not(:disabled):not(.disabled):focus>span:after,
.bg-offcanvas-dark .btn--navbar--close:not(:disabled):not(.disabled):active>span:after {
 border-bottom-color:#fff !important
}
.btn--navbar--close.hide {
 display:none !important
}
.btn--focus {
 padding:.75rem;
 margin:0 .25rem
}
.no-touchevents .btn--focus {
 margin:.25rem .5rem
}
.btn--focus.nav-link {
 display:inline-flex
}
.btn--focus:first-of-type {
 margin-left:0
}
@media (min-width:1366px) {
 .btn--focus {
  margin:.25rem 1.25rem
 }
 .btn--focus:first-of-type {
  margin-left:.75rem
 }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .btn--focus {
  padding-top:1rem;
  padding-bottom:.5rem
 }
}
*/

/* Arrow Badge (inspired by https://codepen.io/peterbenoit/pen/GRpLVEw */

.arrow-badge {
	padding: 0.5em 0.8em;
	/* wegen Format-Badges: */
	border: none !important;
}

.arrow-badge.badge-primary {
  background-color: var(--ab-primary) !important;
}
.arrow-badge.badge-primary.badge-right:after {
  border-left-color: var(--ab-primary);
}
.arrow-badge.badge-primary.badge-left:before {
  border-right-color: var(--ab-primary);
}






.arrow-badge {
  /* font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: normal; */
  position: relative;
}
.arrow-badge:after, .arrow-badge:before {
  position: absolute;
  display: inline-block;
  top: 0;
  content: "";
}
.arrow-badge.badge-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.arrow-badge.badge-right:after {
  border-top: 0.75rem solid transparent;
  border-left: 1rem solid;
  border-bottom: 0.75rem solid transparent;
  right: -1rem;
}
.arrow-badge.badge-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.arrow-badge.badge-left:before {
  border-top: 0.75rem solid transparent;
  border-right: 1rem solid;
  border-bottom: 0.75rem solid transparent;
  left: -1rem;
}
.arrow-badge.badge-left {
  margin-left: 16px;
}

/* Capabilities */

.resource-view .table tbody tr:first-child th:first-child {
	width: 200px;
}
.ckanext-datapreview > div > .table,
.ckanext-datapreview .treeview ul.listgroup {
	margin-bottom: 0;
}
.ckanext-datapreview h2:not(:first-child) {
	margin-top: 20px;
}
.resource-view .table td,
.resource-view .table th {
	padding-top: 5px;
	padding-bottom: 5px;
}
.resource-view .table td,
.resource-view .table th {
	margin-bottom: 5px;
}
.resource-view .table .table {
	margin: -5px 0;
}
/*
.resource-view .table > tbody > tr > td > .table:not(:last-child) tbody tr:last-child th,
.resource-view .table > tbody > tr > td > .table:not(:last-child) tbody tr:last-child td {
	border-bottom: none;
}
*/
.resource-view #accordionCapability .accordion-button {
	padding: 1rem 1.25rem;
}
.resource-view .accordion-button:after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.resource-view .accordion-button:hover {
	background-color: #eee;
}
.resource-view  a.badge-default:hover {
	background-color: #000 !important;
}
.resource-view div.collapse .card-body {
	/* padding: 0 1rem; */
}
.resource-view div.collapse .card-body .table {
	/* margin-bottom: 0; */
}
.resource-view div.collapse .card-body > .table  > tbody > tr:last-child > th,
.resource-view div.collapse .card-body > .table > tbody > tr:last-child > td {
	border-bottom-width: 0;
}
.resource-view div.collapse .card-body > .table > tbody > tr > td .table:last-child {
	margin-bottom: -5px;
}

/* Bounding Box */

.bounding-box {
  font-size: 100%;
  /* <-- adjust this to proportiantly scale everything */
  /* outline: 1px dotted red; */
}
.bounding-box li {
  list-style-type: none;
}
.bounding-box .col-container,
.bounding-box .row-container {
  display: flex;
  width: 3em;
}
.bounding-box .col-container {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.bounding-box .row-container {
  justify-content: space-between;
  flex-direction: row;
}

/* Tree + Treeview */

/* Bugfixes: */
ul.hierarchy-tree-top {
	list-style-type: none !important;
	padding-left: 0;
}
ul.hierarchy-tree li:last-child {
	/* background-color: transparent !important; */
	/* kein Bug - denn sorgt dafür, dass der letzte Ast mit einem Winkel endet (geht somit aber nur auf weiß) */
}
aside.secondary .treeview li {
	/* border-bottom: 1px solid #dee2e6; */
	border-bottom: 1px solid var(--hw-border);
}
.treeview .node-icon {
	width: 16px !important;
}
#treeview-topic.treeview span.indent {
	/*
	nur wenn auf erster Ebene .node-icon gesetzt ist:
	(wenn im JSON icon enthalten ist, dann class an #treeview-group setzen)
	einstweilen fest verdrahtet auf #treeview-topic
	gilt eigentlich nur für Einrückung der 2. Ebene, weil über nachfolgenden Ebenen keine Icons mehr stehen
	es fehlt aber noch eine CSS-Klasse, welche die Tiefe der Ebene angibt
	*/
	margin-left: 18px !important;
	margin-right: 18px !important;
}

/* Masonry Grid */

/* Bugfix (https://github.com/ckan/ckan/issues/4117) */
.row[data-masonry] .col-4 {
	padding-bottom: 24px;
}

/* Popover */

.popover .list-group {
	margin: -0.5rem 0;
}
.popover .list-group-item {
	padding: 0.5rem 0;
}
.popover .list-group-item code pre {
	font-size: 100%;
}
.popover.trace {
	max-width: 500px;
	width: 500px;
}
.popover .list-group-item ul {
	padding-left: 12px;
	margin-bottom: 0;
}

/* Synopsis */

.requirement-level {
	background-color: #FFF;
}
#synopsis th[scope="row"] {
	background-color: #F6F6F6 !important;
}
.requirement-level.must {
	background-color: #ffe6e6;
}
#synopsis .requirement-level.must th[scope="row"] {
	background-color: #ffb3b3 !important;
}
.requirement-level.should {
	background-color: #ffffcc;
}
#synopsis .requirement-level.should th[scope="row"] {
	background-color: #ffff99 !important;
}
.requirement-level.may {
	background-color: #e6ffcc;
}
#synopsis .requirement-level.may th[scope="row"] {
	background-color: #ceff99 !important;
}
.hyphenate {
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
}
#synopsis td div.cell {
	max-width: 240px;
	white-space: pre-wrap;
	overflow: auto;
}
#synopsis .requirement-level th[scope="row"]:hover {
	background-color: #FFF !important;
}

/* Group-Trees Source/Target */

.hierarchy-tree-top li span:hover {
	background-color: #e9ecef;
}
.hierarchy-tree-top li span.missing {
	color: red;
}
.hierarchy-tree-top li span.changed_before,
.hierarchy-tree-top li span.deleted {
	color: red;
	text-decoration: line-through;
}
.hierarchy-tree-top li span.changed_after {
	color: red;
}

/* Forms */

label.form-check-label::after,
label.btn::after {
	content: "";
}
label.btn {
	gap: 0;
}
.hessen-form .form-label {
	margin-bottom: 0;
	font-weight: normal;
	font-size: 90%;
}
.hessen-form .form-label[for="field-email"],
.hessen-form legend,
.lang-select label {
	display: none;
}
.hessen-form label.checkbox {
	font-weight: normal;
}
.hessen-form .form-group {
	margin-bottom: 20px;
}

/* Leaflet */

.leaflet-container {
	background: #FFF !important;
}
.leaflet-control-layers-toggle {
	width: 30px !important;
	height: 30px !important;
	background-image: none !important;
}
.leaflet-control-layers-toggle::after {
	/* https://fontawesome.com/v6/icons/layer-group?f=classic&s=solid */
	content: "\f5fd";
	font-family: "Font Awesome 6 Free" !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	display: inline-block !important;
	width: 100% !important;
	height: 100% !important;
	text-align: center !important;
	padding-top: 4px !important;
	color: #000 !important;
	border-radius: 2px !important;
}
.leaflet-control-layers-list label {
	font-weight: normal;
}
.leaflet-control-layers-list label::after {
	content: "";
}

/* OpenLayers Button (Leaflet Style) */

.ol-control button {
	width: 30px !important;
	height: 30px !important;
	margin: 0 !important;
	border: 2px solid rgba(0,0,0,0.2) !important;
	border-radius: 4px !important;
	font-size: 22px !important;
	color: black !important;
}

/* OpenLayers Fullscreen */

.ol-full-screen {
  left: .5em;
  right: auto !important;
  top: 80px !important;
}

/* OpenLayers Tooltip (Bootstrap Style) */

#ol-tooltip {
	position: absolute;
	display: inline-block;
	height: auto;
	width: auto;
	z-index: 100;
	background-color: #333;
	color: #fff;
	text-align: left;
	border-radius: 4px;
	padding: 5px;
	left: 50%;
	transform: translateX(3%);
	visibility: hidden;
	pointer-events: none;
}
#ol-tooltip ul {
	margin-bottom: 0;
	padding-left: 12px;
}
	  
/* OpenLayers Sidebar */

.sidebar.collapsed {
	width: 46px !important;
}
.sidebar label::after {
	content: "";
}
.sidebar label {
	font-weight: normal;
}

/* Dashboard Tourismus */

.fa.tourismus {
	width: 20px;
}

/* Flask Debug Toolbar: https://github.com/ckan/ckan/issues/6995 */

#flDebug, #flDebug * {
	overflow-x: auto;
	overflow-y: auto;
}

/* Pivot */

.pvtAxisContainer li span.pvtAttr {
	background-color: #333333 !important;
	border: none !important;
	color: white;
}
.pvtAxisContainer.pvtUnused li span.pvtAttr {
	background-color: darkgray !important;
}
.pvtAxisContainer li span.pvtAttr .pvtTriangle {
	color: white;
}
#pivot.card-body > div > p {
	display: none;
}

/* Dictionary */

#dictionary td p:last-child {
	margin-bottom: 0 !important;
}

/* Staging */

.diff {
	background-color: yellow !important;
}
.staging-fields tr th:last-child,
.staging-fields tr td:last-child {
	display: none;
}

/* Timeline (Groups) */

.timeline {
	display: table;
	border-collapse: collapse;
}
.timeline ul {
	display: table-row;
}
.timeline ul li {
	display: table-cell;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.125);
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: a11y-dark
  Author: @ericwbailey
  Maintainer: @ericwbailey

  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
*/
.hljs {
  background: #2b2b2b;
  color: #f8f8f2
}
/* Comment */
.hljs-comment,
.hljs-quote {
  color: #d4d0ab
}
/* Red */
.hljs-variable,
.hljs-template-variable,
.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-deletion {
  color: #ffa07a
}
/* Orange */
.hljs-number,
.hljs-built_in,
.hljs-literal,
.hljs-type,
.hljs-params,
.hljs-meta,
.hljs-link {
  color: #f5ab35
}
/* Yellow */
.hljs-attribute {
  color: #ffd700
}
/* Green */
.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-addition {
  color: #abe338
}
/* Blue */
.hljs-title,
.hljs-section {
  color: #00e0e0
}
/* Purple */
.hljs-keyword,
.hljs-selector-tag {
  color: #dcc6e0
}
.hljs-emphasis {
  font-style: italic
}
.hljs-strong {
  font-weight: bold
}
@media screen and (-ms-high-contrast: active) {
  .hljs-addition,
  .hljs-attribute,
  .hljs-built_in,
  .hljs-bullet,
  .hljs-comment,
  .hljs-link,
  .hljs-literal,
  .hljs-meta,
  .hljs-number,
  .hljs-params,
  .hljs-string,
  .hljs-symbol,
  .hljs-type,
  .hljs-quote {
    color: highlight
  }
  .hljs-keyword,
  .hljs-selector-tag {
    font-weight: bold
  }
}