<div class="grid-container">
<h2 class="navigation-dropdown__mobile-headline">{{mobileText}}</h2>
<div class="grid-x align-justify grid-padding-x">
<div class="cell medium-3 large-3">
<div class="navigation-dropdown__tout spacer-sm">
<h2 class="navigation-dropdown__title">{{tout.title}}</h2>
<div class="navigation-dropdown__subtitle">
{{tout.subtitle}}
</div>
<div class="navigation-dropdown__button">
{{> @cp-button-primary target=tout.button.target url=tout.button.url text=tout.button.text modifier="with-icon" }}
</div>
</div>
</div>
<div class="cell medium-5 large-5 spacer-md">
<div class="grid-x grid-margin-x">
{{#each tripIdeas.cards}}
<div class="cell small-6 medium-6 large-6 spacer-md">
{{> @cp-card-standard}}
</div>
{{/each}}
</div>
{{> @cp-button-tertiary target=tripIdeas.button.target url=tripIdeas.button.url modifier="with-arrow" text=tripIdeas.button.text}}
</div>
<div class="cell medium-4 large-4">
<div class="spacer-md">
<h2 class="navigation-dropdown__title">{{gettingAround.title}}</h2>
{{> @cp-collection-links links=gettingAround.links button=gettingAround.button}}
</div>
<div class="spacer-md">
<h2 class="navigation-dropdown__title">{{accommodation.title}}</h2>
{{> @cp-collection-links links=accommodation.links button=accommodation.button}}
</div>
<div class="spacer-md">
<h2 class="navigation-dropdown__title">{{travelOperator.title}}</h2>
{{> @cp-collection-links links=travelOperator.links button=travelOperator.button}}
</div>
</div>
</div>
{{> @cp-button-secondary target=bigButton.target url=bigButton.url cssClasses="button-p2--full-width" text=bigButton.text}}
</div>