/* rajdhani-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 300;
	src: url('https://static.immoserver.ch/fonts/google/rajdhani-v15-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
		 url('https://static.immoserver.ch/fonts/google/rajdhani-v15-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* rajdhani-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 700;
	src: url('https://static.immoserver.ch/fonts/google/rajdhani-v15-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
		 url('https://static.immoserver.ch/fonts/google/rajdhani-v15-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* 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-weight: 500;
	font-display: swap;
	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+ */
}

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

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

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


.clearfix:before, .clearfix:after 
{
	content: "";
	display: table;
}

.clearfix:after 
{
	clear: both;
}

.clearfix 
{
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.hidden
{
	display: none;
}

html,body
{
	font-family: 'Roboto', sans-serif;
	color: #3c3c3b;
	font-size:20px;
}

a
{
	color: #3c3c3b;
	text-decoration: none;
}
	

h1,h2
{
	margin-top:0px;
	font-family:"Rajdhani";
	line-height:1.2em;
	margin-bottom:.5em;
	font-weight: bold;
}

header
{
	padding:.5em 0em;
	box-shadow: 1px 1px 20px 2px rgba(0, 0, 0, .5);
	position:relative;

	z-index: 1500;
}

header .center nav{ position:relative; }

header .logo
{
	top:-9px;
	left:-140px;
	position:absolute;
	background-repeat: no-repeat;
	background-size:contain;
	width:119px;
	height: 160px;
	box-sizing: border-box;
	display: block;
}

header .logo svg
{
	height: 160px;
	width:119px;	
}

.logo.mobile
{
	display:none;
}

nav
{
	display:block;
	text-align: center;
}

nav ul 
{
	position:relative;
	display:inline-block;
	list-style: none;
	padding:0px;
	margin:0px;
}

nav ul li 
{
	margin-top:1em;
	display:inline-block;
}

nav a
{
	padding: 0px .4em;
	text-transform: uppercase;
	line-height: 3em;
}

.nav-toggle
{
	display:none;
}

.nav-toggle
{
	position:absolute;
	top: 20px;
	left:auto;
	right:1em;
	font-size:28px;
	padding:0;
	cursor:pointer;
	background:none;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	width:40px;
	height: 40px;
}

.nav-toggle span
{
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: black;
  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: 9px; }
.nav-toggle span:nth-child(2),.nav-toggle span:nth-child(3) { top: 18px; }
.nav-toggle span:nth-child(4) { top: 27px;}
.nav-toggle.open span:nth-child(1) { top: 9px; 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: 9px; width: 0%; left: 50%; }

nav a
{
	color:#000000;
	text-decoration: none;
	font-weight: 300;
	margin:0px .5em;
}

nav a.on
{
	font-weight: 500;
}

main a
{
	color:#3c3c3b;
	text-decoration: none;
}

main h1,.typo{ text-align: center; }

main h1
{
	font-size:3.4em;
	text-transform: uppercase;
	margin:.5em 1.8rem;
}

main h2
{
	font-size:2.4em;
	text-transform: uppercase;
	margin:3rem  1.8rem 1.8rem 1.8rem;
	text-align: center;
}


.links,.typo,.contact
{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size:1.1em;
}

.links a
{
	color:white;
}

.error
{
	color: red;
}

main .center > .typo
{
	margin:1.8rem 1.8rem;
}
.center
{
	width:75%;
	max-width: 1340px;	
	margin:0px auto;
}

.headline h1
{
	text-align:left;
	color:white;
	font-size: 2.3em;
	margin:0px;
}

.headline .slideshow,.headline
{
	min-height: 22vw;
}

.headline .slide
{


	width: 23vw;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	display:block;
	background-size: cover;
}

.headline .center 
{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
	align-items: stretch;
	min-height: 100%;
}

.headline h1
{
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	padding:.5em;
}

.imagetext.linksc
{
	background-color: white;
	color:#3c3c3b;
}

.imagetext.linksc .links
{
	text-align: center;
}

.imagetext.linksc .links a
{
	display: flex;
	align-items: center;
	transition:  all .1s;

	padding: .5em 1em;
}

.imagetext.linksc .links a:hover{
	transform: scale(1.1);
}
.imagetext .left,.imagetext .right { width:50%; }

.imagetext:not(.angebotvideo) .left { float:left; }
.imagetext .right
{
	color:white;
}

.imagetext:not(.angebotvideo) .right
{
	float:right; 
}

.imagetext .typo 
{
	text-align: left;
	margin:1rem  2.8rem;
	color:#3c3c3b;
}

.imagetext .right > div:last-of-type
{
	margin-bottom: 1.4rem;
}

.imagetext .links
{
	margin:1rem 2.8rem;
	display:block;
}

.imagetext .links a
{
	display:inline-block;
}


.imagetext .links img
{
	display:inline-block;
	width:60px;
	padding-right: .6em;
	vertical-align: middle;
}

.imagetext .links span
{
	display:inline-block;
	vertical-align: middle;
	line-height: 1em;
}

.imagetext .links ul
{
	margin:0px -.5rem;
	list-style: none;
	padding:0px;
	display:block;
}

.imagetext .links li
{
	display:inline-block;
	margin:0px;
	padding:.5rem .5rem 0 .5rem; 
}

.imagetext .right h1
{
	text-align: left;
}

.imagetext h1
{
	font-size: 3.2em;
	margin-left:2.8rem;
	margin-bottom:-.7rem;
	margin-top:1.4rem;
}

.imagetext.odd .right { float:left; }

.imagetext.odd .left { float:right; }

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

.arrow i
{
	font-size:8em;
	line-height: 4rem;
	margin-top:-1rem;
}

.arrow .fa-angle-down:before
{
	line-height: 4rem;
}

.fancybox-slide.fancybox-slide--ajax > *,.fancybox-slide.fancybox-slide--inline > *
{
	padding:0px;
	background:none;
	width:calc(100% - .5em);
	max-width:800px;
}

.fancybox-slide.fancybox-slide--ajax h1,.fancybox-slide.fancybox-slide--inline h1
{
	display:block;
	color:white;
	padding:20px 0px 0px 0px;
	font-size:2.3em;
	margin:0px;
	line-height: 1em;
}

.fancybox-slide.fancybox-slide--ajax h2
{
	margin-top:0px;
	font-family:"Rajdhani";
	line-height:1em;
	margin-bottom:.5em;
	font-weight: bold;
	font-size:2.3em;
	margin:.8em 0px; 
}

.fancybox-slide.fancybox-slide--ajax .close,.fancybox-slide.fancybox-slide--inline .close
{
	position: absolute;
	right: 0px;
	top:1.4em;
	width: 32px;
	height: 32px;
	padding: 0px;
	background: url("../images/popup_close.png") no-repeat center center;
	background-size:contain;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	border:0px;
	outline:0;
}

.fancybox-slide.fancybox-slide--ajax .content,.fancybox-slide.fancybox-slide--inline .content
{
	text-align:center;
	padding:1em;
	background:white;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.fancybox-slide.fancybox-slide--inline .popup{
	max-width: 1000px;
}
.popup .button
{
	padding:.2em .5em;
}

.popup .primary
{
	font-weight: bold;
}
.popup .content table
{
	width: 100%;
}
.popup .group
{
	display:grid;
	gap:1em;
	grid-template-columns: 1.5fr 1fr;
}
.popup .typo{
	font-weight: normal;
	font-size: 1em;
	text-align: left;
	margin-top:1em;
}
.popup .links{
	margin-top: 1em;
	display:flex;
	flex-wrap: wrap;
	gap: .5em;
}
.popup .links a{
	width:100%;
}
.popup .facts ,.popup .links a{
	text-align: left;
	font-size: .9em;
}
.popup .facts td
{
	padding: .2em .5em;
}

.popup .grundrisspreview
{
	display:block;
	text-align:center;
	box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, .33);
}

.popup .grundrisspreview img
{
	max-width:100%;
	display: block;
}
.links .galerie-links.hidden{
	display: none;
}
.impressum
{
	margin-top: 1.8rem;
	max-width: 1014px;
}

.impressum a
{
	float:right;
	display:block;
	text-decoration: underline;
}

@keyframes pulsebutton 
{
	48% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	52% {
		transform: scale(1);
	}
}

.newsletter,
.linkbutton
{
	width: 30vw;
	height: 30vw;
	max-width: 200px;
	max-height: 200px;
	background-size:contain;
	background-position: center;
	display:block;
	margin:1.8rem auto;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-name: pulsebutton;
	z-index: 1000;
}

.linkbutton
{
	position:absolute;
	right:0;
	top:-200px;
}

.contact .boxes
{
	font-weight: normal;
	font-size: .7em;
	background: -webkit-gradient(linear,left top, right top,from(rgba(60, 60, 59, 1)),color-stop(50%, rgba(60, 60, 59, 1)), color-stop(50%, rgba(222, 222, 222, 1)));
	background: -webkit-linear-gradient(left,rgba(60, 60, 59, 1),rgba(60, 60, 59, 1) 50%, rgba(222, 222, 222, 1) 50%);
	background: -o-linear-gradient(left,rgba(60, 60, 59, 1),rgba(60, 60, 59, 1) 50%, rgba(222, 222, 222, 1) 50%);
	background: linear-gradient(to right,rgba(60, 60, 59, 1),rgba(60, 60, 59, 1) 50.1%, rgba(222, 222, 222, 1) 50%);
}

.contact .address
{
	width: 50%;
	float: left;
	
}

.contact .field
{
	width: 100%;
	margin: 8px 0px;
	padding: 14px 12px;
	box-sizing: border-box;
	color:#3c3c3b;
}

.contact .form
{
	width: 50%;
	float: left;
	color:white;
}

.contact  .form .inner
{
	width: 100%;
	max-width: 760px;
	float: left;
	padding: 1.8rem  3rem  1.8rem 0em ;
	box-sizing: border-box;
}

.contact  .address .inner
{
	max-width: 760px;
	float:left;
	width:100%;
	padding: 1.8rem  0em  1.8rem  3rem;
	 box-sizing: border-box;
}

.contact .address table tr td
{
	padding:.3em;
}

.angebot.angebotvideo
{
	display: flex;
	flex-wrap: wrap;
}

.angebot.angebotvideo .left, .angebot.angebotvideo .left .video
{
	display: flex;
}

.angebot video
{
	display: block;
	width: 100%;
	object-fit: cover;
	min-height: 100%;
}
.offer
{
	margin: 1rem 2.8rem;
}

.offerlist h2
{
	font-size: 1em;
	text-align: left;
	margin-left: 0;
	margin-right: 0;
	margin-top: 2em;
	margin-bottom: 1em;
	text-transform: none;
}

.offerlist table
{
	width: 100%;
	font-size: .8em;
}

.offerlist thead
{
	background: #3c3c3b;
}

.offerlist thead th i
{
	display: none;
}

.offerlist tbody tr:nth-child(odd)

{
	background: rgba(255,255,255,.4);
}

.offerlist tbody tr.on
{
	background: #074f6c;
	cursor: pointer;
}



.offerlist tr th,
.offerlist tr td
{
	padding: .2em .5em;
}



.status
{
	text-align: center;
}

.status.rented
{
	color: red;
}

.status.reserved
{
	color: #ee7601;
}


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

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

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




label
{
	display: inline-block;
}
  
label
{
	margin: .2em 0;
	margin-right: .6em;
}

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

/* remove standard-styles */
input, select, textarea
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	font-size: 1em;
	width: 100%;
	box-sizing: border-box;
} 

