:root {

	--lightblue: #b1cef1;

	--lighterblue: #bed6f2;

	--darkblue: #1f3f96;

	--purple: #b357e0;

	--grey: #e0e1e4;

}



body,
html {

	margin: 0;

	padding: 0;

	height: 100%;

	display: flex;

	flex-direction: column;

	font-family: "Lato", sans-serif;

}



body:before {

	content: '';

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(/assets/matterhorn.jpg);

	background-size: cover;

	background-position: center;

	z-index: -1;

}


.skiptranslate {
	display: none;
}

.horizontal-scroller::-webkit-scrollbar {

	width: 1rem;

}

.horizontal-scroller::-webkit-scrollbar-thumb {

	background-color: white;

}

.scroller-grey::-webkit-scrollbar-thumb {

	background-color: var(--lightblue) !important;

}

.horizontal-scroller::-webkit-scrollbar-thumb:hover {

	background-color: #e0e1e4;

}

.horizontal-scroller::-webkit-scrollbar-track {

	background-color: var(--lightblue);

}

.scroller-grey::-webkit-scrollbar-track {

	background-color: white !important;

}

.horizontal-scroller::-webkit-scrollbar-button {

	display: none;

}

/*header*/

header {

	z-index: 2000;

	display: flex;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	align-items: center;

	justify-content: space-between;

	background-color: white;

	padding-block: 1rem;

	box-shadow: 0px 2px 2px gray;

}



nav {

	margin: 0;

	padding: 0;

}

#navlogo {

	padding-left: 2rem;

	width: 11rem;

	margin: 0;

}



a#selectedPage {

	color: black !important;

}



#navlist {

	display: flex;

	list-style: none;

	padding: 0;

	margin: 0;

	height: 100%;

}





#navlist a {

	position: relative;

	text-decoration: none;

	height: 100%;

	color: var(--darkblue);

	transition: all ease-out 0.3s;

}



#nav-toggle {

	display: none;

}



.active {

	display: flex !important;

}



main {

	flex: 1;

	position: relative;

}





.betweenSection {

	margin: -1px 0;

	padding: 0;

	width: 100%;

	height: auto;

	overflow-x: hidden;

}

.betweenSection img,

.betweenSection svg {

	display: block;

	padding: 0;

	margin: 0;

}

.center-section {
	position: relative;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 1rem 2rem;
	box-sizing: border-box;
}

.infoSection {

	margin: 0;

	position: relative;

	display: flex;

	flex-flow: column wrap;

	width: 100%;

	padding: 1rem 2rem;

	box-sizing: border-box;

}

.infoSection_image {

	height: 100%;

	display: flex;

	justify-content: center;

	align-self: stretch;

}

.infoSection_image img {

	max-height: 500px !important;

}

.bg-lightblue {

	background: var(--lightblue);

}

.bg-lighterblue {

	background: var(--lighterblue);

}

.bg-white {

	background: white !important;

}

.md-bg-white {

	background-color: transparent !important;

}

.bg-grey {

	background: var(--grey);

}



.f-1 {

	flex: 1;

}

.w-100 {

	width: 100%;

}

.bigSection {

	padding-block: 1rem;

	position: relative;

}

.bigSection-info {

	position: relative;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	padding-inline: 2rem;

	text-align: center;

}

.no-margin {

	margin: 0 !important;

}

.infoSection_text {

	position: relative;

}

.infoSection_text h1 {

	margin: 0;

	margin-bottom: 0.8rem;

}

.infoSection_text h2 {

	margin: 0;

	margin-bottom: 0.8rem;

	font-weight: 500;

}

.gap-2r {
	gap: 2rem;
}

.squareSection {

	display: grid;

	grid-template-columns: 1fr;

	grid-gap: 1rem;

	width: 80%;

}

/*locations*/
.locations-section {
	position: relative;
	width: 85vw;
	max-width: 1040px;
	height: calc(85vw*0.555555);
	max-height: calc(1040px*0.555555);
	z-index: 100;
	background-image: url(assets/icon_switzerland.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.location {
	position: absolute;
	aspect-ratio: 63/35;
	width: 24%;
	max-width: 630px;
	max-height: 350px;
	display: flex;
	flex-flow: column;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: white;
	text-shadow:
		-1px -1px 0 black,
		1px -1px 0 black,
		-1px 1px 0 black,
		1px 1px 0 black;
	background-size: contain;
}

.location::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	z-index: -1;
	opacity: 80%;
}

#l-1 {
	top: 3%;
	left: 24%;
}

