.rd-paginator {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 8px;
	padding-bottom: 20px;
}

/* Standalone navigation-only paginator (no goto/count blocks): center it */
pc-testimonial-selector .rd-paginator {
	justify-content: center;
}

.rd-paginator_goto {
	display: flex;
	align-items: center;
}

.rd-paginator_goto .rd-paginator_goto-label,
.rd-paginator_count-label {
	font-size: var(--rd-fontsize-3) !important;
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	margin-left: 10px;
	margin-bottom: 0;
}

.rd-paginator_goto input,
.rd-paginator select {
	width: auto;
	text-align: center;
	border-radius: 4px;
	border: 1px solid var(--rd-input-default);
	background: var(--rd-list-default-light);
	padding: var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	margin-left: 10px;
}

.rd-paginator_goto input {
	width: 40px;
	height: 38px;
}

.rd-paginator_pages {
	display: flex;
	gap: var(--rd-spacing-x-sm);
}

.rd-paginator_page {
	display: inline-block;
	padding: 10px;
	font-size: var(--rd-fontsize-3);
	/* font-style: normal; */
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	/* 14.52px */
	color: var(--rd-font-dark);
	border: var(--rd-borderwidth-border-default) solid #cccccc;
	border-radius: var(--rd-borderradius-border-md);
	min-width: 36px;
	height: 36px;
	text-align: center;
}

.rd-paginator_page:hover {
	background-color: var(--rd-primary-inactive);
	border-color: var(--rd-primary-inactive);
	color: var(--rd-primary-hover);
}

.rd-paginator_page-active,
.rd-paginator_page-active:hover,
.rd-paginator_page-active:focus,
.rd-paginator_page-active:active,
.rd-paginator_page-active:visited {
	background-color: var(--rd-success-default);
	border-color: var(--rd-success-default);
	color: var(--rd-list-default-light);
	cursor: default;
}

.rd-paginator_navigation {
	display: flex;
	gap: var(--rd-spacing-x-sm);
	align-items: center;
}

.rd-paginator_navigation-back,
.rd-paginator_navigation-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: var(--rd-font-dark);
	mask-size: 100%;
	-webkit-mask-size: 100%;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2023/svg/icons/paginator-arrow.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/paginator-arrow.svg");
}

.rd-paginator_navigation-back:hover,
.rd-paginator_navigation-next:hover {
	background-color: var(--rd-primary-hover);
}

.rd-paginator_navigation-back {
	transform: scaleX(-1);
}

.rd-paginator_navigation-back-disabled,
.rd-paginator_navigation-next-disabled,
.rd-paginator_navigation-back-disabled:hover,
.rd-paginator_navigation-next-disabled:hover {
	background-color: #ccc;
	cursor: default;
}

.rd-paganator-between {
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-dark);
}

.rd-paganator-between {
	background-image: url(/src/img/2023/svg/svg_img/threePoints.svg);
	background-repeat: no-repeat;
	background-position: 5%;
	background-size: 100%;
	display: inline-block;
	width: 36px;
	height: 36px;
}

@media screen and (max-width: 800px) {
	.rd-paginator {
		display: grid;
		grid-template-areas:
			"MID MID"
			"LEFT RIGHT";
		grid-template-columns: 35% 65%;
		gap: 16px;
		width: calc(100% - 16px);
	}

	.rd-paginator_goto {
		grid-area: LEFT;
	}

	.rd-paginator_navigation {
		grid-area: MID;
		text-align: center;
		width: 100%;
		justify-content: center;
	}

	.rd-paginator_count {
		grid-area: RIGHT;
		text-align: right;
	}

	.rd-paginator {
		grid-template-areas:
			"LEFT RIGHT"
			"MID MID";
	}

	.rd-paginator:last-child {
		grid-template-areas:
			"MID MID"
			"LEFT RIGHT";
	}
}

@media screen and (max-width: 500px) {
	.respons_table .new_instracion_tr {
		margin-bottom: var(--rd-spacing-md);
	}

	.rd-paginator_count:before {
		content: "Anzeige pro Seite";
		display: inline-block;
		font-size: var(--rd-fontsize-3);
		font-weight: var(--rd-fontweights-open-sans-1);
		line-height: var(--rd-lineheights-0);
		color: var(--rd-font-dark);
	}

	.rd-paginator_count-label:first-child {
		display: none;
	}
}

@media screen and (max-width: 400px) {
	.rd-paginator {
		column-gap: 0;
		grid-template-columns: 40% 60%;
		width: 100%;
	}

	.rd-paginator_goto {
		display: block;
	}

	.rd-paginator_count {
		display: flex;
		align-items: center;
	}

	.rd-instr-cont .nit-titel-flex {
		flex-wrap: wrap;
	}
}