/* 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-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+ */
}

html,body
{
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	color:rgb(98, 98, 100);

}
:root{
	--fancybox-content-color:rgb(98, 98, 100);
	--logo-height:6em;
	--logo-padding-right-left:1em;
}

body
{
	position:relative;
}

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

.hidden
{
	display:none;
}

header
{
	position: fixed;
	top:0px;
	background:white;
	text-align:center;
	width: 100%;
	box-shadow: 1px 1px 10px 0px rgb(227 227 227 / 90%);
	z-index:1010;
}

header .center
{
	margin:1em;
}
header .logo
{
	display: block;
}

header .logo img
{
	display: block;
	margin: 0px auto;
	transition: .5s ease-in-out;
	height: var(--logo-height)
}


.scrolled header .logo img
{
	height:  calc(var(--logo-height) / 100 * 70);
}


header .center
{
	position:relative;
	display: grid;
	grid-template-columns: 2fr 5fr 2fr;
	align-items: center;
	gap: 1em;
}

.kontakt .contact-cta {
	display: none;
}

.contact-cta
{
	position: fixed;
	bottom: 5vh;
	right:5vw;
	z-index: 2000;
	transition: all .2s ease-in-out;
	box-shadow: 1px 1px 10px 0px black;
}

.contact-cta .wrapper
{
	max-width: 30em;
	background: white;
	color: var(--text-color);
	padding:1em;
	position:relative;
}

.contact-cta .content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	align-items: center;
	gap: 2em;
}

.contact-cta h2
{
	margin-top: 0;
}

.contact-cta .typo
{
	margin: 0;
}

.contact-cta .contact-person {
	width: 100%;
	display: block;
	justify-self: center;
}

