.pages .pages_az
{
	display:none;
}

.pages.subnav
{
	z-index:4;	/* wichtig wegen https://www.stadt-brandenburg.de/dienstleistungen */
}

/* 320 */
@media(min-width:320px)
{
	.pages .pages_az,
	.pages .pages_az div
	{
		display:block;
		padding:0;
		height:auto;
		margin:0;
		text-align:left;
	}
	
	.pages .pages_az
	{
		display:inline-block;
		height:30px;
		line-height:32px;
		position:relative;
		margin:0 6px 6px 0;
	}
	
	.pages_az button
	{
		display:block;
		height:30px;
		background:var(--color);
		color:var(--c-white);
		font-weight:500;
		position:relative;
		z-index:1;
		cursor:pointer;
		padding:0 9px;
		text-align:left;
		
		margin:0;
		width:106px;
		line-height:32px;
	}
	
	.pages_az.x > button,
	.pages_az.s > button,
	.pages_az > button:hover
	{
		background:var(--b-black);
	}
	
	.pages_az button::after
	{
		content:'' !important;
		
		position:absolute;
		top:8px;
		right:11px;
		border-bottom:2px solid var(--c-white);
		border-right:2px solid var(--c-white);
		width:8px;
		height:8px;
		
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
		
		z-index:2;
	}
	/*
	.access_c .pages_az button::after
	{
		border-color:#000;
	}
	
	.access_c .pages_az button:hover::after
	{
		border-color:#fff;
	}
	*/
	
	.pages_az.s button::after
	{
		top:12px;
		-webkit-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
		transform:rotate(225deg);
	}
	
	.pages .pages_az div
	{
		display:none;
	}
	
	.pages .pages_az.s div
	{
		display:block;
		position:absolute;
		top:34px;
		right:0;
		background:var(--b-white);
		overflow:hidden;
		border:1px solid var(--c-brown);
		padding:6px 0 0 6px;
		width:188px;
		border-radius:6px;
	}
	
	.pages_az.s div a
	{
		padding:0;
		width:30px;
	}
}



/* 768 */
@media(min-width:768px)
{
	.pages .pages_az button
	{
		width:188px;
	}
	
	.pages .pages_az.s div
	{
		left:0;
		
		top:33px;
	}
}