.stengel-datatable-container{max-width:100%;margin:20px 0}.datatable-filter{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:20px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end}.datatable-filter form{display:flex;flex-direction:column;width:100%;gap:1rem}@media(min-width: 768px){.datatable-filter form{flex-direction:row}}.datatable-filter form div{display:flex;flex-direction:column;flex:1 1 50%}.datatable-filter form div label{font-weight:600;color:#23282d;margin-bottom:5px;display:block;font-size:14px}.datatable-filter form div select,.datatable-filter form div input[type=text]{border:1px solid #ddd;background-color:#fff;border-radius:4px;padding:8px 12px;font-size:14px;min-width:200px;transition:border-color .2s ease-in-out}.datatable-filter form div select:focus,.datatable-filter form div input[type=text]:focus{outline:none;border-color:#ad3432;box-shadow:0 0 0 1px #ad3432}.datatable-filter form div input[type=text]{min-width:250px}.datatable{width:100%;border-collapse:collapse;background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.datatable thead{background:#f1f1f1;border-bottom:2px solid #ddd}.datatable thead th{padding:12px 15px;text-align:left;font-weight:600;color:#23282d;border-right:1px solid #ddd;position:relative}.datatable thead th:last-child{border-right:none}.datatable thead th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease-in-out}.datatable thead th.sortable:hover{background:#e8e8e8}.datatable thead th.sortable .sort-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-bottom:6px solid #ccc;transition:all .2s ease-in-out}.datatable thead th.sortable .sort-indicator::after{content:"";position:absolute;top:8px;left:-4px;width:0;height:0;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:6px solid #ccc;transition:all .2s ease-in-out}.datatable thead th.sortable.sort-asc .sort-indicator{border-bottom-color:#ad3432}.datatable thead th.sortable.sort-asc .sort-indicator::after{border-top-color:#ccc}.datatable thead th.sortable.sort-desc .sort-indicator{border-bottom-color:#ccc}.datatable thead th.sortable.sort-desc .sort-indicator::after{border-top-color:#ad3432}.datatable tbody tr{border-bottom:1px solid #ddd;transition:background-color .2s ease-in-out}.datatable tbody tr:hover{background:#f8f9fa}.datatable tbody tr:last-child{border-bottom:none}.datatable tbody tr.hidden{display:none}.datatable tbody tr td{padding:12px 15px;border-right:1px solid #ddd;color:#555}.datatable tbody tr td:last-child{border-right:none}.datatable tbody tr td[colspan]{text-align:center;color:#999;font-style:italic;padding:30px 15px}@media(max-width: 768px){.datatable-filter{flex-direction:column;align-items:stretch}.datatable-filter select,.datatable-filter input[type=text]{min-width:auto;width:100%}.datatable{font-size:14px}.datatable thead th,.datatable tbody td{padding:8px 10px}}@media(max-width: 600px){.datatable thead{display:none}.datatable tbody tr{display:block;border:1px solid #ddd;margin-bottom:10px;border-radius:4px;padding:10px}.datatable tbody tr td{display:block;border:none;border-bottom:1px solid #eee;padding:8px 0;text-align:left}.datatable tbody tr td:last-child{border-bottom:none}.datatable tbody tr td::before{content:attr(data-column) ": ";font-weight:600;color:#23282d;text-transform:capitalize}.datatable tbody tr td[data-column=breed]::before{content:"Rasse: "}.datatable tbody tr td[data-column=ring_size_male]::before{content:"Ringgröße M: "}.datatable tbody tr td[data-column=ring_size_female]::before{content:"Ringgröße W: "}}.datatable-loading{position:relative}.datatable-loading::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:10}.datatable th[aria-sort][aria-sort=ascending] .sort-indicator{border-bottom-color:#ad3432}.datatable th[aria-sort][aria-sort=ascending] .sort-indicator::after{border-top-color:#ccc}.datatable th[aria-sort][aria-sort=descending] .sort-indicator{border-bottom-color:#ccc}.datatable th[aria-sort][aria-sort=descending] .sort-indicator::after{border-top-color:#ad3432}.stengel-datatable-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 0;border-top:1px solid #ddd;font-size:14px;flex-wrap:wrap;gap:15px}.stengel-datatable-pagination .pagination-info{color:#555;font-weight:500}.stengel-datatable-pagination .pagination-info .entries-start,.stengel-datatable-pagination .pagination-info .entries-end,.stengel-datatable-pagination .pagination-info .entries-total{font-weight:600;color:#ad3432}.stengel-datatable-pagination .pagination-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.stengel-datatable-pagination .pagination-controls .pagination-size{display:flex;align-items:center;gap:8px}.stengel-datatable-pagination .pagination-controls .pagination-size label{font-weight:500;color:#555;white-space:nowrap}.stengel-datatable-pagination .pagination-controls .pagination-size select{border:1px solid #ddd;border-radius:4px;padding:6px 10px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s ease-in-out}.stengel-datatable-pagination .pagination-controls .pagination-size select:focus{outline:none;border-color:#ad3432;box-shadow:0 0 0 1px #ad3432}.stengel-datatable-pagination .pagination-controls .pagination-nav{display:flex;align-items:center;gap:5px}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-btn{border:1px solid #ddd;background:#fff;color:#555;padding:8px 12px;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s ease-in-out;min-width:40px;height:36px;display:flex;align-items:center;justify-content:center}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f9f9f9;color:#999}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-btn:focus{outline:none;border-color:#ad3432;box-shadow:0 0 0 1px #ad3432}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages{display:flex;align-items:center;gap:2px;margin:0 5px}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages .pagination-page{border:1px solid #ddd;background:#fff;color:#555;padding:8px 12px;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s ease-in-out;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages .pagination-page:hover:not(:disabled){background:#f5f5f5;border-color:#999}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages .pagination-page.current-page{background:#ad3432;color:#fff;border-color:#ad3432;cursor:default}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages .pagination-page:disabled{background:#ad3432;color:#fff;border-color:#ad3432;cursor:default}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages .pagination-page:focus{outline:none;border-color:#ad3432;box-shadow:0 0 0 1px #ad3432}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages .pagination-ellipsis{padding:8px 4px;color:#999;font-size:14px;height:36px;display:flex;align-items:center;justify-content:center}@media(max-width: 768px){.stengel-datatable-pagination{flex-direction:column;align-items:stretch;gap:15px}.stengel-datatable-pagination .pagination-info{text-align:center}.stengel-datatable-pagination .pagination-controls{flex-direction:column;gap:15px}.stengel-datatable-pagination .pagination-controls .pagination-size{justify-content:center}.stengel-datatable-pagination .pagination-controls .pagination-nav{justify-content:center;flex-wrap:wrap}}@media(max-width: 600px){.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-btn,.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages .pagination-page{padding:6px 8px;min-width:32px;height:32px;font-size:12px}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages .pagination-ellipsis{padding:6px 2px;height:32px;font-size:12px}}@media(max-width: 600px){.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages{max-width:100%;overflow-x:auto;scrollbar-width:thin}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages::-webkit-scrollbar{height:4px}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.stengel-datatable-pagination .pagination-controls .pagination-nav .pagination-pages::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}}