#l-1::before {
	background-image: url(assets/Basel.webp);
}

#l-2 {
	top: 42%;
	left: 30%;
}

#l-2::before {
	background-image: url(assets/Bern.webp);
}

#l-3 {
	bottom: 1%;
	left: 50%;

}

#l-3::before {
	background-image: url(assets/Lugano.webp);
}

#l-4 {
	top: 58%;
	left: 2%;
}

#l-4::before {
	background-image: url(assets/Genf.webp);
}

#l-5 {
	top: 15%;
	right: 25%;
}

#l-5::before {
	background-image: url(assets/Zürich.webp);
}


.horizontal-scroller {

	--spacer: 0.8rem;

	position: relative;

	display: grid;

	margin: var(--spacer);

	padding: var(--spacer);

	grid-auto-flow: column;

	grid-auto-columns: 77%;

	gap: var(--spacer);

	overflow-x: auto;

	background-color: var(--lighterblue);

	overscroll-behavior-inline: contain;

	z-index: 200;

}

.horizontal-scroller-wrapper {

	position: relative;

}

.arrow-before,

.arrow-after {

	position: absolute;

	display: none;

	top: 50%;

	transform: translateY(-50%);

	border: none;

	background-color: transparent;

	width: 2.5rem;

	height: 2.5rem;

	cursor: pointer;

	z-index: 10;

}

.arrow-before {

	left: -2rem;

}

.arrow-after {

	right: -2rem;

}



.scroller-grey {

	background-color: var(--grey) !important;

}



.scroller-grey .card {

	background-color: white !important;

}



.snaps-inline {

	scroll-snap-type: inline mandatory;

	scroll-padding-inline: 1rem;

}



.snaps-inline>* {

	scroll-snap-align: start;

}



.card-section {

	--spacer: 1rem;

	position: relative;

	display: grid;

	max-width: 100%;

	grid-template-columns: 1fr;

	grid-gap: var(--spacer);

	padding-top: var(--spacer);

	z-index: 50;

}

.card {

	position: relative;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	background-color: var(--lightblue);

}



.card-icon {

	aspect-ratio: 1;

	left: 0;

	top: 0;

	position: absolute;

	max-width: 35px;

}

.card-title {

	flex: 1;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: start;

	text-align: center;

	width: 100%;

	gap: 0.5rem;

	transition: all ease-in 0.25s;

	padding: var(--spacer);

	padding-bottom: 1px !important;

}

.card-title>* {

	padding: 0;

	margin: 0;

}

.card-title img {

	width: 3rem;

}

.card-image {

	width: 100%;

	object-fit: cover;

	aspect-ratio: 2/1;

	overflow: hidden;

}

.card-info {

	flex: 3;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	height: 100%;

	width: 100%;

	z-index: 5;

	box-sizing: border-box;

	transition: all ease-in 0.25s;

	padding: var(--spacer);

}

.card-info ul {

	display: flex;

	flex-direction: column;

	justify-content: space-evenly;

	padding-inline-start: 1rem;

	height: 100%;

	margin: 0;

}

.p-bot-5px {

	padding-bottom: 5px !important;

}

.card-info p {

	margin: 0;

	padding: 0;

	flex: 4;

	overflow-wrap: break-word;

}

.card-info>h2 {

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

	width: fit-content;

	flex: 1;

	margin-bottom: var(--spacer);

	margin-top: 0;

	font-weight: 700;

}

.line-before h2 {

	margin: 0 !important;

	display: flex;

	max-width: 100%;

	justify-content: center;

	align-items: center;

}

.blackline-after {

	position: relative;

	width: fit-content;

}

.blackline-after::after {

	content: '';

	display: block;

	height: 3px;

	width: 100%;

	background-color: black;

	position: absolute;

	bottom: -5px;

	border-radius: 7px 0 7px 0;

	transition: all ease-in-out 0.25s;

}

.whiteline-after {

	position: relative;

	width: fit-content;

}