.contact-cta .close
{
	position: absolute;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.4em;
	color: var(--text-color);
	top: 0;
	right: 0;
	font-size: 2em;
	text-align:center;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

.contact-cta .close:hover {
	background: color-mix(in srgb, rgb(179,154,58) 30%, white);;
}

.contact-cta .typo a {
	text-decoration: none;
}

.contact-cta .button-container {
	text-align: center;
}

.nav-toggle
{
	
	font-size:.75em;
	position:absolute;
	right:0;
	top:0;
	padding:0;
	cursor:pointer;
	background:none;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	width:4em;
	height:2.4em;
	border:none;
	margin:calc(calc(var(--logo-height)/ 100 * 130 - 2.4em ) / 2) var(--logo-padding-right-left);
	display: none;
    

}

.scrolled .nav-toggle
{
	margin:calc(calc(var(--logo-height)/ 100 * 90 - 2.4em ) / 2) var(--logo-padding-right-left);
	display: block;

}


nav.main
{
	display: block;
}

.scrolled nav.main
{
	display: none;

}


.scrolled .open nav.main{
	display: flex;
	animation: none;
}


.scrolled  header.open nav ul
{
	display: flex;
	flex-direction: column;
	gap: clamp(1em,7vh,4em);
	margin: clamp(1em,10vh,7em) 0;
}

.scrolled header.open nav li
{
	display: block;
	text-align: left;
	font-size: 2em;
}
.scrolled header.open nav
{
	
	width: 100%;
	max-width: 30em;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	top: calc(var(--header-height) - 1em);
	right: -1em;
	display: flex;
	flex-direction: column;
	background:rgba(204, 204, 204, .9);
	min-height: calc( 100vh - calc(var(--header-height) - 1em));
	margin: 0;
	position: absolute;

}


.nav-toggle:focus
{
	outline: none;
}

.nav-toggle span
{
	display: block;
	position: absolute;
	height: .3em;
	width: 100%;
	background: rgb(179,154,58);
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.nav-toggle span:nth-child(1) { top: calc(50% - 1em); }
.nav-toggle span:nth-child(2),.nav-toggle span:nth-child(3) { top: 50%; }
.nav-toggle span:nth-child(4) { top: calc(50% + 1em);}
.nav-toggle.open span:nth-child(1) { top: calc(50% - 1em); width: 0%; left: 50%;}
.nav-toggle.open span:nth-child(2) {  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); }
.nav-toggle.open span:nth-child(4) {top: calc(50% + 1em); width: 0%; left: 50%; }


nav ul
{
	margin:0;
	padding:0;
}

nav li
{
	display:inline-block;
}

nav.main
{
	margin:.6em 0 0em 0;
}



nav.main a
{

	font-weight:bold;
	display:block;
	margin:0 1.5em;
	text-transform: uppercase;
	font-size: 1.3em;
}

nav.main a:hover,
nav.main a.active
{
	text-decoration:underline;
}

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

.cycle-prev,
.cycle-next
{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	display:flex;
	align-items: center;
	z-index:600;
	font-size:4em;
	color:white;
	padding:1.5rem;
	transition:opacity .5s linear;
	cursor:pointer;
}

.cycle-next
{
	right:0px;
	left:auto;
}

.cycle-caption
{
	margin-top:1em;
	line-height:1.4em;
	font-size: 1.1em;
}

h1
{
	font-size:1.5em;
	color:rgb(179,154,58);
	font-weight: normal;
}

h2
{
	color:rgb(179,154,58);
	font-weight: normal;

	font-size:1.25em;
}

.consent-preferences h2
{
	font-size:1.3em;
	text-transform: none;
	font-weight: normal;
}

h3
{
	font-size:1em;
	font-weight:400;
	text-transform: uppercase;
}

.typo
{
	margin:1em 0;
	line-height:1.4em;
	font-size: 1.1em;
}

.typo a
{
	text-decoration: underline;
}

.typo a.button
{
	text-decoration: none;
	display:inline-block;
	margin-bottom: .2em;
}
main{
	margin-top: var(--header-height);
}

main > h1,
main > h2,
main > .typo,
main > .slideshow.inner,
main > .box,
main > .pricelist,
main > .downloads,
main > .links,
.videocustom
{
	max-width:100%;
	width:60rem;
	padding:0 1.5rem;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
}

main > .typo,
main > .slideshow,
main > .downloads,
main > video,
main > .vtour,
main > .videobig,
.videocustom
{
	margin-bottom:3em;
}

main > .typo + .slideshow,
main > .slideshow +.typo,
main > .vtour + .typo
{
	margin-top:-2em;
}

main > .box
{
	width:50rem;
	margin:3em auto;
}

main > .box:nth-child(odd) .row
{
	flex-direction: row-reverse;
}

main > .box:nth-child(odd) .col:first-child
{
	padding-left:2em;
}

main > .box:nth-child(even) .col:first-child
{
	padding-right:2em;
}

main > .box img
{
	width:100%;
}

.typo strong
{
	font-weight: 500;
}

#iso
{
	height:350px;
	padding-bottom:1em;
}

svg line
{
	shape-rendering: geometricPrecision;
}


#iso svg .level
{
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
}

#iso svg .level.on
{
	transform: translate(0px, -140px);
	-webkit-transform: translate(0px, -140px);
	-ms-transform: translate(0px, -140px);
}

.pricelist table,
.downloads table
{
	border-collapse: collapse;
	width:100%;
}

.pricelist th,
.pricelist td,
.downloads td
{
	padding:.5em 1em;
}

.pricelist th
{
	text-transform: uppercase;
	font-weight: 500;
	color:#6e7f71;
	font-size:smaller;
}

.pricelist table tbody tr,
.downloads table tbody tr
{
	cursor: pointer;
}

.pricelist table tbody tr:nth-child(odd),
.downloads table tbody tr:nth-child(odd)
{
	background:#ababa673;
}

.pricelist table tbody tr.on,
.downloads table tbody tr:hover
{
	background:rgb(179,154,58);
	color:white;
}

.pricelist .sticky
{
	position: -webkit-sticky;
	position: sticky;
	top:var(--header-height);
	background:white;
	border-bottom:1px solid #F2F0E6;
}

.links
{
	list-style-type: none;
	text-align:center;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}

.links li
{
	width:14em;
	padding:1em;
	box-sizing: border-box;
}

.links img
{
	box-shadow: 2px 2px 6px 2px rgba(55, 55, 55, 0.5);
	margin-bottom:.5em;
}

main .vtour
{
	display:block;
	max-width:100%;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
}

main .vtour .responsive
{
	max-height: 800px;
	height: clamp(200px,41.667vw,41.667vw);
}

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

.responsive {
	position: relative;
	height:90vh;
	padding-top: 0px;
	overflow: hidden;
}

footer
{
	text-align:center;
	padding:1em 1em 6em 1em;
	color:black;
}

footer nav
{
	margin: 1em 0;
}

footer nav li::after 
{
	content: "|"; 
}

footer nav li:last-child::after
{
	display:none; 
}

footer address 
{
	font-style: normal;
}

footer .logo
{
	margin:1em;
	display:inline-block;
}

footer .logo img
{
	width:8em;
	height:5.3em;
}

.popup,
.fancybox__content
{
	width:60em;
	max-width:100%;
}

.fancybox__content
{
	padding: 2em;
}

.row
{
	display:flex;
	justify-content: space-between;
}

.row .col
{
	width:calc(50%);
	box-sizing:border-box;
}


.box .row
{
	align-items: center;
}

form .row .col
{
	width:calc(50% - .5em);
}

form .row .col,
form .input-group
{
	margin-bottom:1em;
}

form label
{
	display:block;
	font-size:smaller;
}

form label.inline
{
	white-space: nowrap;
	display:inline;
}

form input.error
{
	border-color:red;
}

form label.error
{
	color:red;
}

input[type=text],input[type=email],textarea,select
{
	width:100%;
}

input[type=text],input[type=email],textarea,select, button, a.button
{
	color:inherit;
	font-family: inherit;
	border:1px solid  rgb(179,154,58);
	font-size:1em;
	padding:.5em;
	box-sizing:border-box;
	border-radius: 0;
	background:white;
}

select
{
	display: block;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

select::-ms-expand 
{
	display: none;
}

textarea
{
	height:6em;
}

input:focus,
select:focus,
textarea:focus,
button:focus 
{
	outline-color: rgb(179,154,58);
}

button,
a.button
{
	padding:.5em .8em  .5em 1em;
	transition: .5s ease;
	font-size:1em;
	font-weight: 400;
	cursor: pointer;

}
button:not(.carousel__button):not(.nav-toggle),
a.button{
	position: relative;
}

button:not(.carousel__button):not(.nav-toggle)::after,
a.button::after
{

	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-sharp-solid);
	content: "\f04b";
	margin-left:.6em;
	color:rgb(179,154,58);
	
}

button:not(.carousel__button):not(.nav-toggle):hover::after,
a.button:hover::after,
button.primary:not(.carousel__button):not(.nav-toggle)::after{
	color:white;

}
button:not(.nav-toggle):hover,
button.primary,
a.button:hover
{
	background:rgb(179,154,58);
	border-color:rgb(179,154,58);
	color:white;
}


button.secondary::after,
button.primary::after,
button.secondary:not(.carousel__button):not(.nav-toggle)::after,
button.primary:not(.carousel__button):not(.nav-toggle)::after
{
	content: "";
	margin-right:0;
	margin-left: 0;
}
button.secondary,
button.primary{
	padding-right: 1em;
}
.selectables
{
	display: flex;
	gap: 0 .5em;
	flex-wrap: wrap;
}

.select-wrapper
{
	position:relative;
}

.select-wrapper::after
{
	font-family: "Font Awesome 5 Pro";
	content: "\f107";
	font-weight: 300;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	width:2em;
	pointer-events: none;
}

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

.mail
{
	color: red;
	padding: 3em;
	display: block;
	text-align: center;
	border: 1px dashed red;
}

.mail.success
{
	color: rgb(179,154,58);
	border-color: rgb(179,154,58);;
}

.videobig
{
	width: 100%;
	height:41.667vw;
	object-fit: cover;
	object-position: center;
	margin:0px auto;
	display: block;
}

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

div.vogel
{
	display:none;
}

div.vogel.active
{
	display:block;
}

audio
{
	max-width:100%;
}

#voegel svg
{
	height:376px;
	overflow:hidden;
}

#voegel .vogel
{
	cursor:pointer;
}

.map .point.bounce2:not(:hover)
{
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

.badge 
{
	border: 1px solid red;
	color: red;
	font-size: 1.2em;
	font-weight: bold;
	right: 2em;
	margin-top: 1.5em;
	padding: 0.5em;
	position: absolute;
	right: auto;
	text-align: center;
	text-transform: uppercase;
	top: var(--header-height);
	transform: rotate(-15deg);
}

@keyframes bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

main > .map.inner
{
	width:100rem;
}

.map .point
{
	position:absolute;
	margin-top:-1em;
	margin-left:-.3em;
	text-align:center;
	cursor:pointer;
	font-size:2em;
	width:.6em;
	height:1em;
	z-index:101;
}

.map .popover
{
	position:absolute;
	display:none;
	background:white;
	padding:.5em;
	bottom:1.25em;
	width:8em;
	box-sizing:border-box;
	margin-left:-3.7em;
	box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, .33);
}

.map .popover h2
{
	font-size:1rem;
}

.map i
{
	color:white;
	text-shadow: 2px 2px 2px #000000;
	
}
.map .marker
{
	width: 24px;
	transform-origin:50% 100%;
	z-index:101;
}

.map .point:hover
{
	z-index:200;
}

.map .point:hover .marker
{
	transform:scale(1.2);
	transition:transform .25s ease;
}

.map .point:hover .popover
{
	display:block;
}





.newsletter
{
	margin: 2em auto;
	max-width: 57rem;
	background: #055A8D;
	padding: 1.5em 2em;
	box-sizing: border-box;
	color: #FFFFFF;
}

.newsletter h2
{
	color: #FFFFFF;
	margin-top: 0px;
}

.newsletter #mc_embed_signup form 
{
	display:block; 
	position:relative; 
	text-align:left; 
	padding: 0;
}

.newsletter #mc_embed_signup .mc-field-group 
{
	padding-bottom:0; 
	min-height: auto;
	width: 100%;
}

.newsletter #mc_embed_signup input
{
	background-color: transparent;
	border: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #FFF !important;
}

.newsletter #mc_embed_signup_scroll,
.newsletter .submitarea
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2em;
}

