header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
/* allgemeine Definition */
.sc {
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0 !important;
	clear:none !important;
}
.sc-first
{
	clear: both !important;
}
.sc-last {
}
.sc-clear {
	clear:left;
}

.sc-rowspan > *
{
	margin: 0!important;
	padding: 0!important;
}

/* 2-spaltig */
.sc2 {
	width:49.5%;padding-right:1%;float:left;display:inline;
}
.sc2-first {
	clear:left;
}
.sc2-last {
	padding-right:0;
}

/* 3-spaltig */
.sc3 {
	width:32.3%;padding-right:1%;float:left;display:inline;
}
.sc3-first {
	clear:left;
}
.sc3-last {
	padding-right:1.1%;
}
.sc3-2 {
	width:65.6%;padding-right:1%;float:left;display:inline;
}
.sc3-2-first {
	clear:left;
}
.sc3-2-last {
	padding-right:1.1%;
}

/* 4-spaltig */
.sc4 {
	width:24%;padding-right:1%;float:left;display:inline;
}
.sc4-first {
	clear:left;
}
.sc4-last {
}
.sc4-2 {
	width:49%;padding-right:1%;float:left;display:inline;
}
.sc4-2-first {
	clear:left;
}
.sc4-2-last {
}
.sc4-3 {
	width:74%;padding-right:1%;float:left;display:inline;
}
.sc4-3-first {
	clear:left;
}
.sc4-3-last {
}