.whiteline-after::after {

	content: '';

	display: block;

	height: 3px;

	width: 80%;

	background-color: white;

	position: absolute;

	bottom: -5px;

	border-radius: 7px 0 7px 0;

	transition: all ease-in-out 0.25s;

}

.line-before h2::after {

	bottom: auto !important;

	top: -4px !important;

}

footer {

	display: flex;

	flex-flow: column nowrap;

	width: 100%;

	padding-block: 1rem;

	color: white;

	background: rgb(48, 48, 48);

}

.footerSection {

	display: flex;

	flex-flow: column nowrap;

	justify-content: start;

	align-items: center;

	width: 100%;

	color: white;

}

.footerSection h2 {

	position: relative;

	margin-bottom: 1rem;

}

.footerSection h2::after {

	content: '';

	position: absolute;

	left: 0;

	bottom: -5px;

	height: 2px;

	width: 100%;

	background-color: white;

}

.footerSection ul {

	list-style: none;

	text-align: center;

	margin: 0;

	padding: 0;

}

.footerSection li {

	padding-block: 3px;

	color: antiquewhite
}

.footerSection a {

	color: antiquewhite;

	transition: all ease-out 0.25s;

}

.footerSection a:hover {

	color: var(--lightblue);

}



.language-info {

	transition: all 0.25s ease-in;

	box-sizing: border-box;

	padding-inline: 1.5rem;

}

/*custom classes*/

.imageFit {

	width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

}

.imageFit img,
.imageFit iframe {

	display: block;

	max-width: 100%;

	height: auto;

	object-fit: contain;

}



.object-cover img {

	object-fit: cover !important;

}



.icon-inline {

	display: flex;

	align-items: center;

}

.icon-inline * {

	margin: 0;

	padding: 0;

}



.imageFit iframe {

	aspect-ratio: 1;

}



.image-content {

	margin-top: 1rem;

	width: 70%;

}

.pl-15p {

	padding-left: 12%;

}

.p-bot-1r {

	padding-bottom: 1rem !important;

}

.list-no-deco {

	list-style: none;

	margin: 0;

	padding: 0;

}

.list-no-deco li {

	padding-block: 0.2rem;

}

.list-no-deco a {

	color: black;

}

.list-no-deco a:hover {

	color: blue;

}

.word-break {

	max-width: 100%;

	overflow-wrap: break-word;

}

.flex-center {

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

}

.flex-col {
	flex-direction: column;
}

.flex-footer-center {
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: 1rem;
}

.flex-center-col {

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	width: 100%;

}

.justify-center {

	justify-content: center !important;

}

.flex-evenly {

	display: flex;

	justify-content: start;

	gap: 1rem;

	align-items: center;

	width: 100%;

}

.flex-start {

	display: flex;

	justify-content: start;

	align-items: center;

	width: 100%;

}

.col {

	flex-direction: column;

}

.col p {

	flex: 1;

}

.extra-content {

	flex: 4;

	display: flex;

	width: 100%;

	justify-content: center;

	align-items: start;

}

.image-content {

	flex: 4;

	max-width: 400px;

	max-height: 400px;

}



.border-50p {

	border-radius: 50%;

}

.border-2rem {

	border-radius: 2rem;

}

.clip-1rem {

	clip-path: polygon(1rem 0%,

			calc(100% - 1rem) 0%,

			100% 1rem,

			100% calc(100% - 1rem),

			calc(100% - 1rem) 100%,

			1rem 100%,

			0% calc(100% - 1rem),

			0% 1rem);

}

.clip-06rem {

	clip-path: polygon(0.6rem 0%,

			calc(100% - 0.6rem) 0%,

			100% 0.6rem,

			100% calc(100% - 0.6rem),

			calc(100% - 0.6rem) 100%,

			0.6rem 100%,

			0% calc(100% - 0.6rem),

			0% 0.6rem);

}

#fireworksCanvas {

	position: absolute;

	top: -15%;

	left: 25%;

	height: 50%;

	width: 50%;

	z-index: 1000;

}

.text-sm {

	font-size: 0.85rem;

}

.text-md {

	font-size: 1rem;

}

.text-lg {

	font-size: 1.3rem;

}

.text-xl {

	font-size: 1.6rem;

}

.text-center {

	text-align: center !important;

}

.text-start {

	text-align: start;

}

.text-p-05r {

	padding: 0.5rem;

	margin: 0;

}

