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

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

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

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

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

html {
	scroll-behavior: smooth;
}

html,body
{
	margin:0px;
	padding:0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	color:#55565e;

}

main > *:not(.slideshow)
{
	z-index: 10;
	position: relative;
}

img
{
	border: 0px;
}



a
{
	color:inherit;
}

.hidden
{
	display:none;
}

header
{
	position:fixed;
	right:0;
	left:0;
	z-index:999;
}

header .center
{
	padding:3em 2em;
}

header.in .center
{
	padding:0em 2em 1em 2em;
}

footer
{
	font-weight: 400;
	line-height: 1.4em;
	font-size: 1.2em;
}

footer strong
{
	font-weight: 600;
	text-transform: uppercase;
	
}

footer .center
{
	padding:4vw 2em;
}

header .inner
{
	display:flex;
	justify-content: center;
}

header:not(.in) .inner
{
	margin-top:-3em;
}

header .logo
{
	max-width:75%;
}

header .logo img
{
	width:20vw;
	max-width:100%;
	min-width: 220px;
}

header .logo .default,
header.in .logo .intro
{
	display:none;
}

header.in .logo .default
{
	display:block;
}

header.in .inner
{
	display:flex;

}

header.in .logo img
{
	width:10em;
}

.stopper {
	position: absolute;
	bottom: 0;
	left: 15vw;
	width: clamp(10em, 15vw, 40em);
	z-index: 500;
	transition: all .2s ease-in-out;
}

.stopper:hover {
	transform: scale(1.1);
}

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


.popup .subsection h1, .popup .subsection .typo,.popup .subsection .imageinline
{
	padding:0px;
}
.nav-toggle
{
	
	position:relative;
	padding:0;
	cursor:pointer;
	background:none;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	width: 81px;
	height: 61px;
	border:none;
	margin: 0em;
	transform: scale(0.7);
}

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

.nav-toggle span
{
	display: block;
	position: absolute;
	height: .4em;
	width: 100%;
	background: white;
	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;
	border-radius: 10px;
}


.nav-toggle span:nth-child(1) { top: calc(50% - 2em); }
.nav-toggle span:nth-child(2),.nav-toggle span:nth-child(3) { top: 50%; }
.nav-toggle span:nth-child(4) { top: calc(50% + 2em);}
.nav-toggle.open span:nth-child(1) { top: calc(50% - 2em); 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% + 2em); width: 0%; left: 50%; }

header .menue
{
	
	position:fixed;
	right:1.8em;
	top:1.8em;
	text-align:right;
	z-index:999;
	
	pointer-events: auto;
}

header nav.main
{
	
	display:flex;
	align-items: center;
	justify-content:center;
	flex: 1 1 auto;
	text-align:left;
}

header nav.main ul
{
	display:none;
}

header.open .menue
{
	right:0em;
	top:0em;
	bottom:0;
	left:50%;
	display:flex;
	flex-direction:column;
	padding:1.8em 1.8em;
	background-color: #bfc7b8;

}


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

header.open nav.main ul
{
	display:block;
}

header nav ul
{
	padding:0;
	margin:0;
	list-style-type: none;
}

header nav,
header nav a,
header nav.language li::after 
{
	color:#FFFFFF;
	text-decoration: none;
	font-size: larger;
	font-weight: 400;
}

header nav.main a
{
	display:block;
	padding:.25em 1em;
	font-size: 2em;
	background-position: right top .3em;
	background-repeat: no-repeat;
	background-size:0em;
	transition: background-size .25s ease-in-out;
}

header nav.language
{
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: .05em;
}

header nav.language li
{
	display:inline-block;
}

header nav.language li::after 
{
	content: "|"; 
}

header nav.language li:last-child::after
{
	display:none; 
}

.slideshow
{
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: -1;
	height: 100vh;
}

.slideshow .slide
{
	display:block;
	width:100%;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:  top center;
}


main .subsection.text
{
	background: white;;
	padding: 4.4vw 0;
}

main .subsection.text > div:last-child
{
	margin-bottom: 2em;
}
 

.popup .subsection.text > div:last-child{
	margin-bottom: 0em;
}
.subsection.text{
	text-align:left;

}
.typo
{
	margin:4em auto;
	line-height:1.6em;
	letter-spacing: 1px;
}


.subsection .imageinline
{
	margin:2em auto 3.1em auto;
}

.subsection .imageinline + .typo
{
	margin-top:0px;
}