.newsletter #mc-embedded-subscribe
{
	background: rgba(255,255,255,0.1);
	padding: 8px;
	margin: 1.5em auto 0em auto;
	min-height: auto;
	text-align: center;
	border: 0px;
	font-weight: bold;
	border-bottom: 1px solid white;
	 border: 0px; 
	width: 100%;
	box-sizing: border-box;
}

.newsletter #mc-embedded-subscribe:hover
{
	background: rgba(255,255,255,0.2);
}

.newsletter #mc-embedded-subscribe::before {
	font: var(--fa-font-sharp-solid);

	font-weight: 700;
	content: "\f45c";
	font-size: 80%;
	
	vertical-align: top;
	line-height: 1.4em;
	margin-right: .75em;
}

.newsletter #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error 
{
	border:0px;
}

.newsletter #mc_embed_signup div#mce-responses 
{
	float:none; 
	top: auto; 
	padding: 0; 
	overflow:hidden; 
	width: 100%; 
	margin: 0; 
	clear: both;
	background: white;
}

.newsletter #mc_embed_signup div.response 
{
	margin: 0; 
	padding:1em ; 
	font-weight:bold; 
	text-align: center;
	float:none; 
	top: auto; 
	z-index:1; 
	width: 100%;
	box-sizing: border-box;
	margin: 0 0; 
	border-top: 1em solid #055A8D;
}