.m-0 {

	margin: 0 !important;

}

.p-inline-05r {

	padding-inline: 0.5rem;

}

.fw-500 {

	font-weight: 500;

}

.fw-600 {

	font-weight: 600;

}

.pt-1r {

	padding-top: 1rem;

}



.pb-1r {

	padding-bottom: 1rem;

}



.pb-100px {

	padding-bottom: 100px;

}

.h-1r {

	height: 1rem;

}

.after-white,

.after-blue,

.before-blue {

	position: relative;

	width: fit-content;

}

.after-white::after,

.after-blue::after {

	content: '';

	display: block;

	height: 3px;

	width: 80%;

	position: absolute;

	bottom: -5px;

	left: 10%;

	border-radius: 5px 0 5px 0;

	transition: all ease-in-out 0.25s;

}

.before-blue::before {

	content: '';

	display: block;

	height: 3px;

	width: 80%;

	position: absolute;

	top: -5px;

	left: 10%;

	border-radius: 5px 0 5px 0;

	transition: all ease-in-out 0.25s;

}

.after-white::after {

	background-color: white;

}

.after-blue::after,

.before-blue::before {

	background-color: var(--lightblue);

}

.sm-line-after {

	position: relative;

	padding-bottom: 1rem;

}

.grid-2-col {

	display: grid;

	grid-template-columns: 1fr;

}

.blob-bottom {

	position: absolute;

	display: none;

	width: 100%;

	bottom: 0;

	left: 0;

	z-index: 1;

}

.right {

	right: 0;

}

.left {

	left: 0;

}

.no-underline {

	text-decoration: none !important;

}

.p-top-1r {

	padding-top: 1rem;

}

.link-decorated {

	color: #235496 !important;

	text-decoration: none;

	transition: all ease-in 0.25s;

}

.link-decorated:hover {

	color: blue !important;

}

.md-bg-white {

	background-color: white !important;

}

.ml-5p {
	margin-left: 5px;
}

/*Language Dropdown*/
#translator {
	position: absolute;
	right: 0.8rem;
	top: 20%;
	font-size: 1rem;
}

#languageSelector {
	position: relative;
	display: inline-block;
	cursor: pointer;
	user-select: none;
	color: black;
}

#selectedLanguage {
	display: flex;
	align-items: center;
	border: 1px solid var(--grey);
	padding: 0.4rem 0.5rem;
	background-color: #fff;
}

#selectedLanguage .flag-icon {
	width: 24px;
	height: 17px;
	margin-right: 0.3rem;
}

#arrow {
	margin-left: 0.3rem;
	transition: transform 0.15s ease;
}

#arrow.open {
	transform: rotate(180deg);
}

#languageDropdown {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	margin-top: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid var(--grey);
	z-index: 10;
	display: none;
}

#languageDropdown.show {
	display: block;
}

.dropdown-item {
	display: flex;
	align-items: center;
	padding: 0.4rem 0.5rem;
	cursor: pointer;
	border: 1px solid var(--grey);
	border-bottom: none;
}

.dropdown-item:hover {
	background-color: #f0f0f0;
}

.dropdown-item img {
	width: 24px;
	height: 17px;
	margin-right: 0.5rem;
}

.contactCards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
}

.contactCard {
	display: flex;
	justify-content: space-around;
	padding: 1rem;
}

