/* roboto-300 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local(''),
		 url('https://static.immoserver.ch/fonts/google/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('https://static.immoserver.ch/fonts/google/roboto-v30-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

  /* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local(''),
		 url('https://static.immoserver.ch/fonts/google/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('https://static.immoserver.ch/fonts/google/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-display: swap;
	font-weight: 500;
	src: local(''),
		 url('https://static.immoserver.ch/fonts/google/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('https://static.immoserver.ch/fonts/google/roboto-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local(''),
		 url('https://static.immoserver.ch/fonts/google/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('https://static.immoserver.ch/fonts/google/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root
{
	--text-color: #3c3c3b;
	--theme-color: #ba9a65;
	--theme-light-color: #ba9a65;
	--theme-dark-color: #ba9a65;
	--theme-text-color: white;
	
	--overlay-color:rgba(186,154,101,.7);
	--hover-color: var(--theme-color);
	--odd-color: lightgrey;
	
	--swiper-navigation-size: 3em;
	--swiper-theme-color: white;
	
	--col-size-small: 50em;
	--col-size-medium: 70em;
	--col-size-big: 1920px;
	
	--is-iso-level-spacing:-200px;
	--is-iso-level-active-count:1;
	--is-iso-flat-active-filter-color: var(--theme-color);
	
	--swiper-pagination-bullet-size: .7em;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-color: var(--theme-text-color);
	--swiper-pagination-bullet-inactive-color: transparent;
	
}

body
{
	color: var(--text-color);

	font-family: 'Roboto', sans-serif;
	margin:0;
	font-size: 18px;
}

a
{
	color:inherit;
	text-decoration: none;
}

.hidden,input[type=text].hidden
{
	display:none;
}


.typo
{
	line-height: 1.35em;
	font-weight: 300;
}

header
{
	top:0;
	position:sticky;
	z-index:100;
	box-shadow: 0px 3px 5px 0px rgb(0,0,0,.3);
	background: var(--theme-color);
	color: var(--theme-text-color);
	text-transform: uppercase;
}

.login
{	max-width: 500px;
	box-shadow: 0px 3px 5px 0px rgb(0,0,0,.3);
	padding: 2em;
	margin: 0 auto;
	border: .5em solid var(--theme-color);
}




header .wrapper
{
	margin:auto;
	max-width: 100em;
	padding:0em 2em;
	position: relative;
}

header .items
{
	position: absolute;
	top: 2em;
	right: 2em;
	display:flex;
	justify-content: space-between;
	align-items: center;
	z-index: 1000;
}

header .logo img
{
	display:block;
	width:15em;
}

header nav
{
	display:flex;
	gap: 0em;
}

header nav a
{
	padding: 2em 1em;
	transform: skewx(0deg);
	transition: 0.3s;
}

header nav a.active,
header nav a:hover
{
	background: rgba(0,0,0,.1);
	transform: skewx(-12deg);
}

header nav a.active
{
	background: rgba(0,0,0,.3);
	font-weight: bold;
}

header nav a.news
{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	top: .5em;
	margin: 0 0 0 3em;
	padding: 0;
	background: rgba(0,0,0,.3);
	width: 4em;
	height: 4em;
	transform: rotate(-12deg);
	font-weight: bold;
	border: 2px solid var(--theme-text-color);
	border-radius: 50%;
}


header nav a.news:hover
{
	background: #e67820;
	transform:  rotate(0deg);
	
}

header .nav-toggle
{
	font-size: 2em;
	display: none;
	width: 2em;
	height: 2em;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,.3);
	cursor: pointer;
}

header .nav-toggle:after
{
	content: "\f0c9";
}

.toggled header .nav-toggle:after
{
	content: "\f00d";
}

main
{
	background: #FFFFFF;
	overflow: auto;
}



main .group > .wrapper
{
	max-width: var(--col-size-medium);
	margin:auto;
}

.group > .wrapper
{
	padding: 4em 2em;
}

.group > .wrapper > :first-child,
.group > .wrapper > .title:first-child > .wrapper > h1,
.group > .wrapper > .subtitle:first-child > .wrapper > h2,
.contact  .info > .subtitle:first-child > .wrapper > h2
{
	margin-top:0;
}


.group > .wrapper > :last-child,
.group > .wrapper > .title:last-child > .wrapper > h1,
.group > .wrapper > .subtitle:last-child > .wrapper > h2
{
	margin-bottom:0;
}

.group .element
{
	margin: 2em 0;
}



/* elements */




.group > .wrapper > .title > .wrapper > h1
{
	color: var(--theme-color);
	margin-top: 3em;
}