.subsection h1,
.subsection h2,
.subsection .typo,
.subsection .vtour,
.subsection .imageinline,
.subsection .grundrisse
{
	font-size:1.6em;
	max-width:67rem;
	padding:0 2rem;
}

.subsection h2
{
	font-size: 3.2em;
	line-height:1.2em;
	margin:.5em auto;
}

.subsection h1 + .typo
{
	margin-top:2.0em;
}

.subsection h2 + .typo
{
	margin-top:1.5em;
}

.subsection h1,
.subsection h2
{
	text-align: left;
}

.vtour {
	scroll-margin-top: 4em;
	margin: 4em auto;
}


.vtour img:first-child
{
	display: block;
	width: 100%;
}

.vtour .preview
{
	display: block;
	position: relative;
}

.vtour .content
{
	position: absolute;
	width: clamp(150px,24vw,320px);
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.vtour .content:hover .vicon:not(.hover),.vtour .content .vicon.hover
{
	display: none;
}

.vtour .content:hover .vicon.hover
{
	display: block;
}

.vtour .wrapper
{
	display: flex;
	gap:2em;
	flex-direction: column;
}


.vtour .preview > .button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.vtour .preview > .button:hover img {
	transform: scale(1.1);
}

.vtour .preview > .button img {
	width: clamp(5em, 20vw, 10em);
	object-fit: contain;
	transition: all .2s ease-in-out;
}

.vtour .legend {
	padding-top: 1em;
	font-size: .75em;
	text-align: center;
}


.grundrisse 
{
	margin: 4em auto;
}





.grundrisse .wrapper
{
	display: flex;
	gap:2em;
	flex-direction: row;
}

.grundrisse .wrapper .item
{
	max-width: 50%;
}

.grundrisse .wrapper .item img
{
	width: 100%;
}





.pricelist
{
	margin: auto;
	padding: 2em 0;
	max-width: 2000px;
	background-color: #FFFFFF;
	margin-bottom: -5vw;
}

.pricelist h2
{
	text-align: left;
	padding:0px;
	max-width: none;
	color: #a3b1a3;
}

.subsection h1,
.slideshow.image .cycle-overlay
{
	font-size:4.1em;
	line-height:1.2em;
	margin:.5em auto;
}

.subsection h1
{
	line-height:1.1em;
}

.slideshow.image .cycle-overlay
{
	font-weight: 400;

	margin:.5em auto .5em auto;
}

.subsection h3
{
	
	font-size:2em;
	font-weight: normal;
	line-height:1.2em;
}

.subsection .imageinline img
{
	width:100%;
}


footer
{
	background:#55565e;
	color: #FFFFFF;

}

footer nav,
footer address
{
	display:inline;
}

footer .center
{
	text-align:center;
}

footer address 
{
	font-style: normal;
	line-height:1.4em;
}

.popup
{
	width:1000px;
	max-width:100%;
}

.popup .subsection.text
{
	text-align:left;
	padding:0;
}

.popup h1
{
	font-size:3em;
	margin-top: 0px;
}

.popup .subsection .typo
{
	font-size:1em;
}


.row
{
	display:flex;
	margin:1em 0;
}

.row > .col
{
	box-sizing:border-box;
	width:50%;
	padding:0 1.5rem;
	text-align:left;
}


.popup .row > .col
{
	
	padding: 0em;
}

.contact
{
	font-weight: normal;
}


.contact .form
{
	font-size: .8em;
}

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

.contact .form-split
{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:1rem;
}


.contact .box
{
	background-color: #e6e9e3;
	padding:.5em 1em;
	margin:2rem 0;
	display: flex;
	flex-direction: column;

}

.form label
{
	display: flex;
	
}



footer  .center > .row:first-child
{
	margin-bottom: 4m;
}

.row .form,
.row .typo
{
	max-width:36rem;
	margin:0;
	padding:0;
	font-size:1.4em;
}

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

.form input
{
	font-size:inherit;

	font-family: inherit;
}

.grundrisslink
{
	font-weight: 600;
	color:#86AF9A;
	font-size: 1.5em;
	text-decoration: none;
}

.contact small
{
	display:block;
	font-size:.9em;
	font-weight: normal;
	line-height: 1.6em;

}

.contact a
{
	text-decoration: none;
}
.form input[type=text],
.form textarea,
.form button,
.form-group
{
	margin:.2em 0em;

	font: inherit;
	border-radius:0;

}

.form input[type=text],
.form textarea
{
	padding:.5em;
	font-size:smaller;
	border: 0px;
}

.form-group
{

	display: block;
	flex-wrap: wrap;
}


.form-group.flexy
{
	display:flex;
	gap: 1em;
}

.form-group.flexy > label
{
	flex: 0 1 auto;
}

.form-group > label
{
	white-space: nowrap;
	flex: 1 1 30%;
	text-align: left;
}


.form-group.wrap > label
{
	white-space: normal;
	text-align: left;
}


.form input[type=text],
.form textarea
{

	width:100%;
	box-sizing: border-box;
}

.form textarea
{
	height:115px;
}

.form label.error
{
	display:block;
	color:orangered;
	font-size:smaller;
}

.form input.error,
.form textarea.error
{
	border:1px solid orangered;
}

.form button
{
	cursor:pointer;
	padding:.5em 2em;
	background: #55565e;
	color:white;
	font-size: 1em;
	font-family:inherit;
	font-weight: 400;
	border: 0px;
}

.mail
{
	display: block;
	width:100%;
	padding:1em;
	border: 1px dashed red;
	color:red;
	text-align: center;

}

.mail.success
{
	border-color:green;
	color:green;
}



.offer
{
	background:#E3E3E3;
}

.slide
{
	width:100%;
	box-sizing:border-box;
}

.offer div.slide
{
	padding:0 1em;
}

.offer .slide h1
{
	font-size:2em;
}

.map
{
	margin-bottom: -5vw;
	margin-top:3em;	
	height:70vh;
}




.offer .slide a
{
	display:block;
	width:120em;
	max-width:100%;
	margin:auto;
	color: inherit;
	text-decoration: none;
}

.offer .slide img
{
	display:block;
	width:100%;
}

.cycle-prev,
.cycle-next
{
	position:absolute;
	top:0px;
	bottom: 0px;
	display:flex;
	align-items: center;
	z-index:600;
	font-size:8em;
	color:white;
	padding:.25rem;
	transition:opacity .5s linear;
	cursor:pointer;
}

.cycle-prev img,
.cycle-next img,
.subsection .imageinline .cycle-prev img,
.subsection .imageinline .cycle-next img
{
	height: 4rem;
	width:auto;
	margin:0 .2em ;
	display:block;
}

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

.slideshow.image .cycle-overlay
{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:101;
	color:white;
	text-align:center;
	white-space: pre-wrap;
	padding: 0 1rem;
}


.imageinline .cycle-overlay
{
	
	font-size:smaller;
	margin:1em 0;
	line-height: 1.6em;
	text-align: center;
	min-height: 6em;
}

.offer .cycle-pager
{
	text-align:center;
}

.offer .cycle-pager span
{
	font-size:4em;
	color:#e9cb75;
	cursor:pointer;
}

.offer .cycle-pager span.cycle-pager-active
{
	color:#EC801E;
}

#iso
{
	background: white;
}

#iso .level
{
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
}
#iso svg
{
	min-height:400px;
	width: 100%;
}


#iso svg .flat
{
	display: block;
}

#iso svg .flat *
{
	opacity: 0;
}

#iso svg .flat.on *
{
	opacity: 1;
}
.pricelist >.inner > .row > .col:first-child{
	width:50%;
	flex: 0 0 auto;
}
.pricelist >.inner > .row > .col{
	width:50%;
}
.pricelist #iso	
{
	display:flex;
	flex-direction: column;
	align-items: flex-end;
}

.pricelist h3 + table
{
	margin-top:-1em;
}

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

}