/* 5-spaltig */
.sc5 {
	width:19%;padding-right:1%;float:left;display:inline;
}
.sc5-first {
	clear:left;
}
.sc5-last {
}
.sc5-2 {
	width:39%;padding-right:1%;float:left;display:inline;
}
.sc5-2-first {
	clear:left;
}
.sc5-2-last {
}
.sc5-3 {
	width:59%;padding-right:1%;float:left;display:inline;
}
.sc5-3-first {
	clear:left;
}
.sc5-3-last {
}
.sc5-4 {
	width:79%;padding-right:1%;float:left;display:inline;
}
.sc5-4-first {
	clear:left;
}
.sc5-4-last {
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*************************************************************/
/*   Design:   BALI.CH								 	 	 */
/*   File:     screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:    Reto Bühler, www.nuun.ch			             */
/*   Datum:    September 2015					             */
/*   Site:     wwww.bali.ch						   		     */
/*   UPDATE:										         */
/*   Autor:    Thomas Dürig, www.nuun.ch		             */
/*   Datum:    November 2016					             */
/*************************************************************/
/* BRAUN: #5C5450 */

/*  GLOBAL LAYOUT											 */
/*************************************************************/
html, body {width:100%; height: 100%; margin:0 auto; font: 62.5% Arial, Verdana, Helvetica, sans-serif; color:#353535; letter-spacing:0.0em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {font-size:16px; font-size:1.6rem;}

#wrapper {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none; font-size:1.5rem; line-height:2.1rem;}
* html #wrapper {height:100%;}
.mm-page {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none; font-size:1.5rem; line-height:2.1rem;}
* html .mm-page {height:100%;}

body.home #header {height: 267px;}

#header {height:280px; width:1100px; position:relative; z-index:1800; margin:0 auto; background:none; padding:0 25px;}
#header .inside {width:100%;}
#header .inside .content {position:relative; background:#fff; float:left;}

#container {position:relative; top:0; width:1100px; min-height:150px; z-index:1000; clear:both; padding:0 25px; margin:0 auto; background:none; z-index:1000;}
* html #container {height:150px;}

body.home #main .inside {padding: 80px 0 130px 0;}
#main {float:left; width:100%;}
#main .inside {padding:0 0 50px 0; width:100%; float:left;}

#footer {width:100%; height:120px; padding:0; position:relative; z-index:1200; margin-top: -120px; margin-left:auto; margin-right:auto; font-family:'latobold'; font-size:1.4rem; line-height:2.0rem; display:block; clear:both; color:#fff; z-index:600;}
#footer .inside {position:relative; width:100%; height:120px; display:block; margin:0; padding:0; float:left; clear:both; background:#5C5450;}
#footer .inside .content {position:relative; width:1100px; height:120px; display:block; margin-left:auto; margin-right:auto; padding:0 25px;}
.endcontent {height:120px; width:100%; display:block; position:relative; z-index:300;}
#footer .footertop {height: 155px; padding: 20px 0;}
#footer .footertop .ce_text {width: 29%; padding: 15px 2% 0 2%; border-right: 1px solid #fff; height: 140px;}
#footer .footertop .ce_text:first-child {width: 31%; padding-left: 0;}
#footer .footertop .ce_text:last-child {width: 31%; padding-right: 0; border:none;}
#footer .footertop .ce_text h3 {margin-top: 0; font-size: 15px; font-family: 'latobold';}
#footer .footertop .ce_text h3:after {content: " "; display:block; width: 12px; height: 1px; border-top: 1px solid #fff;}
#footer .ce_text {float:left; font-family: 'latoregular'; letter-spacing: 0.5px; font-size: 13px; line-height: 21px;}
#footer .footerbot {height: 81px; padding-top: 35px; /*border-top: 1px solid #fff;*/}
#footer .footerbot .ce_text {width: 14%; float: left; padding: 0 2%;}
#footer .footerbot .ce_text:first-child {width: 15%; padding-left: 0;}
#footer .footerbot .ce_text:first-child table {width: 100%; }
#footer .footerbot .ce_text:last-child {width: 8%; float: right; padding-right: 0; text-align: right;}

#logo {display:block; position:relative; text-align: center; top:38px; left:0; right: 0; margin: 0 auto; width:250px; height:100px; font-family: 'latolight';}
#logo p {width:250px; height:30px; color: #5C5450; font-size: 20px; margin:20px 0 0 0; padding:0; float:left;}
#logo p a {width:250px; height:100px; margin:0; padding:0; float:left; text-decoration:none !important;}
#logo img {width: 180px;}

#logo-mobile {display:none;}

.cleaner {clear:both;}

/*#cboxOverlay {text-align:center;}*/
/*#colorbox {left:2% !important; margin-left:;}*/

body.firefox strong, body.firefox bold {font-weight: 100;}
body.safari strong, body.safari bold {font-weight: 100;}
strong, bold {font-family: 'latobold';}

.zentriert {text-align:center;}
#main .ce_image.imageauto .image_container img {width:auto !important; margin-bottom:50px;}

/*  CONTENTLINKS UND NAVIGATION							  	 */
/*************************************************************/
#header a, #header a:link, #header a:visited {color:#000; text-decoration:none;}
#header a:hover, #header a:active {color:#000; text-decoration:underline;}

#main a, #main a:link, #main a:visited {color:#5C5450; text-decoration:none;}
#main a:hover, #main a:active {color:#353535; text-decoration:underline;}

#footer a, #footer a:link, #footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover, #footer a:active {color:#fff; text-decoration:underline;}

#header .mod_nav_main {position:relative; top:85px; height: 60px; padding: 0; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; width: 100%; right:0; margin:0; clear:both; float:left;}
#header .mod_nav_main ul {float:left; width: 100%; padding:0; margin:0; font-size:15px; line-height:1em; font-family:'latoregular'; text-transform:uppercase;}
body.architektur #header .mod_nav_main ul li {display:block; float:left; padding: 23px 0; margin:0 0 0 0; width:25%; text-align:center;}
body.liegenschaft #header .mod_nav_main ul li {position: relative; display:block; float:left; padding: 23px 0; margin:0 0 0 0; width:25%; text-align:center;}
#header .mod_nav_main ul li.first {margin:0 0 0 0;}

#header .mod_nav_main ul li a, #header .mod_nav_main ul li a:link, #header .mod_nav_main ul li a:visited {color:#858585; padding:0; margin:0; display:block; text-decoration:none;}
#header .mod_nav_main ul li a.active, #header .mod_nav_main ul li a:hover {color:#5C5450; font-family: 'latobold';}
#header .mod_nav_main ul li a.trail {color:#5C5450; background:none; font-family: 'latobold';}

#header .mod_nav_main ul li li {margin:0 0 0 0;}
#header .mod_nav_main ul li li a.trail {color:#fff; background:#888888;}

#header .mod_nav_main ul li span.nonavlink {cursor: pointer;}
#header .mod_nav_main ul li span.nonavlink:hover,#header .mod_nav_main ul li span.nonavlink.trail {color:#5C5450; font-family: 'latobold';}

#header .mod_nav_main ul.level_1 li.submenu a {font-family: 'latobold';}
#header .mod_nav_main ul.level_2 li a {font-family: 'latoregular' !important;}

#header .mod_nav_main ul.level_1 li:hover ul.level_2 {display: block;}
/*#header .mod_nav_main ul.level_1 li.nonavlink:hover ul.level_2 {display: none;}*/

#header .mod_nav_main li.submenu ul.level_2 {position: absolute; top: 60px; display: none;}
#header .mod_nav_main li.submenu ul.level_2 li {width: 100%; padding: 0;}
#header .mod_nav_main li.submenu ul.level_2 li a {display: block; width: 96%; padding: 20px 2%; font-size: 15px; color: #fff; background: #5C5450; border-bottom: 1px solid #fff;}

#footer .mod_nav_service ul {width:auto; float:right; padding:0; text-align:left;}
#footer .mod_nav_service ul li {display:block; float:left; margin:0 0 0 70px; padding:0; text-align:left;}
#footer .mod_nav_service ul li.first {margin:0 0 0 0; padding:0;}

.menuhome {position: relative; display: block; color: #868686; clear: both; height: 60px; margin-top: 65px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.menuhome a:nth-child(1) {width: 49.5%; color: #868686 !important; display: inline-block; text-align: center; border-right: 1px solid #ddd; font-size: 15px; font-family: 'latoregular'; text-transform: uppercase; height: 40px; padding-top: 19px;}
.menuhome a:nth-child(2) {width: 49.5%; color: #868686 !important; display: inline-block; text-align: center; font-size: 15px; font-family: 'latoregular'; text-transform: uppercase; height: 40px; padding-top: 19px;}

.toplinkleft {display: inline-block; position: absolute; left: 2%; top: 33px; text-transform: uppercase; font-family: 'latoregular'; color: #868686; font-size: 15px;}
.toplinkright {display: inline-block; position: absolute; right: 2%; top: 33px; text-transform: uppercase; font-family: 'latoregular'; color: #868686; font-size: 15px;}
.toplinkleft a, .toplinkright a {color: #868686 !important;}

#header .mod_nav_main ul li.kontaktmenu {display: none !important;}

/*  INHALTSELEMENTE										  	 */
/*************************************************************/
#container p {padding:8px 0; margin:0;font-family: 'latoregular';}
#footer p {padding:0 0 6px 0; margin:0;}

#container h1 {padding:2px 0 3px 0; margin:0; font-size:3.0rem; line-height:3.6rem; color:#5C5450; font-weight:normal; font-family:'playfair_displaybold'; display:inline;}
#container h2 {padding:2px 0 3px 0; margin:0; font-size:3.0rem; line-height:4.2rem; color:#5C5450; font-weight:normal; font-family:'playfair_displaybold'; display:inline;}
#container h3 {padding:8px 0 0 0; margin:0 0 4px 0; font-size:1.5rem; letter-spacing: 1px; line-height:2.1rem; color:#868686; font-weight:normal; text-transform:uppercase; font-family:'latobold';}
#container h4 {padding:6px 0 0 0; margin:0 0 0 0; font-size:1.4rem; line-height:2.1rem; color:#353535; font-weight:bold;}

#headerimage h2 {padding:2px 10px 3px 5px; margin:0 0 4px 0; font-size:3.0rem; line-height:4.2rem; color:#fff; font-weight:normal; font-family:'latolight'; background:#727477; display:inline; float:left; clear:both;}
#headerimage h3 {padding:2px 10px 0 5px; margin:0 0 4px 0; font-size:1.5rem; line-height:2.1rem; color:#fff; font-weight:normal; text-transform:uppercase; font-family:'latolight'; background:#929ca9; display:inline; float:left; clear:both;}


#main .ce_image {float:left; width:100%; clear:both;}
#main .ce_image .image_container {margin:0 0 8px 0; width:100%; float:left; clear:both;}
#main .ce_image .image_container img {width:100% !important; height:auto !important;}

#main .ce_text .image_container.float_above {margin:12px 0 4px 0; padding:0; float:none; clear:both;}
#main .ce_text .image_container.float_right {margin:12px 0 6px 20px; float:right;}
#main .ce_text .image_container.float_left {margin:12px 20px 6px 0; float:left;}

body.home .homeone {height: 110px;}

#main .mod_newslist .image_container {margin:10px 2% 0 0; float:left; width: 40%; display: inline-block;}
#main .mod_newslist .image_container img {width: 100%; height: auto;}

#main .news_full .image_container {margin:10px 10px 12px 0; float:left;}

#main .ce_text .image_container img {width: 100%; height: auto;}

#main .ce_text {clear:both; width:100%; float:left; padding:0 0 12px 0;}
#main .ce_text ul {display:block; list-style-type:none; margin:0; padding:6px 0 10px 0; }
#main .ce_text ul li {padding:0 0 0 14px; margin:0; display:block; background:url(../../files/data/graphics/icon_list.png) 2px 7px no-repeat;}

/* CE DOWNLOADS */
.ce_download, .ce_downloads {position:relative; float:left; width:100%; margin:0; padding:0; text-transform:uppercase; font-family:'latoregular';}
.ce_downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 16px 0;}
.ce_download ul {position:relative; float:left; width:100%; margin:0; padding:5px 0 0 0;}
.ce_download ul li, .ce_downloads ul li, .enclosure {position:relative; width:100%; line-height:2.1rem;}
.ce_download img, .ce_downloads img, .enclosure img {position:absolute; left:0; top:3px; z-index:100;}
#container #main .ce_downloads a, #container #main .ce_downloads a:link, #container #main .ce_downloads a:visited, #container #main .ce_download a, #container #main .ce_download a:visited, #container #main .ce_download a:link, #container #main .enclosure a:link, #container #main .enclosure a:visited {
	position:relative;
	z-index:300;
	display:block;
	padding:3px 0 0 25px;
	margin:0 0 0 0;
	text-decoration:none !important;
	}	

.ce_download .right {width:40%; float:right; display:block; font-family:'latobold'; color:#858585;}
.ce_download a .right {color:#858585 !important;}

	
img {vertical-align:bottom;}

#main .sc2-first {width:48% !important; padding:0 4% 0 0; float:left; display:inline; clear: left;}
#main .sc2-last {width:48%; padding-right:0 !important;}

#main .sc3 {width: 32%; padding-right: 2%; float: left; display: inline;}
#main .sc3-first {clear: left;}
#main .sc3-last {clear: left; padding-right: 0;}

#main .sc .ce_text {padding:0 0 0 0;}

.ce_gallery {width:100%; clear:both; float:left;}
.ce_gallery ul {padding:12px 0 8px 0; clear:both; float:left;}
.ce_gallery ul li {padding:0 2% 11px 0; width:32%; height:32%; float:left;}
.ce_gallery ul li.col_last {padding:0 0 11px 0;}
.ce_gallery ul li .image_container {padding:0; margin:0; float:left;}

#main .ce_gallery ul li .image_container {width:100%;}
#main .ce_gallery ul li .image_container img {width:100%; height:auto; float:left;}

.ce_dlh_googlemaps {width:100%; height:400px; float:left; display:block; z-index:1200;}
.dlh_googlemap {width:100%; height:400px; float:left; display:block; z-index:1200;}
iframe {width:100% !important; height:400px !important; float:left; display:block; z-index:1200;}

/* PAGINATION */
#main .pagination {width:100%; float:left; display:block; padding:9px 0 0 0; color:#5C5450; font-family: 'latoregular';}
#main .pagination p {display: none;}
#main .pagination ul {width:100%; text-align: center; float:left; display:block; list-style-type:none; padding:8px 0 0 0;}
#main .pagination ul li {display:inline; background:none; margin:0; padding:0;}
#main .pagination ul li:after {content: "-"; color: #5C5450;}
#main .pagination ul li:last-child:after {content: " ";}
#main .pagination ul li span {padding: 0 5px 0 0;}
#main .pagination ul li a {padding: 0 5px 0 0;}
#main .pagination .current {font-family: 'latoblack'; text-decoration: underline;}
#main .pagination ul li.last {display: none;}
#main .pagination ul li.first {display: none;}
/*#main .pagination ul li.next {display: none;}
#main .pagination ul li.previous {display: none;}*/
#right .pagination {width:100%; float:left; display:block; padding:9px 0 0 0; font-size:1.1rem; line-height:1.7rem;}
#right .pagination p {width:38%; float:right; display:block; padding:0; text-align:right;}
#right .pagination ul {width:62%; float:left; display:block; list-style-type:none; padding:8px 0 0 0;}
#right .pagination ul li {float:left !important; display:inline; background:none; margin:0 8px 0 0 !important; padding:0 !important;}
#right .pagination .current {color:#636363;}


/* Desktop-Mobile Settings */
#header #mod_nav_mobile {display:none;}
#header a.mobilebtn {display:none;}

body.liegenschaft #container .mod_newslist h3 {margin-bottom: -23px;}
body.liegenschaft #container .mod_newslist h2 {font-size: 20px; margin-top: 25px; font-family: 'playfair_displayregular'; display: inline-block; width: 58%; line-height: 2.5rem; float: left;}
body.liegenschaft #container .mod_newslist p.more {line-height: 1.4em; font-family: 'latoregular';}

body.architektur #container .mod_newslist h3 {margin-bottom: -23px;}
body.architektur #container .mod_newslist h2 {font-size: 20px; margin-top: 25px; font-family: 'playfair_displayregular'; line-height: 2.5rem; display: inline-block; width: 58%; float: left;}
body.architektur #container .mod_newslist p.more {line-height: 1.4em; font-family: 'latoregular';}

#container .mod_newslist h3 {margin-top: 10px; line-height: 1.8rem;}

#container .mod_newslist h2 a {color:#5C5450; text-decoration:none !important; font-size: 20px;}
#container p.more {font-family:'latoblack';}
#container .mod_newslist .layout_latest.even {width: 48%; margin-right: 4%; margin-bottom: 45px; display: inline-block; float:left;}
#container .mod_newslist .layout_latest.odd {width: 48%; margin-right: 0; margin-bottom: 45px; display: inline-block; float: left;}
body.einspaltig #container .mod_newslist .layout_latest.even {width: 100%; margin-right: 0;}
body.einspaltig #container .mod_newslist .layout_latest.odd {width: 100%; margin-right: 0;}
body.einspaltig #container .mod_newslist .layout_latest h2 a {font-size: 25px;}
#container .mod_newslist p.more {line-height: 2em; width: 58%; float: right;}

.back {position:absolute; top:174px; left:25px; float:left; font-family: 'latoregular'; padding:0; margin:0;}
.back a {float:left; padding:0 5px; background:#cccccc; color:#fff !important; text-decoration:none !important; text-transform:uppercase;}

#main .layout_full_immo .newsheader {float:left; width:65.45454545454545%; padding:0 2.727272727272727% 4px 0; margin:0;}
#main .layout_full_immo .ce_accessible_tabs {float:left; display:block; width:65.45454545454545%; padding:0 2.727272727272727% 0 0;}
#main .layout_full_immo .ce_accessible_tabs .ce_text {float:left; width:100%; margin:0;}
#main .layout_full_immo .ce_text {float:right; width:31.81818181818182%; clear:none; margin:-45px 0 0 0;}

#main .layout_full_immo ul.tabs-list {margin-top: 11px;}

#main .layout_full_immo ul.tabs-list li {float:left; padding:0 4px 0 0;} 
#main .layout_full_immo ul.tabs-list li a {float:left; background-color:#cccccc; padding:1px 30px; margin:0; font-size:15px; line-height:3.6rem; text-transform: uppercase; color:#fff; font-weight:normal; font-family:'latobold';}

/*#main .layout_full_immo ul.tabs-list li a#tab_bilder {background-image:url(../../files/data/graphics/icon_bilder.png); background-repeat:no-repeat; background-position:5px 6px; padding:1px 10px 1px 40px;}
#main .layout_full_immo ul.tabs-list li a#tab_karte {background-image:url(../../files/data/graphics/icon_karte.png); background-repeat:no-repeat; background-position:5px 6px; padding:1px 10px 1px 28px;}
#main .layout_full_immo ul.tabs-list li a#tab_plaene {background-image:url(../../files/data/graphics/icon_plaene.png); background-repeat:no-repeat; background-position:5px 6px; padding:1px 10px 1px 38px;}*/

#main .layout_full_immo ul.tabs-list li a:hover,
#main .layout_full_immo ul.tabs-list li a:active,
#main .layout_full_immo ul.tabs-list li.current a {text-decoration:none; background:#5C5450;} 

#main .layout_full_immo .content {float:left; width:100%; padding:12px 0 0 0;}

#main .layout_full_immo ul.tabs-list li a span {display:none;}
#main .layout_full_immo .content .tabhead {display:none;}

.address-desktop {display:block;}
.address-mobile {display:none;}

.custom {overflow: hidden;}

.ce_caroufredsel {width:auto; height:540px; margin:0 auto; padding:0 0 20px 0; position:relative;}
.ce_caroufredsel_gallery {width:auto; max-height:540px; margin:0 auto; padding:0 0 35px 0; position:relative;}
.caroufredsel_gallery {float:left; width:1150px; max-height:500px;}
.caroufredsel_gallery .image_container img {float:left !important; width:100% !important; height:auto !important; margin-top:-18% !important;}
.ce_caroufredsel_gallery.bildoben .image_container img {margin-top: 0 !important;}

.caroufredsel .ce_text {float:left; width:1150px; max-height:500px; position:relative;}
.caroufredsel .ce_text .textcontent {position:absolute; bottom:-40px; left:0; z-index:800; font-size: 12px; color: #5C5450;}
.caroufredsel .ce_text .textcontent p {color: #5C5450; font-family: 'latobold';}
.caroufredsel .ce_text .image_container {max-height: 500px; overflow: hidden; display: flex;}
.caroufredsel .ce_text .image_container a {display: flex;} 
.caroufredsel .ce_text .image_container img {float:left !important; width:100% !important; height:auto !important; /*margin-top: -18% !important;*/ align-self: center;}
body.ie .caroufredsel .ce_text .image_container img {margin-top: -7% !important;}
.caroufredsel .ce_text .hover {}
.caroufredsel .ce_text .hover a {float:left !important; width:100% !important; height:100% !important; position:absolute; z-index:1000; display:block;}
.caroufredsel_outerwrapper {position:relative; width:1150px; margin:0 auto;}
body.home .caroufredsel_wrapper {width:auto !important; overflow: visible !important; height: 500px !important;}

.caroufredsel_controls {position:relative; width:100%; z-index: 2000;}
.caroufredsel_navi {width:1100px; margin:0 auto; position:relative;}
.caroufredsel_prev {position:absolute; left:0; margin:-225px 0 0 0; z-index:1200;}
.caroufredsel_next {position:absolute; right:0; margin:-225px 0 0 0; z-index:1200;}

.caroufredsel_navi a.caroufredsel_prev {background:url(../../files/data/graphics/slider_arrow_left.png) left top no-repeat; display:block; float:left; width:21px; height:36px;}
.caroufredsel_navi a.caroufredsel_next {background:url(../../files/data/graphics/slider_arrow_right.png) right top no-repeat; display:block; float:left; width:21px; height:36px;}
.caroufredsel_navi a span {display:none;}

.caroufredsel_pagi {width:100%; margin:-40px auto 0 auto; position:relative; text-align:center;}
.caroufredsel_pagi a {background:url(../../files/data/graphics/slider_btn_inactive.svg) left top no-repeat; display:inline-block; margin:0 3px; width:13px; height:14px;}
.caroufredsel_pagi a.selected {background:url(../../files/data/graphics/slider_btn_active.svg) left top no-repeat; display:inline-block; width:15px; height:15px;}
.caroufredsel_pagi a span {display:none;}

/*  FORMULARE (STANDARD/KOMMENTARE						  	 */
/*************************************************************/
#main .ce_form {width:65.45454545454545%; margin:0; padding:8px 2.727272727272727 20px 0 !important; clear:both; float:left;}
#main .formbody {padding:20px 0 0 0;}
#main .formbody label {float:left; display:block; width:29%; padding:0 0 0 0; margin:3px 0 8px 0; text-align:left;}
#main .formbody label.error {float:left; display:block; width:29%; padding:0 0 0 0; margin:3px 0 0 0; text-align:left;}
#main .formbody input {float:right; width:65%; height:19px; border:1px solid #cccccc; color:#808080; margin:0 0 8px 0; padding:2px 1%; background:#f8f8f8;}
#main .formbody input.error {border: 1px solid #cccccc; margin:2px 0 8px 29%;}
#main .formbody input:focus {border: 1px solid #cccccc; background:#fff;}

#main textarea {float:right; width:65%; height: 100px; border: 1px solid #cccccc; margin:0 0 12px 0; color:#787878; padding:4px 1%; background:#f8f8f8; font-family:Arial, Verdana, Helvetica, sans-serif;}
#main textarea.error {margin:0 0 8px 29%;}
#main .formbody textarea.error {border:1px solid #cccccc;}
#main .formbody textarea:focus {border:1px solid #cccccc; background:#fff;}

#main .formbody .submit {color:#fff; background:#888888; float: right; border:none; cursor:pointer; height:28px; margin:2px 0 8px 0; padding:2px 0 5px 0; width:50%; font-weight:normal;}
#main .formbody p.error {color:#808080; float:right; width: 67%; font-size:13px; padding:5px 0 4px 0 !important; margin:0; line-height:2rem;}
#main .formbody legend {float:left; display:block; width:29%; padding:0 0 0 0; margin:2px 0 12px 0; text-align:left;}
#main .ce_form .captcha_text {float:right; display:block; width:67.3%; padding:0 0 0 0; margin:2px 0 8px 0; text-align:left;}
#main select {float:right; width: 67.3%; height: 26px; border: 1px solid #cccccc; color:#808080; margin:0 0 8px 0; padding:2px 2px; background: #f8f8f8;}
#main .formbody br, #main .formbody div {clear:both; margin:0; padding:0;}

#main .formbody input.checkbox {
	display:block;
	background:none !important;
	border:none !important;
	width:14px !important;
	float: left;
	margin:3px 5px 0 0 !important;
	padding:0;
}
.checkbox_container {width:100%; display:block; float:left;	padding:0 0 12px 0;}
.checkbox_container label {width:90% !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;}
.checkbox_container span {width:67%; display:block; float:right;}
.checkbox_container span.mandatory {width:10px; display:inline; float:none;}

#main .formbody input.radio {
	display:block;
	background:none !important;
	border:none !important;
	width:14px !important;
	float: left;
	margin:3px 5px 0 0 !important;
	padding:0;
}
.radio_container {width:100%; display:block; float:left; padding:0 0 12px 0;}
.radio_container label {width:90% !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;}
.radio_container span {width:67%; display:block; float:right;}
.radio_container span.mandatory {width:10px; display:inline; float:none;}

/*  COLORBOX												 */
/*************************************************************/
#cboxOverlay {background: #5C5450; opacity: 0.975 !important;}
#cboxLoadedContent {border: none;}
#cboxPrevious {left: 10px; background: url(../../files/data/graphics/slider_arrow_left.png) center no-repeat; background-size: contain;}
#cboxPrevious:hover {background-position: center; opacity: 0.8;}
#cboxNext {right: 10px; background: url(../../files/data/graphics/slider_arrow_right.png) center no-repeat; background-size: contain;}
#cboxNext:hover {background-position: center; opacity: 0.8;}
#cboxClose {top: 10px; right: 10px; width: 26px; height: 25px; background: url(../../files/data/graphics/menu-close.svg) no-repeat; background-size: contain;}
#cboxClose:hover {opacity: 0.8;}

/*  MOBILE 													 */
/*************************************************************/
@media (max-width:1150px){

#header {width:92%; padding:0 4%;}

#container { width:92%; padding:0 4%;}

#footer .inside .content {width:92%; padding:0 4%;}
#footer .ce_text {width:50%;}
#footer .mod_nav_service {width:50%;}

#header .mod_nav_main ul li {margin:0 0 0 18px;}


.ce_caroufredsel {width:100%; max-height:540px; height:auto; margin:0 auto; position:relative;}
.ce_caroufredsel_gallery {width:auto; max-height:540px; margin:0 auto; position:relative;}
.caroufredsel_gallery {float: left; width: 100vw !important; max-height: 500px;}
.caroufredsel_gallery .image_container img {float:left !important; width:100% !important; height:auto !important;}

.caroufredsel_outerwrapper {position:relative; width:100%; margin:0 auto;}
.caroufredsel_wrapper {width:100% !important; position:relative; float:left;}
.caroufredsel .ce_text {float:left; width:100%; max-height:500px; position:relative;}
.caroufredsel .ce_text .textcontent {position:absolute; text-align: center; bottom: -40px; left:0; right: 0; margin: 0 auto; z-index:800;}
.caroufredsel .ce_text .image_container img {float:left !important; width:100% !important; height:auto !important;}
.caroufredsel .ce_text .hover a {float:left !important; width:100% !important; height:100% !important; position:absolute; z-index:1000; display:block;}

.caroufredsel_controls {position:relative; width:100%;}
.caroufredsel_navi {width:90%; margin:0 auto; position:relative;}

.caroufredsel_navi a.caroufredsel_prev {background:url(../../files/data/graphics/slider_arrow_left.png) left top no-repeat; display:block; float:left; width:21px; height:36px;}
.caroufredsel_navi a.caroufredsel_next {background:url(../../files/data/graphics/slider_arrow_right.png) right top no-repeat; display:block; float:left; width:21px; height:36px;}
.caroufredsel_navi a span {display:none;}

body.home .custom {overflow: hidden; padding-bottom: 40px; margin-bottom: 40px;}
body.home .homeone {height: auto;}

#main .ce_text .image_container.float_right {margin:12px 0 6px 20px; float:right; width:44.44444444444444%;}
#main .ce_text .image_container.float_left {margin:12px 20px 6px 0; float:left; width:44.44444444444444%;}

#main .ce_text .image_container img {width:100% !important; height:auto !important;}

.ce_gallery {width:100%; clear:both; float:left; margin:0; padding:0;}
.ce_gallery ul {padding:12px 0 0 0; margin:0; clear:both; float:left;}
.ce_gallery ul li {padding:0 2% 11px 0; width:32%; height:32%; float:left;}
.ce_gallery ul li.col_last {padding:0 0 11px 0;}
}

@media (max-width:1020px){
#header {height:250px; width:92%; padding:0 4%;}

body.home .caroufredsel_wrapper {height: 48.8vw !important;}
body.home #logo {width: 250px; float: none; position: relative; left: 0; height: auto;}
#logo {display:block; position:absolute; top:38px; left:4%; width:92%; height:70px; font-family: 'latolight'; float:left;}
#logo p {width:100%; height:70px; padding:0; float:left;}
#logo p a {width:100%; height:70px; margin:0; padding:0; float:left; text-decoration:none !important;}
#logo p a img {display:block; float:left; width: 15%;}
#logo p a span {display:block; padding:0 0 0 0; margin:0; float:right;}
#logo p a br {display:none;}

.menuhome {margin-top: 115px;}

#header .mod_nav_main {top: 145px;}

#container {width:92%; padding:0 4%;}

#footer .inside .content {width:92%; padding:0 4%;}
#footer .ce_text {width:50%;}
#footer .mod_nav_service {width:50%;}

.back {position:absolute; top:275px; left:4%; float:left; font-family: 'latoregular'; padding:0; margin:0;}
.back a {float:left; padding:0 5px; background:#cccccc; color:#fff !important; text-decoration:none !important; text-transform:uppercase;}

.caroufredsel .ce_text .image_container {max-height: 48vw;}

.caroufredsel_prev {position:absolute; left:0; margin:-26% 0 0 0; z-index:1200;}
.caroufredsel_next {position:absolute; right:0; margin:-26% 0 0 0; z-index:1200;}

/*#footer {height: 332px;}
#footer .inside {height: 332px;}*/
#footer .footertop {height: 175px;}
#footer .footertop .ce_text {height: 160px;}
#footer .footerbot .ce_text {width: 18%;}
#footer .footerbot .ce_text:first-child {display: none;}
}

@media (max-width:752px){
#header #mod_nav_mobile {display:block;}
#header .mobilebtn_ct {padding:0;}
#header a.mobilebtn {float:left; display:block; text-decoration:none; width:36px; height:33px; padding:0; position:absolute; top:40px; right:4%; z-index:1500; background:url(../../files/data/graphics/ico-responsive-nav.png) right top no-repeat;}	
#header .mod_nav_main {display:none;}	

#header .toplinkleft, #header .toplinkright {display: none;}
#header {height:158px; width:92%; padding:0 4%;}
body.home #header {height: 200px;}

body.liegenschaft #container .mod_newslist h2 {margin-top: 0;}

body.home #main .inside {padding:0 0 50px 0;}
body.home #logo {right: 0; margin: 0 auto;}
body.home #logo p {float: none; margin: 0 auto;}
#logo {display:block; position:absolute; margin: 0; top:30px; left:4%; width:162px; height:75px; font-family: 'latolight'; float:left;}
#logo p {width:162px; height:auto; margin:0; padding:8px 0 0 0; float:left; font-size: 13px;}
#logo p a {width:162px; height:auto; margin:0; padding:0; float:left; text-decoration:none !important;}
#logo img {width: 162px;}
#logo p a img {display:block; float:left; }
#logo p a span {display:block; padding:0 0 0 0; margin:0; float:left;}
#logo p a br {display:block;}

.menuhome {margin-top: 45px;}

.ce_gallery ul {padding:4px 0 0 0; margin:0; clear:both; float:left;}

#main .sc2-first {width:100% !important; padding:0 0 20px 0; float:left; display:inline; clear: left;}
#main .sc2-last {width:100%; padding-right:0 !important;}

#main .sc3 {width:100%; padding-right:0; float: left; display: inline;}
#main .sc3-first {clear: left; padding:0 0 20px 0;}
#main .sc3-last {clear: left; padding:20px 0 0 0;}

#main .layout_full_immo .newsheader {float:left; width:100%; padding:0 0 4px 0; margin:0;}
#main .layout_full_immo .ce_accessible_tabs {float:left; display:block; width:100%; padding:0 2.727272727272727% 0 0;}
#main .layout_full_immo .ce_accessible_tabs .ce_text {float:left; width:100%;}
#main .layout_full_immo .ce_accessible_tabs .ce_text {float:left; width:100%; margin:0;}
#main .layout_full_immo .ce_text {float:right; width:100%; clear:both; margin:20px 0 0 0;}

.back {position:absolute; top:85px; left:auto; right:4%; float:right; font-family: 'latoregular'; padding:0; margin:0;}

.mm-menu {background: rgba(92,84,80,0.8) !important;}
.mm-search input {background: #fff !important; color: #868686 !important;}
.mm-menu .mm-list {color: #fff !important; padding-top: 0;}
.mm-list > li:after {border:none !important;}
.mm-menu .mm-list > li:after {border:none !important;}
.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {border:none !important;}
.mm-menu .mm-list > li > a.mm-subopen:before {border:none !important;}
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {border:none !important;}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {border:none !important;}
.mm-counter {color: #fff !important;}
.level_2, .level_3 {padding-top:0 !important;}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {border:none !important;}
.mm-menu a:hover {color: #fff !important; text-decoration: underline;}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {background: none;}
.mm-menu > .mm-panel {padding-top: 90px; padding-right: 0; padding-left: 40px;}
.mm-list > li > a, .mm-list > li > span {font-family: 'latoregular'; font-size: 15px; text-transform: uppercase;}

.mm-menu .mobilebtn.close {width: 26px; height: 25px; display: block; position: absolute; right: 8%; top: 20px; text-decoration: none; background: url(../../files/data/graphics/menu-close.svg) no-repeat; background-size: contain;}

.mm-menu .ce_accordion .toggler {font-size: 20px; letter-spacing: 0.5px; text-transform: uppercase; font-family: 'latoregular'; color: #fff; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff; background: url(../../files/data/graphics/toggler-closed.svg) center right 10% no-repeat;}
.mm-menu .ce_accordion .toggler.active {background: url(../../files/data/graphics/toggler-open.svg) center right 10% no-repeat;}
.address-desktop {display:none;}
.address-mobile {display:block;}

#container .mod_newslist .layout_latest.even {width: 100%; margin-right: 0; margin-bottom: 0;}
#container .mod_newslist .layout_latest.odd {width: 100%; margin-bottom: 0;}
body.liegenschaft #container .mod_newslist h3 {margin-bottom: 0px;}

#footer .mod_nav_service ul {width:auto; float:right; padding:0; text-align:left;}
#footer .mod_nav_service ul li {display:block; float:left; margin:0 0 0 0; padding:0; text-align:left; clear:both;}
#footer .mod_nav_service ul li.first {margin:0 0 0 0; padding:0;}

#footer .inside {position:relative; width:100%; height:92px; display:block; margin:0; padding:0; float:left; clear:both;}

.endcontent {height:92px; width:100%; display:block; position:relative; z-index:300;}
#footer .inside .content {height:92px; width:92%; padding:0 4%;}
#footer .ce_text {width:70%;}
#footer .mod_nav_service {width:30%;}

.mm-opened #footer {display:none !important;}

#footer .footertop .ce_text {display: none;}
#footer .footertop .ce_text:first-child {display: block; width: 100%; border: none; height: auto;}
#footer {height: auto;}
#footer .inside {height: auto;}
#footer .inside .content {height: auto;}
#footer .footertop {height: auto; display: inline-block;}
#footer .footerbot {height: auto; display: inline-block; width: 100%;}
#footer .footerbot .ce_text {width: 100%; display: inline-block; height: auto; padding:0;}
}
	
@media (max-width:650px){	
#main .mod_newslist .layout_latest {float:left; width:100%; padding:0 0 20px 0;}
#main .mod_newslist .image_container {margin:10px 0 12px 0; float:left; width:100%;}
#main .mod_newslist .image_container img {float:left; width:100% !important; height:auto !important;}
#container .mod_newslist p.more {width: 100%;}
body.liegenschaft #container .mod_newslist h2 {width: 100%;}
body.architektur #container .mod_newslist h2 {width: 100%;}

.ce_download .right {width:100%; float:left; display:block; font-family:'latobold'; color:#858585;}
.ce_download a .right {color:#858585 !important;}

#headerimage h2 {padding:2px 10px 3px 5px; margin:0 0 4px 0; font-size:2.3rem; line-height:3.5rem; color:#fff; font-weight:normal; font-family:'latolight'; background:#727477; display:inline; float:left; clear:both;}
#headerimage h3 {padding:2px 10px 0 5px; margin:0 0 4px 0; font-size:1.3rem; line-height:1.9rem; color:#fff; font-weight:normal; text-transform:uppercase; font-family:'latolight'; background:#929ca9; display:inline; float:left; clear:both;}
#footer .footerbot .ce_text:last-child {width: 100%;}
}
	
	
@media (max-width:401px){
#footer {width:100%; height:92px; padding:0; position:relative; z-index:1200; margin-top: -92px; margin-left:auto; margin-right:auto; font-family:'latobold'; font-size:1.2rem; line-height:2.0rem; display:block; color:#fff; z-index:600;}	
#footer .ce_text {width:75%;}
#footer .mod_nav_service {width:25%;}
#logo p a span {font-size:1.2rem;}
body.home .custom {margin-bottom: 0;}

#headerimage h2 {padding:2px 10px 3px 5px; margin:0 0 4px 0; font-size:2.1rem; line-height:3.3rem; color:#fff; font-weight:normal; font-family:'latolight'; background:#727477; display:inline; float:left; clear:both;}
#headerimage h3 {padding:2px 10px 0 5px; margin:0 0 4px 0; font-size:1.2rem; line-height:1.8rem; color:#fff; font-weight:normal; text-transform:uppercase; font-family:'latolight'; background:#929ca9; display:inline; float:left; clear:both;}
}	

/*  FIXES  													 */
/*************************************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix {height:0px;}
.clearfix {display: block;}

.clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both; }
.invisible { display:none !important;}






/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 18, 2015 */

@font-face {
    font-family: 'latoitalic';
    src: url('../../files/data/styles/lato-italic-webfont.eot');
    src: url('../../files/data/styles/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/lato-italic-webfont.woff2') format('woff2'),
         url('../../files/data/styles/lato-italic-webfont.woff') format('woff'),
         url('../../files/data/styles/lato-italic-webfont.ttf') format('truetype'),
         url('../../files/data/styles/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url('../../files/data/styles/lato-light-webfont.eot');
    src: url('../../files/data/styles/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/lato-light-webfont.woff2') format('woff2'),
         url('../../files/data/styles/lato-light-webfont.woff') format('woff'),
         url('../../files/data/styles/lato-light-webfont.ttf') format('truetype'),
         url('../../files/data/styles/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight_italic';
    src: url('../../files/data/styles/lato-lightitalic-webfont.eot');
    src: url('../../files/data/styles/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/lato-lightitalic-webfont.woff2') format('woff2'),
         url('../../files/data/styles/lato-lightitalic-webfont.woff') format('woff'),
         url('../../files/data/styles/lato-lightitalic-webfont.ttf') format('truetype'),
         url('../../files/data/styles/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('../../files/data/styles/lato-regular-webfont.eot');
    src: url('../../files/data/styles/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/lato-regular-webfont.woff2') format('woff2'),
         url('../../files/data/styles/lato-regular-webfont.woff') format('woff'),
         url('../../files/data/styles/lato-regular-webfont.ttf') format('truetype'),
         url('../../files/data/styles/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoblack';
    src: url('../../files/data/styles/lato-black-webfont.eot');
    src: url('../../files/data/styles/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/lato-black-webfont.woff2') format('woff2'),
         url('../../files/data/styles/lato-black-webfont.woff') format('woff'),
         url('../../files/data/styles/lato-black-webfont.ttf') format('truetype'),
         url('../../files/data/styles/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoblack_italic';
    src: url('../../files/data/styles/lato-blackitalic-webfont.eot');
    src: url('../../files/data/styles/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/lato-blackitalic-webfont.woff2') format('woff2'),
         url('../../files/data/styles/lato-blackitalic-webfont.woff') format('woff'),
         url('../../files/data/styles/lato-blackitalic-webfont.ttf') format('truetype'),
         url('../../files/data/styles/lato-blackitalic-webfont.svg#latoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('../../files/data/styles/lato-bold-webfont.eot');
    src: url('../../files/data/styles/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/lato-bold-webfont.woff2') format('woff2'),
         url('../../files/data/styles/lato-bold-webfont.woff') format('woff'),
         url('../../files/data/styles/lato-bold-webfont.ttf') format('truetype'),
         url('../../files/data/styles/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold_italic';
    src: url('../../files/data/styles/lato-bolditalic-webfont.eot');
    src: url('../../files/data/styles/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../../files/data/styles/lato-bolditalic-webfont.woff') format('woff'),
         url('../../files/data/styles/lato-bolditalic-webfont.ttf') format('truetype'),
         url('../../files/data/styles/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'playfair_displaybold';
    src: url('../../files/data/styles/playfairdisplay-bold-webfont.woff2') format('woff2'),
    	 url('../../files/data/styles/PlayfairDisplay-Bold.ttf') format('truetype'),
         url('../../files/data/styles/playfairdisplay-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'playfair_displayregular';
    src: url('../../files/data/styles/playfairdisplay-regular-webfont.woff2') format('woff2'),
    	 url('../../files/data/styles/PlayfairDisplay-Regular.ttf') format('truetype'),
         url('../../files/data/styles/playfairdisplay-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}