@charset "UTF-8";

@media all {
	form .search-filter > div:last-child {
		display: flex;
		align-items: flex-end;
	}

	form > div:last-child {
		display: flex;
		justify-content: flex-end;
		column-gap: 15px;
	}

	form > details[open] + div:last-child > button:last-child {
		display: block;
	}

	details {
		margin: 0 !important;
	}

	details summary {
		cursor: pointer;
	}

	details > .row {
		margin-top: 15px;
	}

	details:not([open]) summary svg {
		transform: rotate(0deg);
		transition: transform .15s ease-in-out;
	}

	details[open] summary svg {
		transform: rotate(180deg);
		transition: transform .15s ease-in-out;
	}

	#search-form .row div label > input, select {
		border: 1px solid;
		padding: 7px 0 6px 10px;
	}

	.form-group.filter span {
		font-size: 18px !important;
	}

	.exact_search {
		display: flex;
		flex-direction: row;
	}

	.exact_search span {
		font-weight: var(--light) !important;
		margin: 0 !important;
		padding-left: 10px;
	}

	.search-entries__wrapper {
		margin-top: 50px;
		margin-bottom: 40px;
		border-bottom: 2px solid var(--primary);
		padding-bottom: 30px;
	}

	.search-entries__wrapper:last-child {
		border-bottom: none;
	}

	.search-entries__wrapper a {
		text-decoration: none;
	}

	.search-entries__wrapper h2, .search-entries__wrapper p {
		margin: 0 5px 0 0;
		color: var(--text);
		text-decoration: none;
	}

	.search-entries__wrapper:hover h2 {
		text-decoration: underline 2px;
	}

	.search-entries__date {
		color: var(--text);
		align-self: center;
		margin-left: auto;
	}

	.title {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.form-group a {
		color: var(--text);
		line-height: 40px;
	}

	input[type="radio"], input[type="checkbox"] {
		accent-color: var(--text);
	}

	.search-entries__highlight {
		background-color: var(--primary-transparent);
	}

	details summary {
		font-weight: var(--bold);
	}

	.submit {
		display: flex;
		justify-content: flex-end;
	}

	button.btn.icon {
		display: block;
		height: max-content;
		font-size: 20px;
	}

	/* Paginierung */
	.pagination__wrapper {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		column-gap: 5px;
		margin: 40px 0 70px;
	}

	.pagination__wrapper .pagination__item button {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 30px;
		height: 30px;
		border: 1px solid transparent;
		border-radius: 50%;
		background-color: transparent;
		padding: 0;
		margin: 0 20px;
		color: var(--text);
		font-size: 18px;
		font-weight: var(--normal);
		text-decoration: underline;
	}

	.pagination__wrapper .pagination__item button[disabled] {
		text-decoration: none;
	}

	.pagination__wrapper .pagination__item.arrow-left button svg {
		position: relative;
		right: 2px;
	}

	.pagination__wrapper .pagination__item.arrow-right button svg {
		position: relative;
		left: 2px;
	}

	.pagination__wrapper .pagination__item:not(.active) button:not([disabled]):hover {
		border-color: var(--primary);
		cursor: pointer;
		text-decoration: none;
	}

	.pagination__wrapper .pagination__item.active button {
		color: var(--primary);
		text-decoration: none;
		cursor: default;
	}
	/* Paginierung ende */

	/* Icons */
	.search-entries__wrapper .downloads__wrapper {
		border: none;
		padding: unset;
	}

	.downloads__wrapper ul {
		padding: 0;
	}

	.downloads__wrapper li {
		list-style-type: none;
		display: flex;
		flex-wrap: wrap;
	}

	.downloads__wrapper span {
		color: var(--text);
		padding: 0 2px;
	}

	.search-entries__wrapper .downloads__wrapper .downloads__file-icon svg,
	.search-entries__wrapper .downloads__wrapper .downloads__download-icon svg {
		fill: var(--primary);
		width: 20px;
		height: 20px;
	}

	.search-entries__wrapper a:hover .downloads__wrapper .downloads__download-icon svg {
		fill: var(--primary);
	}

	.downloads__wrapper .downloads__separator {
		flex-grow: 1;
		margin: 0 5px 7px 5px;
		border-bottom: 2px dotted var(--primary);
	}
	/* Icons */
}

@media (max-width: 576px) {
	.downloads__wrapper .downloads__separator {
		display: none;
	}

	.search-entries__wrapper {
		padding-bottom: 15px;
	}

	.title {
		flex-wrap: wrap;
	}

	.title .search-entries__date {
		padding-top: 10px;
		margin-left: calc(100% - 80px);
	}

	.pagination__item button {
		margin: 0 10px !important;
	}

	.form-group.filter {
		padding-bottom: 30px;
	}
}