.pricelist table th,
.pricelist table td
{
	font-weight: 600;
	border-bottom:1px solid #a3b1a3;
	font-size: 1.1em;
	letter-spacing: 1px;
	line-height: 1.2em;
}
.pricelist table th
{
	
	text-transform: uppercase;
	vertical-align: bottom;
}

.pricelist table td,
.pricelist table th
{
	padding: .25em;
}

.pricelist table td{
	padding-top:1em;
}
.pricelist table tbody tr,
.pricelist table tfoot tr
{
	border-bottom:1px solid black;
}
.pricelist table tbody tr.on
{	background:#fde8d8;
	cursor:pointer;
}

.pricelist table tbody tr.reserviert,
.pricelist table tbody tr.vermietet,
.pricelist table tbody tr.verkauft
{
	background: rgba(245,100,0,.7);
	
}

.sticky
{
	position: -webkit-sticky;
	position:sticky;
	top:10vw;
}



input[type='checkbox'],input[type='radio']
{
	width:auto;
	float:left;
	margin-right: .1rem;
	background:transparent;
	border:none;
}
  
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked)
{
	background: transparent;
	position: relative;
	visibility: hidden;
	display:none;
	margin:0;
	padding:0;
}
  
input[type='checkbox'] + label,  input[type='radio'] + label
{
	cursor: pointer;
}



