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

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


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


html,body
{
	font-family: 'Source Sans Pro', sans-serif;
	box-sizing:border-box;
	height: 100%;
}

html
{
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
}

a{
	
	color: #000000;
}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

header
{
	background: #4b2818;
	margin: 0px 0px 30px 0px;
	-webkit-box-shadow: 0px 0px 25px black;
	-moz-box-shadow: 0px 0px 25px black;
	box-shadow: 0px 0px 25px black;
}

header .center
{
	margin: 0 auto;
	max-width: 1250px;
	padding: 5px 5px 20px 5px;
	position: relative;
}

header .logo
{
	float: left;
	margin: 7px 45px 0px 0px;
}

header .logo img
{
	width: 290px;
}

header h3
{
	font-weight: 300;
	color: #FFFFFF;
	font-size: 22px;
	padding: 0px;
	margin: 0px 100px 4px 0px;
}

header nav
{
	margin-left: 300px;
}

header nav a
{
	font-family: 'Source Sans Pro';
	font-weight: 700;
	display: inline-block;
	color: #a63e0d;
	font-size: 17px;
	text-decoration: none;
	padding: 59px 8px 0px 8px;
	text-transform: uppercase;
	white-space: nowrap;
	transition: color .5s;
}


header nav a:not(.last)::before { 
	content: "￭";
	color:#ff702c;
}

header nav a:not(.last):FIRST-CHILD::before
{
	content:"";
}
header nav a:hover,
header nav a.on
{
	color: #ff702c;
}

header nav a.last
{
	font-family: 'Source Sans Pro';
	font-weight: 500;
	font-size: 11px;
	line-height: 35px;
	text-decoration: underline;
	float: right;
	padding-left: 10px;
}

header .nav-toggle
{
	display: none;
	font-size: 30px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
	text-align: center;
	cursor: pointer;
}

header .nav-toggle i
{
	background: #FFFFFF;
	padding: 10px;
}

header .twitter
{
	position: absolute;
	display: block;
	top: 25px;
	right: 60px;
	width: 40px;
	height: 40px;
	background: url('../images/twitter.png') no-repeat center center;
	background-size: contain;
}

header .facebook
{
	position: absolute;
	display: block;
	top: 25px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: url('../images/facebook.png') no-repeat center center;
	background-size: contain;
}

.center
{
	margin: 0 auto;
	max-width: 1250px;
	padding: 0px 5px 20px 5px;
	position: relative;
}


main .box
{
	border: 1px solid rgba(255, 112, 44, 0.5);
	max-width: 803px;
	width: 100%;
	box-sizing:border-box;
	border-radius: 10px 50px;
	padding: 20px 30px;
	background: url('../images/trans.png');
	margin: 0px 30px 30px 0px;
}

main .box.news
{
	background: url('../images/trans_news.png');
	border-radius: 10px 50px;
        box-sizing: border-box;
}

main .box.news h1
{
	color: #FFFFFF;
	margin-top: 0px;
	font-weight: 700;
}

main .box.news .typo
{
	margin-left: 140px;
}

main h1
{
	font-family: 'Source Sans Pro';
	font-weight: 300;
	color: #a63e0d;
	font-size: 32px;
	Text-Transform: uppercase;
}

main h1 img
{
	float: left;
	width: 200px;
	margin: -15px 10px 85px -10px;
	
}

main h1 a
{
	font-size: 44px;
}

main h1 a:hover
{
	color: #ff002f;
}

main h2
{
	font-weight: 400;
	font-size: 19px;
}

main .typo
{
	font-size: 18px;
	margin-bottom: 35px;
	font-weight: 400;
}

main .pricelist
{
	font-size: 12px;
	width: 100%;
}

main .pricelist tbody tr
{
	cursor: pointer;
	transition: background .3s;
}

main .pricelist tbody tr:nth-child(odd)
{
	background-color: rgba(42, 23, 14, 0.12);
	border-bottom: 1px solid rgba(42, 23, 14, 1);
}

main .pricelist tbody tr:hover,
main .pricelist tbody tr.active
{
	background: #ff702c;
}

main .pricelist th
{
	font-size: 11px;
}

main .pricelist td
{
	padding: 6px 2px 6px;
	border-bottom: 1px solid rgba(42, 23, 14, 1);
}

main .facts
{
	width: 100%;
	max-width: 250px;
}

main .gallery
{
	float: left;
	margin: 0px 0px 15px 0px;
	text-decoration: none;
	max-width: 48%
}

main .gallery:nth-child(even)
{
	float: right;
}

main .gallery img
{
	border: 1px solid #FFFFFF;
	transition: border-color .5s;
	width: 100%;

}

main .gallery:hover img
{
	border-color: #ff702c;
}
	
	
main .gallery h3
{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 15px;
	
	color: #000000;
}

#contact
{
	font-family: Arial;
	font-size: 13px;
	
}

main .field
{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #57534d;
	font-family: Arial;
	font-size: 13px;
	padding: 4px;
	margin: 4px 0px;
}

main button
{
	background: #4b2818;
	color: #ff702c;
	border: 0px;
	width: 100%;
	padding: 4px;
	margin: 4px 0px;
}

main button:hover
{
	background: #a63e0d ;
}