.login .title > .wrapper > h1
{
	color: var(--theme-color);
}



.subtitle > .wrapper > h2
{
	font-weight: normal;
}


.title .wrapper,
.subtitle .wrapper,
.text .wrapper,
.distances .wrapper,
.loginpage .wrapper
{
	max-width: var(--col-size-small);
	margin: auto;
}


.text2col
{
	column-count: 2;
	column-gap: 2em;
}



.home .swiper-slide
{
	height:calc(100vh  - var(--header-height));
	min-height: 30vw;
	max-height: 100vmin;
	object-fit:cover;
}

.home .legend
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index:1;
	display: flex;
	justify-content: center;
	font-weight: 300;
}


.home .legend .wrapper
{
	background: var(--overlay-color);
	color: var(--theme-text-color);
	text-align:center;
	font-size: 1.8em;
	padding: 1rem 2rem 2.5rem 2rem;	

}

.home .legend strong
{
	font-weight: 500;
}


.home .eyecatcher
{
	position: absolute;
	top: 10vh;
	left: 10vh;
	z-index:1;
	display: flex;
	justify-content: center;
	font-weight: 300;
}

.home .eyecatcher .wrapper
{
	background: var(--theme-dark-color);
	color: var(--theme-text-color);
	box-shadow: 1px 4px 8px -2px #000000;
	text-align:center;
	font-size: 1.5em;
	padding: 1rem 2rem;	
	transform: rotate(-10deg);
	animation: pulse 4s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95) rotate(-10deg);
	}

	20% {
		transform: scale(1) rotate(-10deg);
	}

	30% {
		transform: scale(0.95) rotate(-10deg);
	}
	
	100% {
		transform: scale(0.95) rotate(-10deg);
	}
}

.swiper-pagination-bullet 
{
	border-radius: 0%;
	border: 2px solid var(--theme-text-color);
}

.images .wrapper
{
	position: relative;
}


.images img
{
	display:block;
	width:100%;
}

/*Fix Grid fr unit*/
.slideshow .swiper-slide
{
	width: 100% !important;
}

.slideshow .swiper-slide  img
{
	display: block;
	width: 100%;
}

.slideshow .swiper-slide .legend
{
	position: absolute;
	bottom: 1em; 
	left: 1em; 
	background: var(--overlay-color);
	color: var(--theme-text-color);
	text-align:center;
	z-index:1;
	pointer-events: none;
	padding:.5em 1em;
	font-size: .75em;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	text-shadow: 1px 1px 2px rgba(0,0,0,0.66);
}

.gallery .items
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 1.25em;
	margin-bottom:1em;
}

.gallery a
{
	display: block;
	overflow:hidden;
	position: relative;
	grid-column-end: span 2;
}

.gallery a.span-2
{
	grid-column-end: span 3;
}

.gallery a.span-1
{
	grid-column-end: span 6;
}

.gallery a.span-1 img,
.gallery a.span-2 img
{
	aspect-ratio: 16/9;
}


.gallery img
{
	width:100%;
	display:block;
	aspect-ratio: 1;
	object-fit:cover;
	transition: transform .5s;
}

.gallery img:hover
{
	transform:scale(1.05);
}



.gallery .row.cols-2 img
{
	aspect-ratio: 16/9;
}


.gallery .legend,
.images .legend
{
	position: absolute;
	bottom: 1em; 
	left: 1em; 
	background: var(--overlay-color);
	color: var(--theme-text-color);
	text-align:center;
	pointer-events: none;
	padding:.5em 1em;
	font-size: .75em;
}



.highlights 
{
	background: #6b6b6a;
	padding: 3em 2em 4em 2em;
}

.highlights h1
{
	text-align: center;
	color: #b5b5b5;
	margin-top: 0px;
}

.highlights h1::before 
{
	font: var(--fa-font-regular);
	content: "\f005";
	font-weight: 400;
	margin-right: .25em;
}


.highlights .wrapper
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width: var(--col-size-medium);
	gap: 2em;
	margin: 0 auto;
}

.highlights .wrapper > div
{
	background:var(--theme-color);
	color: var(--theme-text-color);

	width: 100%;
	max-width: calc(33.33% - calc(4em / 3));
	box-sizing: border-box;
	box-shadow: 1px 4px 8px -2px #000000;
}


.highlights .wrapper > div .inner
{
	position: relative;
	padding: 2em;
}


.highlights img
{
	width: 100%;
	display: block;
}


.highlights h3
{
	margin: 0 0 1.5em 0;
	font-weight: 600;
	font-size: 1.1em;
	line-height: 1.3em;
}