@media (min-width: 768px) {



	.shade-before {

		box-shadow: 0px -2px 1px gray;

	}

	#navlist {

		padding-right: 8rem;

		gap: 2rem;

	}

	#navlist a::after {

		content: '';

		display: block;

		height: 3px;

		width: 0%;

		background-color: var(--darkblue);



		position: absolute;

		bottom: -1.2rem;



		transition: all ease-in-out 0.3s;

	}

	#navlist a:hover::after {

		width: 100%;

	}

	#selectedPage::after {

		content: '';

		display: block;

		height: 3px;

		width: 100% !important;

		z-index: 50;

		background-color: black !important;



		position: absolute;

		bottom: -1.1rem;

	}



	.horizontal-scroller {

		grid-auto-columns: 35%;

		--spacer: 1rem;

	}



	.infoSection {

		flex-flow: row nowrap;

		gap: 5vw;

		align-items: center;

		margin: 0;

		padding-block: 3rem;

	}

	.infoSection_text {

		flex: 2;

	}

	.infoSection_image {

		flex: 1;

	}

	.infoSection_text p {

		margin: 0;

		margin-bottom: 1rem;

	}

	.sectionImage {

		padding-bottom: 0;

	}

	.bigSection {

		padding-block: 3rem;

	}

	.bigSection-info {

		padding-inline: 4rem;

	}

	.bigSection-icon {

		left: 10%;

	}

	.squareSection {

		width: 65%;

		grid-gap: 1.3rem;

	}

	.blob-bottom {

		display: block;

	}

	.md-first {

		order: -1;

	}

	.card-section {

		--spacer: 1.2rem;

		--big-spacer: 3rem;

		grid-template-columns: 1fr 1fr;

		grid-gap: var(--big-spacer);

		padding-inline: var(--big-spacer);

	}

	footer {

		flex-flow: row nowrap;

	}



	.text-sm {

		font-size: 0.8rem;

	}

	.text-md {

		font-size: 1.1rem;

	}

	.text-lg {

		font-size: 1.3rem;

	}

	.text-xl {

		font-size: 1.6rem;

	}

	.border-topRight {

		border-radius: 1rem 0 1rem 0 !important;

	}

	.grid-2-col {

		grid-template-columns: 1fr 1fr;

		position: relative;

	}

	.grid-2-col::after {

		content: '';

		display: block;

		position: absolute;

		left: 50%;

		top: 3%;

		width: 4px;

		height: 94%;

		border-radius: 10rem;

		background-color: black;

	}

	.h-50vh {

		height: 50vh;

	}

}



@media (min-width: 1024px) {

	.after-white::after,

	.after-blue::after,

	.before-blue::before {

		width: 35%;

	}

	.card:hover .after-white::after,

	.card:hover .after-blue::after,

	.card:hover .before-blue::before {

		width: 80%;

	}

	.arrow-before,

	.arrow-after {

		display: block;

	}

	.arrow-after img,

	.arrow-before img {

		transition: all 0.35s ease-in-out;

	}

	.arrow-before:hover img,

	.arrow-after:hover img {

		scale: 1.2;

	}

	.arrow-before:active img,

	.arrow-after:active img {

		scale: 1.05;

	}

	#navlist {

		padding-right: 9rem;
		gap: 2.5rem;

	}

	#navlogo {

		padding-left: 9rem;

	}

	.bigSection {

		padding-block: 3.5rem;

	}

	.bigSection-info {

		padding-inline: 10vw;

	}

	.bigSection-icon {

		left: 10vw;

	}

	.infoSection_image {

		align-self: center;

	}

	.twoMax {

		grid-template-columns: 1fr 1fr !important;

	}

	.squareInfo p {

		font-size: 1.2rem;

	}

	.squareSection {

		width: 90%;

		grid-gap: 1.1rem;

		grid-template-columns: 1fr 1fr;

	}



	.horizontal-scroller-wrapper {

		margin-inline: 3rem;

	}

	.horizontal-scroller {

		--spacer: 1.2rem;

		grid-auto-columns: 29%;

	}

	.card-section {

		--big-spacer: 3rem;

		padding-inline: var(--big-spacer);

	}



	.line-before h2::after {

		bottom: auto !important;

		top: -7px !important;

	}



	.blackline-after::after {

		height: 4px;

	}

	.whiteline-after::after {

		height: 4px;

	}

	.language-info:hover {

		transform: scale(1.05);

	}

	.text-sm {

		font-size: 1rem;

	}

	.text-md {

		font-size: 1.2rem;

	}

	.text-lg {

		font-size: 1.4rem;

	}

	.text-xl {

		font-size: 1.8rem;

	}

	.margin-right {

		margin-right: 2vw;

	}

	.margin-left {

		margin-left: 2vw;

	}

	.pl-15p {

		padding-left: 5%;

	}

	.max-w-818px {
		max-width: 818px;
		margin-inline: auto;
	}

	.max-w-1020px {
		max-width: 1020px;
		margin-inline: auto;
	}

	.max-w-1224px {
		max-width: 1224px;
		margin-inline: auto;
	}

}