/* Input & Textarea */
.contact input, .contact textarea
{
	background-color:#EEEEEE;;
	border: 0px;
	border-radius: 8px;
	padding: .2em .3em;
}
  
textarea
{
	resize:vertical;
}
  
input:hover,
input:active,
textarea:hover,
textarea:active
{
	border:1px solid #666;
}
  
/* graceful degradation for ie8 */
input[type='checkbox']
  {
	width:auto;
	float:left;
	margin-right: .75em;
	background:transparent;
	border:none;
}
  
/* better styling only for modern browsers. To identify them, check for pseudoclass (:checked, :not(:checked)) */

/* hide standard inputs */
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked)
{
	background: transparent;
	position: relative;
	visibility: hidden;
	display:none;
	margin:0;
	padding:0;
}
  
  input[type='checkbox'] + label
  {
	cursor: pointer;
  }
  
  /* add custom inputs with ::before */
  input[type='checkbox']:checked + label::before, 
  input[type='checkbox']:not(:checked) + label::before
  {
	content:' ';
	display:inline-block;
	width: 17px;
	height:17px;
	position: relative;
	top:4px;
	border: 1px solid #bbb;
	background: white;
	margin-right: .3em;
	box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type='checkbox']:hover  + label::before 
{
	background:#ddd;
	box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked  + label::before
{
	background:black;
	box-shadow: inset 0 0 0 2px white;
}

button
{
	background : rgba(204, 0, 102, 1);
	width: 100%;
	border:0px;
	padding:.5em;
}

.slick ,.slick-slider,.slick  img ,.slick li
{
	height:30vw !important;
}


.slick .slick-prev, .slick .slick-next
{
	position:absolute;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	height:80px;
	width:50px;
	top:50%;
	display:block;
	margin-top:-40px;
	cursor: pointer;
	background-color: transparent;
	z-index: 1200;
}

.slick .slick-slide
{
	box-sizing:border-box;
}
.slick-next
{
	background-image:url('../images/arrow_next.png');
	right:1em;
}

.slick .slick-prev
{
	background-image:url('../images/arrow_prev.png');
	left:1em;	
	
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #757775;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #757775;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #757775;
}


.gallery{
	margin:1.8rem 1.8rem;
}
.gallery .items
{
	font-size: 17px;

	display:flex;
	grid-template-columns: minmax(0,1fr) minmax(0,1fr);
	gap:1em;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.gallery .items a
{
	flex:0 0 auto;
	display: block;
	padding-top: 32%;
	background-size: 100%;
	background-position: bottom center;
	height: auto;
	background-repeat: no-repeat;
	width:calc(50% - .5em);
	transition: transform .6s cubic-bezier(.3,.1,.3,1), opacity .75s cubic-bezier(.3,.1,.3,1), background-size .75s ease-in;	
	
}


.gallery .items a:hover
{
	background-size: 105%;
}




.gallery .legend
{
	display: none;
}


.gallery.vtours a
{
	display: block;
	position: relative;
	
}

.gallery.vtours a .overlay
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: rgba(0,0,0,.5);
	color: #FFFFFF;
	padding: 2em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.gallery.vtours a .overlay .icon
{
	font-size: 7em;
}

.gallery.vtours a .overlay .iconsmall
{
	font-size: 3em;
	padding: .5em;
}

footer
{
	font-size:13px;
	color:white;
	font-family: 'Open Sans', sans-serif;
	padding-bottom:2em;
	background: rgb(76,76,76); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 21%, rgba(44,44,44,1) 42%, rgba(58,58,58,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 21%,rgba(44,44,44,1) 42%,rgba(58,58,58,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 21%,rgba(44,44,44,1) 42%,rgba(58,58,58,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

footer a 
{
	color:white;
}

footer span
{
	display:inline-block;
	margin-left:.2em;
	vertical-align: bottom;
}

footer .content
{
	margin-top:15vw;
	display: block;
}

footer .csl,footer .csl
{
	display:inline-block;
	vertical-align: bottom;
}

footer .csl
{
	margin-bottom: -8px;
	margin-right: .3em;
}

footer .colliers
{
	margin-right:.3em;
}

footer .sep
{
	color:white;
}




@media (max-width: 1530px)
{
	html,body{ font-size: 18px; }
	.gallery.vtours a .overlay .icon
	{
		font-size: 4em;
	}
	
	.gallery.vtours a .overlay .iconsmall
	{
		font-size: 1em;
		padding: .5em;
	}

 }

 @media (max-width: 1380px)
{
	html,body { font-size: 16px; }
 }

 @media (max-width: 1240px)
 {
	.center
	{
		 max-width: 940px;
		 width:100%;
	}

	section > .center{ width:calc(100% - 2em); }
	
 }

 @media (max-width: 1000px)
 {
	 html,body
	 {
		 font-size: 15px;
	 }

	 .headline h1
	 {
		 font-size: 2.2em;
	 }

	 .imagetext .left,.imagetext .right
	 {
		 float:none;
		 width:100%;
	 }

	 .imagetext h1,.imagetext .typo,.offer
	 {
		margin-left:1.8rem;
		margin-right: 1.8rem;
	 }
	 
	 .imagetext .right > div:last-of-type { margin-bottom: 1.8rem; }
	 .imagetext .links { margin:1rem 1.8rem; }
	
	 section > .center
	 {
		 width:100%;
	 }
	 nav 
	 {
		 display:none;
	 }
	 
	 nav.visible
	 {
		 display:block;
	 }
	 
	 nav ul li 
	 {
		 display:block;
		 width:100%;
	 }
	 
	 nav ul
	 {
		 margin-bottom: 1.8rem;
		 margin-top:1.8rem;
	 }

	 nav ul li a
	 {
		 line-height: 1.5em;
	 }
	
	 .logo:not(.mobile)
	 {
		 display:none;
	 }

	 .logo.mobile
	 {
		 display:block;
		 left:1em;
		 top:0px;
		 height: 134px;
		 width: 99px;	 
		 box-sizing: content-box;
	 }

	 .logo.mobile.open
	 {
		 top: auto;
		 bottom: -54px;
	 }

	header .logo svg
	{
		height: 134px;
		width: 99px;
	}

	 header
	 {
		 min-height:64px;
	 }

	 .nav-toggle
	 {
		 display:block;
	 }
	
	 nav ul
	 {
		 display:block;
	 }

	 nav ul > li
	 {
		display:block;
	 }
	 
	 .contact .form 
	 {
		 float:none;
		 width:auto;
	 }

	 .contact .form .inner ,.contact .address .inner
	 {
		float:none;
		width:100%;
		padding:1.8rem;
		max-width:none;
	 }
	 
	 .contact .boxes 
	 {
		background:rgba(60, 60, 59, 1);
	}
	
	.contact .address
	{
		width:100%;
		background:rgba(222, 222, 222, 1);
	}

	footer
	{
		padding-right: 1rem;
		padding-left:1rem;
	}
	.popup .group{
		grid-template-columns: 1fr;
	}
 }

 @media (min-width: 1900px)
 {
	.headline .slide
	{
		width:387px;
		height:364px;
		padding:0px;
	}

	.headline .slideshow,.headline
	{
		min-height: 364px;
	}

 }

 @media (max-width: 880px)
 {
	.headline h1 { font-size:2em; }
 }
 
 @media (max-width: 800px)
 {

	.gallery.vtours a .overlay
	{
		font-size: .8em;
	}
	
	.gallery.vtours a .overlay .icon
	{
		font-size: 2em;
	}
	
	.gallery.vtours a .overlay .iconsmall
	{
		display: none;
	}


	.headline h1 { font-size:1.8em; }
 }

 @media (max-width: 768px)
 {
	main h1{ font-size: 2.8em; }
	main h2 { font-size: 2em; }
	.imagetext h1 { font-size: 2.6em; }
 }

 @media (max-width: 760px)
 {
	.headline .slideshow{ width:50%; }
	
	.headline .center
	{ 
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;	
	
	}

	.headline .slide
	{
		width:100%;
		height: auto;
		padding-top:100%;
	}

	.headline h1
	{
		width:100%;
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
	}
 }

 @media (max-width: 700px)
 {
	main h1{ font-size:2.4em; }

	main h2{ font-size:1.6em; }

	.headline h1{ font-size:1.4em; }

	.imagetext h1{ font-size:2.2em; }

	.slick .slick-prev, .slick .slick-next
	{
		position:absolute;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		height:60px;
		width:38px;
		top:50%;
		display:block;
		margin-top:-30px;
		cursor: pointer;
		background-color: transparent;
		z-index: 1200;
	}
 }

 @media (max-width: 650px)
 {
	main h1,main .center > .typo,.imagetext .typo
	{
		margin:1rem;
	}
	
	.imagetext h1,.headline h1,.offer,.gallery
	{
		margin-left:1rem;
		margin-right: 1rem;
		padding-left:0px;
		padding-right: 0px;
	}
	
	.imagetext .links ul
	{
		margin:0px -1.25rem;
	}
	
	.contact .form .inner, .contact .address .inner
	{
		padding:1rem;
	}
 }

 @media (max-width: 440px)
 {
	.contact .address table,.contact .address table tbody , .contact .address table tbody tr,.contact .address table tbody tr td
	{
		display:inline-block;
	}

	.gallery .items a{
		width: 100%;
		padding-top:65%;
	}
 }

 @media (max-width: 330px)
 {
	header
	{
		min-height:58px;
	}

	.logo.mobile, header .logo svg
	{
		height: 120px;
		width: 88px;	
	}

	.logo.mobile.open
	{
		top: auto;
		bottom: -48px;
	}
 }