.highlights h3::before 
{
	position: absolute;
	top: 0.45em;
	left: 0em;
	font-family: "Font Awesome 6 Pro";
	content: "\f005";
	font-size: 5em;
	font-weight: 400;
	opacity: 0.15;
}




.distances table
{
	width: 100%;
	border-collapse: collapse;
}


.distances table thead
{
	color: var(--theme-color);
	font-size: 1.5em;
}


.distances table tr
{
	border-bottom: 1px solid var(--text-color);
}

.distances table td,
.distances table th
{
	padding: .5em 1em;
	text-align: center;
}



.distances table th
{
	text-align: left;
	font-weight: normal;
	padding-left: 0px;
}


.distances .walk::before 
{
	font-family: "Font Awesome 6 Pro";
	content: "\f554";
	font-weight: 600;
}

.distances .car::before 
{
	font-family: "Font Awesome 6 Pro";
	content: "\f1b9";
	font-weight: 600;
}

.distances .public::before 
{
	font-family: "Font Awesome 6 Pro";
	content: "\f207";
	font-weight: 600;
}



.pano .wrapper > div
{
	width: 100%; 
	height:calc((100vh - 8em) - var(--header-height));
}


.links
{
	background: #6b6b6a;
	padding: 3em 2em;
	
}

.links .items
{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	gap: 2em;
	max-width: var(--col-size-medium);
	margin: 0 auto;	
}

.links .items a
{
	display: block;
	width: 100%;
	max-width: calc(33.33% - calc(4em / 3));
	box-sizing: border-box;
}


.fancybox__content .links .items a
{
	max-width: calc(50% - 1em);
}

.links .button
{
	box-shadow: 1px 4px 8px -2px #000000;
}

.links .link[target=_blank]::before {
	font: var(--fa-font-regular);
	content: "\f08e";
	margin-right: .25em;	
}

.links .link::before {
	font: var(--fa-font-regular);
	content: "\f360";
	margin-right: .25em;	
}

.links .application::before {
	font: var(--fa-font-regular);
	content: "\f573";
	margin-right: .25em;	
}

.links .doc::before {
	font: var(--fa-font-regular);
	content: "\f15b";
	margin-right: .25em;
}


.offer
{
	max-width: var(--col-size-medium);
	margin: 0em auto 4em auto;
	padding: 2em;
}


.offer.hasIso 
{
	max-width: var(--col-size-big);
}

.offer.hasIso .items
{
	display:grid;
	grid-template-columns: 3fr 4fr;
	grid-gap: 2em;
}



.offer h2
{
	font-size: 1em;
	background:var(--hover-color);
	color: var(--theme-text-color);
	padding: .5em .5em;
}

.offer h2 small
{
	float: right;
	font-weight: 300;
}


.offer .house
{
	margin: 1em 0 2em 0;
}

.offer .houses table,
.facts table
{
	width:100%;
	border-collapse: collapse;
}


.offer .houses table thead th
{
	padding: .5em .5em;
	color: var(--theme-color);
	font-weight: normal;
}


.offer .houses table tr[data-fancybox]:hover
{
	cursor:pointer;
}


.offer .houses table tbody tr,
.facts table tr
{
	border-bottom: 1px solid var(--text-color);
}


.offer .houses table tr[data-fancybox]:hover,
.offer .houses table tr[data-reference].active
{
	background:var(--theme-light-color);
}

.offer .houses table tbody td,
.facts table td
{
	padding: .25em .5em; 
}

.offer .houses table tr[data-availability_status = "free"] .availability_status::before {
	font: var(--fa-font-light);
	font-size: .75em;
	content: "\f324";
}

.offer .houses table tr[data-availability_status = "free"] .availability_status span {
	display:none;
}

.offer .houses table tr[data-availability_status = "reserved"] .availability_status
{
	color: #e4a370;
}

.offer .houses table tr[data-availability_status = "rented"] .availability_status,
.offer .houses table tr[data-availability_status = "sold"] .availability_status
{
	color: #a11a17;
}




.offer.hasIso .iso,
.offer.hasIso .iso [data-iso]
{
	position: -webkit-sticky;
	position: sticky;
	top: var(--header-height);
}

.offer.hasIso .iso img
{
	width: 100%;
}

.offer [data-iso] .is-iso-level 
{
	transition: all .6s ease;
}

.offer [data-iso] .is-iso-level.is-iso-open 
{
	transform: translateY(calc(var(--is-iso-level-spacing) * var(--is-iso-level-active-count) ) );
}



.offer .offerMobile span
{
	white-space: nowrap;
}