input[type='checkbox']:checked + label::before, 
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before, 
input[type='radio']:not(:checked) + label::before
{
	font-family:FontAwesome;
	content:' ';
	display:block;
	width: 1.5rem;
	height:1.5rem;
	position: relative;
	border: 0px solid #1D1D1B;
	background: white;
	margin: .5rem .5rem 0 0;

	overflow: hidden;
	float: left;
}

input[type='checkbox']:hover  + label::before, input[type='radio']:hover  + label::before 
{
	content:" ";
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.5rem;
	width: 1.5rem;
	height:1.5rem;
	box-shadow: inset 0 0 0 2px #3d4548;
}

input[type='checkbox']:checked  + label::before, input[type='radio']:checked  + label::before
{
	font-family: 'Font Awesome 5 Pro';
	content:"\f00c";
	font-size: 1rem;
	text-align: center;
	font-weight: bold;
	line-height:1.5rem;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #1D1D1B;
	opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #1D1D1B;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
	color: #1D1D1B;
  }

.intresse
{
	display:flex;
	align-items: center;
	margin-bottom: 1em;
	gap: 0 1em;
}

.intresse label
{
	margin-bottom: .5em;

}
input.checkbox
{
	width: auto;
}



footer address
{
	font-style: normal;
}

footer address img
{
	margin-right:1em;
}

footer a
{
	text-decoration: none;
}

footer a:hover
{
	text-decoration: underline;
}

footer .first a::after
{
	content:"/";
	display:inline-block;
	margin:0 .5em;
	
}
footer a:last-child::after
{
	display:none;
}

footer .center
{
	max-width:50em;
	margin:auto;
}

header.in
{
	background:#55565e;
	
	box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, .33);
}

.buttonBase
{
	position:relative;
}

.buttonBase > img
{
	position:absolute;
	bottom:0;
	right:4em;
	width:30vmin;
}

.offerMobil
{
	display:none;
}

@media screen and (max-width : 1850px) 
{

	.pricelist >.inner > .row > .col:first-child{
		width:40%;
	}
	.pricelist >.inner > .row > .col{
		width:60%;
	}

}

@media screen and (max-width : 1850px) 
{
	main .subsection h1, 
	.slideshow.image .cycle-overlay
	{
		font-size:5em;
	}
	
	.sticky
	{
		top:10vw;
	}
}

@media screen and (max-width : 1680px) 
{
	.pricelist table
	{
		font-size: smaller;
	}
}

@media screen and (max-width : 1450px) 
{
	html
	{
		font-size:smaller;
	}

	.pricelist table
	{
		font-size: inherit;
	}
	
	.hide1400
	{
		display:none;
	}	
	
	.imageinline .cycle-overlay
	{
		min-height: 5em;
	}
	


}
@media screen and (max-width : 1350px) 
{
	.slideshow 
	{
		height: auto;
	}
	
	.slideshow .slide
	{
		height: auto;
		padding-top: 53%;
	}
}
@media screen and (max-width : 1150px) 
{	
	.desktop,
	.hide1600,
	.hide1000
	{
		display:none;
	}
	.pricelist .col{width:60%;}
	.pricelist .col:first-child{
		width:40%;
	}

}