.consent-cover
{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	display:flex;
	justify-content: center;
	align-items:center;
}

.consent-cover .consent-message
{
	text-align:center;
}

.consent-cover-info
{
	display:flex;
	flex-direction:column;
	align-items: center;
	gap:.5em;
	padding:2em;
}

.consent-dialog
{
	position:sticky;
	bottom:0;
	background:white;
	z-index:1002;
	box-shadow: 3px 3px 10px 0px rgb(50 50 50);
}

.consent-dialog .wrapper
{
	display:flex;
	flex-direction:column;
	gap:.5em;
	margin:auto;
	max-width:80em;
	padding:1em 2em;
}

.toggle-button
{
	font-size:1.4em;
	position:relative;
	width:2em;
	height:1em;
	background:gray;
	box-sizing:border-box;
	border-radius:.5em;
	transition:background .5s;
	cursor:pointer;
}

.toggle-button::after
{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:calc(1em - 4px);
	height:calc(1em - 4px);
	margin:2px;
	background:white;
	border-radius:.4em;
}

.toggle-button.active
{
	background:green;
}

.toggle-button.active::after
{
	right:0;
	left:auto;
}

a[consent-settings]
{
	cursor: pointer;
}

.consent-settings .tab
{
	border-top:1px solid black;
}

.consent-settings .consent-preferences
{
	border-bottom: 1px solid black;
}

