a.category-link {
    text-transform: capitalize;
}

.visually-hidden {
	position: absolute !important;
	width:     1px    !important;
	height:    1px    !important;
	margin:   -1px    !important;
	padding:   0      !important;
	overflow:  hidden !important;
	clip: rect(0 0 0 0) !important;
	border:    0      !important;
	white-space: nowrap !important;
}

.entry-title-link {
  color: inherit;
  text-decoration: none;
  display: inline;
}

.entry-title-link:hover,
.entry-title-link:focus {
  text-decoration: underline;
  outline: none;
}

.entry-title-link:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* Style and show/hide for <details> <summary> */

details.en-details > summary,
details.de-details > summary {
    cursor: pointer;
}

/* Closed by default */
details.en-details > summary::after,
details.de-details > summary::after {
    background-color: var(--code-bg);
    border-radius: 15px;
    border: 1px solid var(--primary);
    content: '+';
    float: left;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    width: 30px;
}

/* Hide own marker */
details.en-details > summary::marker,
details.de-details > summary::marker {
    content: ' ';
}

/* Hide text for `open` for now */
details.en-details > summary .hide-details,
details.de-details > summary .hide-details {
    display: none;
}

/* `open` state */
details.en-details:open > summary::after,
details.de-details:open > summary::after {
    content: '-';
}

details.en-details:open > summary .show-details,
details.de-details:open > summary .show-detail {
    display: none;
}

details.en-details:open > summary .hide-details,
details.de-details:open > summary .hide-detail {
    display: inline;
}

/* end <details> <summary> */