@media screen and (max-width : 1000px) 
{		
	body
	{
		padding-top:0;
	}
	
	.mobile
	{
		display:block;
	}
	
	.desktop,
	.hide1600,
	.hide1000
	{
		display:none;
	}
	
	.subsection .imageinline
	{
		max-width: 28em;
	}
	
	header.open .menue
	{
		left:0px;
	}
	
	main .subsection h1,
	.slideshow.image .cycle-overlay
	{
		font-size:3em;
	}
	
	.row
	{
		flex-direction: column;
	}
	
	.row > .col,.pricelist .col:first-child
	{
		width:auto;
	}
	
	.popup .row > .col
	{
		margin-bottom: 10px;
	}
	
	.contact .row > .col,
	.contact .row > .col:first-child,
	.contact .row > .col:last-child
	{
		justify-content: center;
		padding:0 2em;
	}
	.contact .row > .col:last-child{
		margin-top:1.5em;
	}

	

	
	
	main > h1
	{
		font-size:3em;
	}
	
	main > h2,.subsection h2
	{
		font-size:2.3em;
	}
	
	.pricelist >.inner > .row > .col:first-child,
	.pricelist >.inner > .row > .col
	{
		width:100%;
	}
	
	.sticky
	{
		top: 124px;
	}
	
	footer nav
	{
		display:block;
		margin:1em 0;
	}
	
	footer  .col:last-child{
		margin-top:1.2em;
	}
	header nav.main a
	{
		font-size: 1.5em;
	}
	

	
	.cycle-prev img,.cycle-next img,
	.subsection .imageinline .cycle-prev img,.subsection .imageinline .cycle-next img
	{
		height: 1em;
		width:auto;
	}
	.cycle-prev,
	.cycle-next
	{
		font-size:2em;
	}
	
	#iso
	{
		max-height: 20vh;
	}
	
	#iso svg
	{
		min-height:auto;
	}

	.row > .col
	{
		padding:0 2em;
	}

	.pricelist #iso
	{
		align-items: center;
	}

	.typo
	{
		margin:3em auto;
	}

	.subsection h1 + .typo
	{
		margin-top: 1.7em;
	}

	.contact .row
	{
		margin:3em auto;
	}

	.imageinline .cycle-overlay
	{
		min-height: 7em;
	}
}

@media screen and (max-width : 780px)
{

	header.in
	{
		position: sticky;
		position: -webkit-sticky;
		top: 0px;
	}
	
	
	
	.form-group > label
	{
		flex: 1 1 45%;
	}
	
}

@media screen and (max-width : 680px)
{
	.contact .row
	{
		margin:0px;
	}
	
	footer .center{ overflow: hidden;}
	
	footer .row{margin:0 -2em;}

	.subsection .imageinline{
		margin:2em auto 2em auto;
	}
	
}

@media screen and (max-width : 600px) 
{
	html
	{
		font-size:12px;
	}

	header .center
	{
		padding: 2em 2em;
	}
	
	main .subsection h1, .slideshow.image .cycle-overlay 
	{
		font-size:2.5em;
	}
	
	.subsection h2
	{
		font-size: 2em;
	}
	
	header .menue
	{
		right:2em;
		top: 1.5em;
		margin-top: -2px;
	}
	
	header.open .menue 
	{
		padding: 1.5em 2em;
	}


	.hide600
	{
		display:none;
	}
	
	.subsection h1, 
	.slideshow.image .cycle-overlay	
	{
		font-size:1.8em;
	}

	.subsection .typo,
	.subsection .imageinline
	{
		font-size: 1.3em;
	}

	.slideshow.image .cycle-overlay
	{
		position: static;
		background-color: white;
		color:black;
		box-sizing: border-box;
		margin:0px auto;
	}

	.slideshow.image .cycle-overlay
	{
		padding:calc(2vw + 1rem) 0 0 0;
	}
	
	.subsection h3
	{
		font-size: 1.6em;
	}

	main .subsection h1:first-child
	{
		margin-top:1em;
	}
	
	.pricelist table:last-child
	{
		margin-bottom: 1em;
	}
	
	.sticky
	{
		top: 85px;
	}
	
	
	.form-group > label 
	{
		white-space: nowrap;
		flex: 0 1 100%;
	}
	
	.contact .form-split
	{
		grid-template-columns: 1fr;
		gap:0rem;
	}
	
	
	header.in .logo img
	{
		width: 12em;
	}
	
	header.in .logo img
	{
		min-width: auto;
	}
	
	.nav-toggle
	{
		width:50px;
		height:50px;
	}

	.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%; }
	
	.offerMobil
	{
		display:block;
		margin-bottom: .5em;
	}

	.pricelist table th, .pricelist table td{
		font-size: 1.2em;
		line-height: 1.4em;
	}

	.imageinline .cycle-overlay
	{
		min-height: 5em;
	}
	
	
	input[type='checkbox']:checked + label::before, 
	input[type='checkbox']:not(:checked) + label::before,
	input[type='radio']:checked + label::before, 
	input[type='radio']:not(:checked) + label::before
	{
		margin: 0rem .5rem 0 0;
		flex: 0 0 auto;
	}
}



@media (orientation: portrait) 
{

	.slideshow .slide
	{
		height: auto;
		padding-top: 53%;
	}

}