.consent-settings .tab .header
{
	display:flex;
	justify-content: space-between;
	align-items:center;
	gap:.5em;
}

.consent-links
{
	gap:.5em;
	display:inline-flex;
	text-decoration: underline;
	flex-wrap: wrap;
}

.consent-settings .tab [data-toggle]
{
	cursor:pointer;
}


.consent-settings .tab [data-toggle] h2
{
	display: flex;
	gap:.5em;
	align-items: center;
}

.consent-settings .tab [data-toggle] h2:before
{
	display: block;
	font: var(--fa-font-sharp-solid);
	content:"\f054"
}

.consent-settings .tab [data-toggle].active h2:before
{
	content:"\f078";
}


.consent-settings .tab .body
{
	padding-bottom: 1em;
}

.tab .body.toggled
{
	display:block;
}

.hidden
{
	display:none;
}

.hidden-soft {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

 .links.consent-buttons,
 .consent-settings .links 
 {
 	justify-content: start;
 }


 .links.consent-buttons .items,
 .consent-settings .links .items
{
	
	display: flex;
	flex-wrap: wrap;
	gap: .5em;
}

.consent-preferences
{
	margin: 1em 0;
}





@media (max-width:1400px){
	header nav.main
	{
		display: none;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		top: 81px;
		right: -1em;
		width:0px;
		background:rgba(204, 204, 204, .9);
		min-height: 100vh;
		margin: 0;
	}
	.scrolled header.open nav li,header.open nav li{
		font-size: 1.2em;
	}
	.scrolled header.open nav,header.open nav{
		width: calc(100% + 2em);
		max-width: calc(100% + 2em);
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		top: calc(var(--header-height) - 1em);
		right: 0em;
		display: flex;
		flex-direction: column;
		background:rgba(204, 204, 204, .9);
		min-height: calc( 100vh - calc(var(--header-height) - 1em));
		margin: 0 -1em;
		position: absolute;
		left:0em;
		justify-content: center;
	}

	.scrolled header.open nav ul,header.open nav ul
	{
		display: flex;
		flex-direction: column;
		gap: clamp(1em,5vh,6em);
		margin: clamp(1em,7vh,6em) 0;
	}
	
	.scrolled header.open nav ul a
	{
		text-align: center;
	}
	
	.nav-toggle{
		display: block;
	}
	nav.main a
	{
		padding:.2em 1em;
	}
	
}


@media (max-width:1000px){
	




	.nav-toggle,
	.row.wrapmobile,
	header nav li
	{
		display:block;
	}
	
	main > .box:nth-child(odd) .col:first-child,
	main > .box:nth-child(even) .col:first-child
	{
		padding:0;
	}
	

	.row.wrapmobile .col
	{
		width:auto;
	}
	
	
	.pricelist #iso
	{
		height:200px;
	}
	
	.badge 
	{
		display:none;
	}
}


@media (max-width:600px){
	
	:root{
		--logo-height:4em;
		--logo-padding-right-left:0;
	}
	.fancybox__content
	{
		padding: 1em;
	}



	.hide600
	{
		display:none;
	}
	
	main > h1, 
	main > h2, 
	main > .typo, 
	main > .slideshow.inner, 
	main > .box, 
	main > .pricelist, 
	main > .downloads
	{
		padding: 0 1rem;
	}
	
	main > .pricelist table
	{
		font-size:smaller;
	}
	
	.pricelist th, .pricelist td
	{
		padding: .5em;
	}
	
	
	.newsletter #mc_embed_signup_scroll,
	.newsletter .submitarea
	{
		display: grid;
		grid-template-columns: 1fr;
		gap: 2em;
	}
	
	.newsletter .submitarea
	{
		gap: 0em;
	}
	
}

@media(max-width:500px) {
	.contact-cta .contact-person {
		width: 10em;
	}

	.contact-cta .content {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media(max-width: 350px) {
	.contact-cta {
		left: 5vw;
	}
}