body {
    font-family: sans-serif;
    margin: 20px;
    font-size: 13px;
}

h3 {
	font-size: 16px;
}

.pitem {
	font-size: 13px;
}

#results .item a {
	font-weight: bold;
}

.itempart {
	display: inline-block;
	width: 200px;
	float: left;
}

.itempart .ficon-book,
.itempart .ficon-location-1,
.itempart .ficon-certificate {
	color: #888 !important;
}

#load {
    display: none;
    width: 100%;
    text-align: center;
    margin: 1em 0;
}

#search {
    margin-bottom: 2em;
    border: solid 2px #d90776;
    border-radius: 8px;
    padding: 1em 1em 0.2em 1em;
    background: #f7f7f7;
}

#search .table {
    display: table;
    text-align: center;
    width: 100%;
    border-collapse: separate;
}

#search .table-row {
    display: table-row;
}

#search .theader {
    display: table-row;
}

#search .table-header {
    display: table-cell;
    border-bottom: #ccc 1px solid;
    border-top: #ccc 1px solid;
    background: #d90776;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
}

#search .table-header:first-child {
    border-left: #ccc 1px solid;
    border-top-left-radius: 5px;
}

#search .table-header:last-child {
    border-right: #ccc 1px solid;
    border-top-right-radius: 5px;
}

#search .table-small {
    display: table-cell;
    height: 30px;
}

#search .table-row > .table-small > .table-cell:nth-child(odd) {
    display: none;
    background: #d90776;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

#search .table-row > .table-small > .table-cell {
    padding-top: 3px;
    padding-bottom: 3px;
    color: #000;
    background: #fff;
    border-bottom: #ccc 1px solid;
    border-right: #dedede 0.1px solid;
}

#search .table-row > .table-small:first-child > .table-cell {
    border-left: #ccc 1px solid;
}

#search .table-row > .table-small:last-child > .table-cell {
    border-right: #ccc 1px solid;
}

#search .table-row:last-child > .table-small:last-child > .table-cell:last-child {
    border-bottom-right-radius: 5px;
}

#search .table-row:last-child > .table-small:first-child > .table-cell:last-child {
    border-bottom-left-radius: 5px;
}

#search .table-row:nth-child(2n+3) {
    background: #e9e9e9;
}


#search .table {
	width: 100%
}


#search .table {
	display: block;
}
#search .table-row:nth-child(2n+3) {
	background: none;
}
#search .theader {
	display: none;
}
#search .table-row > .table-small > .table-cell:nth-child(odd) {
	display: table-cell;
	width: 30%;
}
#search .table-cell {
	display: table-cell;
	width: 70%;
	text-align: left;
	padding: 0 1em;
}
#search .table-head {
	font-weight: bold;
}
#search .table-row {
	display: table;
	width: 100%;
	border-collapse: separate;
	padding-bottom: 20px;
	margin: 0 auto;
	text-align: center;
}
#search .table-small {
	display: table-row;
}
#search .table-row > .table-small:first-child > .table-cell:last-child {
	border-left: none;
}
#search .table-row > .table-small > .table-cell:first-child {
	border-left: #ccc 1px solid;
}
#search .table-row > .table-small:first-child > .table-cell:first-child {
	border-top-left-radius: 5px;
	border-top: #ccc 1px solid;
}
#search .table-row > .table-small:first-child > .table-cell:last-child {
	border-top-right-radius: 5px;
	border-top: #ccc 1px solid;
}
#search .table-row > .table-small:last-child > .table-cell:first-child {
	border-right: none;
}
#search .table-row > .table-small > .table-cell:last-child {
	border-right: #ccc 1px solid;
}
#search .table-row > .table-small:last-child > .table-cell:first-child {
	border-bottom-left-radius: 5px;
}
#search .table-row > .table-small:last-child > .table-cell:last-child {
	border-bottom-right-radius: 5px;
}

.filters {
    width: 100%;
}

#results {
    width: 100%;
}

.results .item {
    margin-bottom: 1em;
    padding: 14px 14px;
    background: #f5f5f5;
    border: 1px solid #ddd;
	border-radius: 10px;
}


.xpagination {
    width: 100%;
    text-align: center;
    margin: 1em 0;
}

.pagination-btn {
    background: #d90776;
    color: #fff;
    border: none;
    padding: 6px 10px;
    margin: 0 1em;
    cursor: pointer;
    border-radius: 6px;
    font-size: 11px;
	white-space: nowrap;
    -webkit-transition: color .2s, background .2s, height .2s;
        -moz-transition: color .2s, background .2s, height .2s;
        -o-transition: color .2s, background .2s, height .2s;
        -ms-transition: color .2s, background .2s, height .2s;
        transition: color .2s, background .2s, height .2s;
}
  
#filterSearch,
#textSearch {
    cursor: pointer;
    margin: 0;
    padding: 10px 10px;
    font-style: italic;
    width: auto;
    max-width: 100px;
	white-space: nowrap;
    -webkit-transition: color .2s, background .2s, height .2s;
        -moz-transition: color .2s, background .2s, height .2s;
        -o-transition: color .2s, background .2s, height .2s;
        -ms-transition: color .2s, background .2s, height .2s;
        transition: color .2s, background .2s, height .2s;
}
  
.pagination-btn:hover {
    background: #52052e;
}

select {
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid #ccc;
    background-color: white;
    appearance: none; /* entfernt Browser-Styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="gray" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    width: 100%;
	min-width: 200px;
	max-width: 100%;
    cursor: pointer;
}

@media screen and (max-width: 1000px) {
	
	select {
		width: 100%;
		min-width: 100px;
		max-width: 100%;
	}
	
}

input[type="checkbox"] {
    margin: 0;
	margin-left: 6px;
    width: auto;
}

#autocomplete {
    border-radius: 8px;
    background-color: white;
    width: 100%;
    max-width: 500px;
}

#autocomplete-list {
    position: absolute;
    border: 0px solid #ccc;
    background: #f1f1f1;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
}

.autocomplete-item {
    padding: 5px;
    cursor: pointer;
}

.autocomplete-item:hover {
    background-color: #e0e0e0
}

.suchfeld-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 1em;
}

.suchfeld {
    width: 100%;
    padding: 10px 10px 10px 40px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 25px;
    box-sizing: border-box;
}

.suchfeld:focus {
    border-color: #007bff;
    outline: none;
}

.lupe {
    position: absolute;
    top: 45%;
    left: 12px;
    width: 12px;
    height: 12px;
    border: 2px solid #d90776;
    border-radius: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.lupe:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 8px;
    background: #d90776;
    transform: rotate(45deg);
    bottom: -7px;
    right: 10px;
    transform-origin: top left;
}

.lupe:hover {
    background: #f4f4f4;
}

.xloader {
    width: 40px;
    margin: 1em auto;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #d90776;
    --_m: 
      conic-gradient(#0000 10%,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
  }

  @keyframes l3 {to{transform: rotate(1turn)}}