Collapse

#01 Default collapse


                                    							<section class="nbk-section nbk-section--outer-spacing-bottom">
	<div class="container">
		<div class="row">
			<div class="col">
				




				




	

			

	
					
														


	<button type="button" class="btn btn-blank-secondary btn--no-spacing btn--with-icon btn--collapse" 									data-bs-toggle="collapse"
												data-bs-target="#collapseCity"
												aria-expanded="false"
												aria-controls="collapseCity"
						>
					<span class="btn__label">WEITERE REGIONEN</span>
				<span class="btn__icon btn__icon--sm  ">			<svg width="14" height="10" viewbox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd"
			      d="M0.315423 1.25401C0.735988 0.830856 1.41786 0.830856 1.83842 1.25401L7 6.4474L12.1616 1.25401C12.5821 0.830856 13.264 0.830856 13.6846 1.25401C14.1051 1.67717 14.1051 2.36324 13.6846 2.7864L7.7615 8.74598C7.34093 9.16914 6.65906 9.16914 6.2385 8.74598L0.315423 2.7864C-0.105142 2.36324 -0.105142 1.67717 0.315423 1.25401Z"/>
		</svg>
	</span>
	
	</button>

				<div class="collapse" id="collapseCity">
																																																																																																							<ul class=" nbk-grid-list ">
			<li class="nbk-grid-list__item">
			<a class="nbk-grid-list__link" href="#">
				<span class="nbk-grid-list__label">Berlin</span>
				<span class="nbk-grid-list__badge">125</span>
			</a>
		</li>
			<li class="nbk-grid-list__item">
			<a class="nbk-grid-list__link" href="#">
				<span class="nbk-grid-list__label">Hamburg</span>
				<span class="nbk-grid-list__badge">78</span>
			</a>
		</li>
			<li class="nbk-grid-list__item">
			<a class="nbk-grid-list__link" href="#">
				<span class="nbk-grid-list__label">München</span>
				<span class="nbk-grid-list__badge">150</span>
			</a>
		</li>
			<li class="nbk-grid-list__item">
			<a class="nbk-grid-list__link" href="#">
				<span class="nbk-grid-list__label">Köln</span>
				<span class="nbk-grid-list__badge">95</span>
			</a>
		</li>
			<li class="nbk-grid-list__item">
			<a class="nbk-grid-list__link" href="#">
				<span class="nbk-grid-list__label">Frankfurt</span>
				<span class="nbk-grid-list__badge">60</span>
			</a>
		</li>
			<li class="nbk-grid-list__item">
			<a class="nbk-grid-list__link" href="#">
				<span class="nbk-grid-list__label">Düsseldorf</span>
				<span class="nbk-grid-list__badge">85</span>
			</a>
		</li>
			<li class="nbk-grid-list__item">
			<a class="nbk-grid-list__link" href="#">
				<span class="nbk-grid-list__label">Nürnberg</span>
				<span class="nbk-grid-list__badge">45</span>
			</a>
		</li>
			<li class="nbk-grid-list__item">
			<a class="nbk-grid-list__link" href="#">
				<span class="nbk-grid-list__label">Stuttgart</span>
				<span class="nbk-grid-list__badge">22</span>
			</a>
		</li>
	</ul>				</div>
			</div>
		</div>
	</div>
</section>