@media(min-width:1280px) {

	#navlist {

		gap: 3rem;
	}

	.xl-col-3 {

		grid-template-columns: 1fr 1fr 1fr !important;

		grid-gap: 4rem !important;

		padding-inline: max(2rem, 5%) !important;

		box-sizing: border-box;

	}

	.squareSection {

		width: 70%;

	}

	.betweenSection img {

		width: 100%;

	}

	.infoSection {

		padding: 5vw 6.5vw;

	}

}



@media(min-width:1440px) {

	#navlist a::after {
		bottom: -1.1rem;
	}

	.card-section {

		grid-template-columns: 1fr 1fr 1fr 1fr;

	}

	.horizontal-scroller {

		--spacer: 1.4rem;

		grid-auto-columns: 22%;

	}

	.after-white::after,

	.after-blue::after,

	.before-blue::before {

		height: 5px;

	}



	.xl-p-block-6r {

		padding-block: 6rem !important;

	}

	.pl-15p {

		padding-left: 15%;

	}

	.card-info p {

		flex: 6;

	}

	.text-sm {

		font-size: 1.1rem;

	}

	.text-md {

		font-size: 1.3rem;

	}

	.text-lg {

		font-size: 1.5rem;

	}

	.text-xl {

		font-size: 1.9rem;

	}

}



@media (max-width:767px) {

	header {

		padding: 1.1rem;

		transition: transform 0.3s ease, opacity 0.3s ease;

	}

	body::before {

		background-position: 70% center;

	}

	#navlogo {

		padding-left: 0;

	}

	#navlist {

		position: fixed;

		inset: 0 0 0 20%;



		flex-flow: column nowrap;

		padding: min(30vh, 10rem) 2rem;

		gap: 1rem;



		transform: translateX(100%);

		transition: transform 0.3s ease-out;

		background: rgb(27, 56, 135);

	}

	@supports (backdrop-filter: blur(1rem)) {

		#navlist {

			background: rgba(27, 56, 135, 0.85);

			backdrop-filter: blur(1rem);

		}

	}

	#navlist[data-visible="true"] {

		transform: translate(0%);

	}

	#navlist a {

		color: var(--lightblue);

	}

	a#selectedPage {

		color: white !important;

	}



	#nav-toggle {

		display: block;

		position: absolute;

		z-index: 9999;

		background-color: transparent;

		background-image: url("assets/burger_closed.svg");

		background-repeat: no-repeat;

		background-position: center;

		background-size: contain;

		width: 2rem;

		border: none;

		aspect-ratio: 1;

		right: 3rem;

		top: 50%;

		transform: translateY(-50%);

	}

	.sm-p-inline-1r {

		padding-inline: 1.5rem !important;

	}

	.sm-m-inline-1r {

		margin-inline: 1.5rem !important;

	}

	.hidden {

		transform: translateY(-100%);

		opacity: 0;

		pointer-events: none;

	}



	#nav-toggle[aria-expanded="true"] {

		background-image: url("assets/burger_opened.svg");

	}

	.h-50vh {

		height: 40vh;

	}

	.infoSection_image {

		display: none;

	}

	.text-image-right {

		display: flex;

		flex-direction: column;

	}

	.text-image-text {

		order: -1;

	}

	.text-image-right img {

		width: 260px;

		margin-bottom: 0.3rem;

		height: auto;

		justify-self: center;

		align-self: center;

	}



	.sm-line-after::after {

		content: '';

		display: block;

		position: absolute;

		width: 90%;

		height: 3px;

		bottom: -5px;

		left: 5%;

		background-color: black;

	}

	.sm-pt-1r {

		padding-top: 1rem;

	}

	.sectionImage {

		max-width: 80%;

	}

	.sm-o1 {

		order: 1;

	}

	.sm-o2 {

		order: 2;

	}

	.sm-o3 {

		order: 3;

	}

	.sm-center {

		display: flex;

		flex-direction: column;

		justify-content: center;

		align-items: center;

		text-align: center;

	}

	.locations-section {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width: auto;
		height: auto;
		background-image: none;
	}

	.location {
		position: relative;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		width: 90%;
		margin-bottom: 0.6rem;
	}

	.location::before {
		opacity: 100%;
	}

	.contactCards {
		grid-template-columns: 1fr;
	}

	#translator {
		position: static;
	}

	.sm-flex-col {
		flex-direction: column;
	}
}