main .error,
main .field .error
{
	color: red;
	font-size: 13px;
	border-color: red;
}



label label.error
{
	padding: 0px 5px;
}


.docs
{
	list-style-type: none;
	padding: 0px;
	margin: 0px -10px 10px 0px;
}

.docs li
{
	float: left;
	margin: 0px 10px 10px 0px;
}

.docs a
{
    background: #4b2818 none repeat scroll 0 0;
    border-radius: 3px 15px 5px;
    box-sizing: border-box;
    color: #ff702c;
    display: block;
    font-size: 15px;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.3s ease 0s;
    width: 100%;
}

.docs a:hover
{
	background: #a63e0d;
}
		
		
section
{
	position: absolute;
	top: 0px;
	right: -180px;
	width: 590px;
}

section .images
{
	text-align: center;
}

section .images a:FIRST-CHILD img
{

	width: 85%;
	z-index: 10;
	margin-top: 0px;
}

.loaded section .images a:FIRST-CHILD img:hover
{
	border-color: #ff702c;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	
}

section .images  a img
{
	border: 5px solid #FFFFFF;
	border-radius: 10px 50px;
	margin-top: 17px;
	width: 85%;
	transition: all 1s ease-in-out,border-color .5s ;
}

.loaded section .images  a img:hover
{
	border-color: #ff702c;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}



section #iso
{
	position: initial; 
	width: 580px;
	height: 630px;
	background: rgba(255, 255, 255, 0.87);
	margin-bottom: 25px;
}


#iso text
{
	font-family: 'Source Sans Pro';
	Font-weight: 300;
}

#iso .flat *
{
	opacity: 0;
	cursor: pointer;
}

#iso .flat.active *
{
	opacity: 1;
}

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

#iso .level.active
{
	transform: translate(0px, -40px);
	-webkit-transform: translate(0px, -40px);
	-ms-transform: translate(0px, -40px);
}

.vtour
{
	position:absolute;
	right:100px;
	top:15px;
	width: 120px;
	height: 120px;
	max-width: 120px;
	width: 10vw;
	min-width: 6.6em;
	background:url(../images/Button_Bezug.png?v1);
	background-size: contain;
	background-repeat: no-repeat;
	transition: all .2s;
}

.ButtonSenioren
{
	display: block;
	position: absolute;
	top:15px;
	right: 240px;
	max-width: 125px;
	width: 10vw;
	min-width: 6.6em;
	transition: all .2s;
	z-index: 200;
}

.ButtonSenioren img
{
	width: 100%;
	border: 0px;
}

.ButtonSenioren:hover,.vtour:hover
{ 
	transform: scale(1.1); 
}

@media (max-width: 1600px)
{
	main:not(.big) .box
	{
		margin-left: 0px;
	}
	
	section
	{
		right: 0px;
	}
}




@media (max-width: 1599px)
{
	
	main .box
	{
		margin-left: 0px;
	}
	
	header .center
	{
		padding: 15px 5px 10px 5px;
	}
	
	header nav a 
	{
		padding-top: 10px;
		font-size: 20px;
	}
	
	header nav
	{
		margin-left: 0px;
		float: left;
	}
	
	section
	{
		top: 0px;
		right: 0px;
		max-width: 400px;
		width: 100%;
	}	
	
	section #iso
	{
		width: 300px;
		height: 250px;
	}
	
	.vtour
	{
		right:15px;
		top:15px;
	}
	.ButtonSenioren{
		right: 150px;
	}
}

@media (max-width: 1220px)
{
	.ButtonSenioren,.vtour
	{
		top:4em;
	}
}
@media (max-width: 1200px)
{
	section
	{
		position: static;
		max-width: 590px;
	}

}


@media (max-width: 948px)
{
	.ButtonSenioren,.vtour
	{
		top:15px;
	}
	.ButtonSenioren{
		right:9em;
	}
}


@media (max-width: 700px)
{

	header .logo img
	{
		width: 200px;
	}
	
	header .facebook,
	header .twitter,
	header h3,
	.hidemobil
	{
		display: none;
	}
	
	header nav.visible,
	header .nav-toggle
	{
		display: block;
	}
	
	header nav.visible
	{
		float: none;
		clear: both;
	}
	
	header nav a
	{
		display: block;
	}
	
	header nav a:not(.last)::before 
	{
		content:"";
	}
	
	main h1 img
	{
		display: block;
		float: none;
		width: 80px;
	}
	
	main .box.news .typo
	{
		margin-left: 0px;
	}
	
	header nav
	{
		clear:left;
		padding-bottom:.5em;
	}
	
	header nav a.last
	{
		float:left;
		line-height:normal;
	}
	

	
	
	main .box {
	    padding: 20px 15px;
	}
	
	main .gallery,
	main .gallery:nth-child(2n)
	{
		float: none;
		max-width: 100%
	}
	
	main h1 {
	    font-size: 26px;
	}
				
	table.address,			
	table.address td,
	table.address tr
	{
	
		display: block;

	}
	
	
}

@media (max-width: 520px)
{
	.vtour
	{
		right:10px;
		top:10px;
	}
	.ButtonSenioren{
		right:10px;
		top:8em;
	}
}
@media (max-width: 350px)
{
	header .logo img{
		width:187px;
	}
}
input[name=Email_Address]{display:none;}