.offer .filter
{
	margin-bottom: 1em;
}

.offer .filters
{
	display:flex;
	flex-wrap:wrap;
	gap:1em;
}

/*
.offer .filter-disabled,
.offer .filters-disabled
{
	display:none;
}
*/

.offer .filters .filter[data-filter-type=slider]
{
	flex: 1 0 auto;
	min-width:8em;
}

.offer .filters .filter[data-filter-type=slider][data-filter-field=rentalprice_incl],
.offer .filters .filter[data-filter-type=slider][data-filter-field=sellingprice],
.offer .filters .filter[data-filter-type=slider][data-filter-field=rentalpriceexcl_m2y]
{
	flex: 2 0 auto;
}

.offer .filters .checkbox
{
	display:block;
	margin:5px 0;
}

.offer .filters .slider-input
{
	padding:0 8px;
	margin:8px 0;
	height: 10px;
}

.offer .filters .slider-value
{
	font-size:smaller;
}

.offer .filters .slider-value span
{
	white-space: nowrap;
}

.offer .filters .slider-input,
.offer .filters .slider-input .noUi-handle
{
	box-shadow: none;
}

/* Hide markers on slider handles */
.offer .filters .slider-input .noUi-handle::before,
.offer .filters .slider-input .noUi-handle::after
{
	display: none;
}

.offer .filters .slider-input .noUi-connect
{
	background: var(--hover-color);
}

.offer .filters .slider-input .noUi-handle
{
	height: 18px;
	width: 18px;
	top: -5px;
	right: -9px; /* half the width */
	border-radius: 9px;
}

.offer .filters .checkbox
{
	white-space: nowrap;
}

.offer .filtered
{
	display:none;
}



.grundriss-preview img
{
	display: block;
	width: 100%;
}

input,
select
{
	margin:0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea,
button,
select
{
	box-sizing:border-box;
	font:inherit;
	color:inherit;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea,
select
{
	display:block;
	width:100%;
	border: 0px;
	border-bottom:1px solid var(--theme-color);
	padding:.5em 0 .25em 0;
	border-radius: 0;
	background: transparent;
}

textarea
{
	height: 7em;
}

.button,
button
{
	background:var(--theme-color);
	border:none;
	color:var(--theme-text-color);
	padding:.5em 1.5em;
	white-space: nowrap;
	display: inline-block;
	font-weight:normal;
}

.button:hover,
button:hover
{
	background:var(--theme-dark-color);
}

.button.primary,
button.primary
{
	font-weight:bold;
}

select
{

	background:none;
}



.contact
{
	background: #f7f7f7;
}


.form-layout
{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 0em 3em;
}


.form-group
{
	margin-bottom:1.75em;
}

.contact .form-label
{
	display: block;
	padding-bottom: 0.1em;
}

.form-warning
{
	color:red;
	margin-bottom: .5em;
	margin-top:.25em;
	display:block;
	width:100%;
}

.contact .form-invalid
{
	border-color:red;
}

.contact .selectables
{
	display:flex;
	flex-wrap:wrap;
	gap: 0 1em;
}

.contact .selectables > label
{
	display:flex;
	align-items: center;
	gap:.5em;
}


.contact .selectables.bottom
{
	flex-direction: column;
	gap:.5em;
}

.contact input[name=Email_Address]{display:none;}

.contact .items
{
	display:grid;
	grid-template-columns: 3fr 2fr;
	gap: 2em;
	margin:0;
}

.contact .ajax-loading,
.contact .ajax-error,
.contact .mail.success,
.contact .mail.error
{
	
	background: var(--theme-color);
	padding:3em 1em;
	text-align:center;
	color:white;
}

.contact .ajax-error,
.contact .mail.error
{
	background:red;
}

.contact .ajax-form .ajax-loading,
.contact .ajax-form .ajax-result,
.contact .ajax-form .ajax-error,
.contact .ajax-form.ajax-state-loading form,
.contact .ajax-form.ajax-state-success form
{
	display:none;
}

.contact .ajax-form.ajax-state-loading .ajax-loading,
.contact .ajax-form.ajax-state-success .ajax-result,
.contact .ajax-form.ajax-state-error .ajax-error
{
	display:block;
}

.contact .form
{
	padding: 2em;
	width: 100%;
	max-width: var(--col-size-small);
	justify-self: center;
	box-sizing: border-box;
}

.contact .form a
{
	text-decoration: underline;
}

.contact .info 
{
	background: var(--theme-color);
	color: var(--theme-text-color);
	display: flex;
	flex-direction: column;
	gap: 1em;
	padding: 2em;
}

.contact .info h2
{
	margin-bottom: 0;
}

.contact .person .image,
.contact .company .logo
{
	margin: 0 0 .25em 0;
}

.contact .person .image img,
.contact .company .logo img
{
	width: 150px;
	
}

.googlemap .responsive
{
	height: 70vh;
	padding-bottom: 0%;
}

.vtour .responsive
{
	padding-bottom: 0px;
	height:calc(100vh - var(--header-height));
	min-height: 500px;
}

.group .vtour .responsive{
	padding-bottom: 56.25%;
	height:0;
	min-height: auto;
}


.iframe iframe
{
	width: 100%;
	height: calc(100vh - var(--header-height));
}


.googlemap .responsive.placeholder
{
	background: grey;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30vh;
}

.googlemap .responsive.placeholder::before 
{

	
	font: var(--fa-font-regular);
	content: "\f5a0";
	color: lightgrey;
	font-size: 5em;
	
}


.loginpage input
{
	max-width: 30em;
}


.responsive
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.responsive iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}

.video video
{
	display:block;
	width:100%;
}




footer
{
	background: #3c3c3b;
	color: #FFFFFF;
}

footer .wrapper
{
	margin:auto;
	max-width: var(--col-size-medium);
	padding:2em 2em;
	font-size: .8em;
	text-align: center;
	font-weight: 300;
}

footer .socialmedia
{
	font-size: 2em;
	margin: 1em;
	display: flex;
	gap: .5em;
	justify-content: center;
}

footer  nav
{
	margin: 3em 0 0 0;
	font-weight: 400;
}





/* */




.text-left
{
	text-align: left;
}

.text-center
{
	text-align: center;
}

.text-right
{
	text-align: right;
}



.fancybox__content
{
	padding:0;
	width:50em;
	max-width:100%;
}

.fancybox__slide.has-image .fancybox__content
{
	width: 100%;
}


.icon:after,
.icon:before
{
	text-align: center;
	font: var(--fa-font-regular);
}


#news
{
	display: none;
}




@media(max-width:1280px)
{
	body
	{
		font-size: 16px;
	}
	
	header .logo img
	{
		width:10em;
	}
	
	.links .items a,
	.highlights .wrapper > div
	{
		max-width: calc(50% - 1em);
	}
	
}


@media(max-width:1000px)
{
	header .items
	{
		position: static;
		padding: 1em 0em;
	}
		
	
	header nav,
	.offer .optional
	{
		display:none;
	}
	
	.toggled header nav,
	.offer.hasIso .items,
	.contact .items,
	.offer .offerMobile
	{
		display:block;
	}
	
	header .nav-toggle
	{
		display: flex;
	}
	
	header nav
	{
		padding: 1em 0;
	}
	
	header nav a
	{
		display: block;
		padding: .5em;
	}
	
	header nav a.news
	{
		margin: 0;
	}
	
}

@media(max-width:600px)
{
	:root
	{
		--swiper-pagination-bullet-size: .4em;
		--swiper-navigation-size: 1em;
	}
	
	header
	{
		top:0;
		right: 0px;
		left: 0px;
		position:absolute; 
	}
	
	header .logo img
	{
		width: 7em;
	}
	
	main
	{
		margin-top: var(--header-height);
	}
	
	.group > .wrapper 
	{
		padding: 3em 2em;
	}
	
	.title > .wrapper > h1,
	.highlights h1
	{
		font-size: 1.5em;
	}
	
	.home .eyecatcher
	{
		
		top: 2em;
		left: 1em;
	}
	
	.home .legend .wrapper,
	.home .eyecatcher .wrapper
	{
		font-size: 1.1em;
	}

	.home .legend .wrapper
	{
		padding: 1rem 2rem 2rem 2rem;	
	}

	.text2col {
		column-count: 1;
	}

	.gallery a,
	.gallery a.span-2,
	.gallery a.span-1
	{
		grid-column-end: span 3;
	}

	.gallery a.span-1 img,
	.gallery a.span-2 img
	{
		aspect-ratio: 1;
	}

	.links .items a,
	.highlights .wrapper > div,
	.fancybox__content .links .items a
	{
		max-width:100%;
	}

	.links 
	{
		padding: 2em;
	}

	.fancybox__content .links 
	{
		padding: 1em;
	}

	.links .items
	{
		gap: 1.25em;
	}

	.offer.hasIso .iso
	{
		margin-bottom: 1em;
	}

	.distances table td,
	.distances table th
	{
		padding: .5em .5em;
	}
	
	.form-layout
	{
		grid-template-columns: 1fr;
	}
	
	
}