/*  
Theme Name: Implantate Ammersee
Theme URI: 
Version: 1.0
Author: Veronika Sattler
Author URI: http://websache.de
*/

/* --------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------

	INHALT:
	
	1. BASICS
		1.1. HTML5
		1.2. Reset
		1.3. Basics
			1.3.1. Links
			1.3.2. Listen
			1.3.3. Typographie
			1.3.4. Formulare
			1.3.5. Media
			1.3.6. Media
		1.4. Sprungmarken
		1.5. Icons
	2. SEITENSTRUKTUR 
	3. BESONDERHEITEN
	4. MEDIA QUERIES

/* 1. BASICS
-----------------------------------------------------------------------------------------------
===============================================================================================*/
@font-face {
    font-family: 'sansationregular';
    src: url('../../files/layout/css/fonts/Sansation-Regular-webfont.eot');
    src: url('../../files/layout/css/fonts/Sansation-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/layout/css/fonts/Sansation-Regular-webfont.woff') format('woff'),
         url('../../files/layout/css/fonts/Sansation-Regular-webfont.ttf') format('truetype'),
         url('../../files/layout/css/fonts/Sansation-Regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansationlight';
    src: url('../../files/layout/css/fonts/Sansation-Light-webfont.eot');
    src: url('../../files/layout/css/fonts/Sansation-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/layout/css/fonts/Sansation-Light-webfont.woff') format('woff'),
         url('../../files/layout/css/fonts/Sansation-Light-webfont.ttf') format('truetype'),
         url('../../files/layout/css/fonts/Sansation-Light-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/layout/css/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../files/layout/css/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/layout/css/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/layout/css/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/layout/css/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/layout/css/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/layout/css/fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../../files/layout/css/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/layout/css/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/layout/css/fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/layout/css/fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/layout/css/fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/layout/css/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../../files/layout/css/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/layout/css/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/layout/css/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/layout/css/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/layout/css/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* 1.1. HTML 5
-----------------------------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* 1.2. Reset
-----------------------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.hidden {display: none;}
.invisible {
	display: none;
	}
.inside	{
	position: relative;
	width: 92%;
	max-width: 1500px;
	margin:auto;
	}	
/* 1.3. Allgemeines
-----------------------------------------------------------------------------------------------*/
body {
    font-family: 'Open Sans', sans-serif;
	color:#4b4a4d;
	font-size: 0.96em;
    margin: 0;
    padding: 0;
	overflow: hidden;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body.scroll_more {
		overflow: visible !important;
		height: auto !important;
	}

/* 1.3.1. Links
-----------------------------------------------------------------------------------------------*/
a {
	text-decoration:none; 
	color: #a1afba;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
	}
.color1 a, .color2 a, .color3 a, .color4 a {
	color:#ffffff;
	} 	
a:visited {text-decoration:none;}
a:visited, a:hover, a:focus, a:active {
	color: #7d253b;
	}
a:focus {text-decoration: underline;}
a:hover, a:active { outline: 0; }


/* 1.3.2. Listen
-----------------------------------------------------------------------------------------------*/
ul {
	list-style: none;
	}

/* 1.3.3. Typographie
-----------------------------------------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-family:'sansationregular', sans-serif;
	font-weight: normal;
	}
h1, h2 {
	font-size: 200%;
	text-transform: uppercase;
	margin-bottom: 30px;
	}
h3 {
	font-size: 170%;
	margin-bottom: 30px;
	}
h4 {
	font-weight: bold;
	}	
p, .ce_text ul {
	padding-bottom: 20px;
	}
.ce_text li:before {
	content:'•';
	display: inline-block;
	margin-right: 4px;
	}	
.ce_text li {
	padding-left: 10px;
    text-indent: -5px;
	}		
.ce_text.teaser li:before {
	display: none;
	}	
.ce_text.teaser li {
	padding-left: 0px;
    text-indent: 0px;
	}

/*1.3.4. Formulare
-----------------------------------------------------------------------------------------------*/
.widget-text {
	width: 46%;
	margin-left:4%;
	float: left;
	margin-bottom: 10px;
	}
.widget-textarea, .widget-submit {
	float: none;
	width: 96%;
	margin-bottom: 20px;
	margin-left:4%;
	}
input, textarea {
	width: 100%;
	box-sizing:border-box;
	height: 35px;
	text-indent: 5px;
	border: none;
	border-radius:3px;
	background:#ffffff;
    font-family: 'Open Sans', sans-serif;
	color:#4b4a4d;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	}
input.checkbox {
	width: auto;
	height: auto;
	text-indent: 0px;
	border: none;
	border-radius:0px;
	}
.widget-checkbox {
	margin-left: 4%;
	margin-bottom: 10px;
	}	
.widget-checkbox label {
	display: inline;
	}		
.submit {
	border: 2px solid #ffffff;
	cursor: pointer;
	background: #ffffff;
	color:#a1afba;
	font-weight: bold;
    width: 100%;
	box-sizing:border-box;
	height: 35px;
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
	}
.submit:hover, .submit:focus {
	background: none;
	color:#ffffff;
	}	
textarea {
	height: 140px;
	}
input:focus, textarea:focus {
	background:#d9e1e7;
	box-shadow: 0 0 10px #768591;
	}			
label {
	display: block;
	padding-bottom: 3px;
	}
form {
	max-width: 750px;
	width: 92%;
	padding-left: 4%;
	margin-left:-4%;
	overflow: hidden;
	}
.mandatory {
	color:}		

/*1.3.5. Media
-----------------------------------------------------------------------------------------------*/
iframe {
	position: absolute;
    top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

/* 2. SEITENSTRUKTUR
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/* 2.1. Header
-----------------------------------------------------------------------------------------------*/
#pageheader {
	background:#ffffff;
	padding: 10px 0px;
	position:fixed;
	top:0;
	width: 100%;
	z-index:1000;
	}
#pageheader a {
	color:#4b4a4d;
	}
#pageheader a:hover, #pageheader a:focus, #pageheader a.active,  #pageheader a.trail {
	color:#a1afba;
	}
#logo {
	float: left;
	margin: 10px 0;
	}
#navi_main {
	float: right;
	margin-top: 65px;
	}
ul.sm li {
	float: left;
	margin-left: 20px;
	position: relative;
	}
ul.sm ul:before {
	content: url('../../files/layout/images/triangle.png');
	display: inline-block;
	top: -18px;
	position: absolute;
	}	
ul.sm li ul{
	position:absolute;
	top:-9999px;
	border-top: 3px solid #a1afba;
	background:#ffffff;
	padding: 20px;
	z-index:9999;
	left:10px !important;
	width:250px !important;
	min-width:0 !important;
	max-width:250px !important;
	}
ul.sm a{
	position:relative;
	display:block;
	}
ul.sm a.disabled{
	cursor:default;
	}
ul.sm li ul li {
	float:none; 
	padding-bottom: 3px;
	margin-left: 0px;
	}
#main_nav ul.sm ul a {
	padding-bottom: 3px;
	}	

ul.sm{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	}	

.sub-arrow {
	width: 14px;
	display: inline-block;
	overflow: hidden;
	height: 15px;
	margin-left: 5px;
	}
.sub-arrow:before {
	display: inline-block;
	content: url("../../files/layout/images/sub_arrow.png");
	}	
.menu_open {
	z-index: 1000;
	display: none;
	position: absolute;
	right:0;
	margin-top: 20px;
	width: 30px;
	height: 22px;
	padding:0;
	cursor: pointer; 
	overflow: hidden;
	background: none;
	border: none;
	padding: 0;
	}
.menu_open:before {
	display: block;
	content: url("../../files/layout/images/menu.png");
	}


/* 2.2. Container
-----------------------------------------------------------------------------------------------*/	
/*2.2.1.Color
-----------------------------------------------------------------------------------------------*/	
.color1 {
	background:#a1afba;
	color:#ffffff;
	}
.color2 {
	background:#b0a89a;
	color:#ffffff;
	}	
.color3 {
	background: #7f796e;
	color:#ffffff;
	}
.color4 {
	background:#403b34;
	color:#ffffff;
	}		
/*2.2.2. Teaser
-----------------------------------------------------------------------------------------------*/	
.teaser {
	color:#ffffff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
	}
.teaser h2 {
	text-transform: uppercase;
	}
.teaser li {
	padding-bottom: 5px;
	}	
.teaser a:before {
	content:'>';
	display: inline-block;
	margin-right: 8px;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
	}
.teaser a:hover:before, .teaser a:focus:before {
	margin-right: 20px;
	}		
.teaser a {
	color:#ffffff;
	}	
.blue {
	background-image:url(../../files/layout/images/teaser1.jpg);
	} 
.brown1 {
	background-image:url(../../files/layout/images/teaser2.jpg);
	} 
.brown2 {
	background-image:url(../../files/layout/images/teaser3.jpg);
	}
.brown3 {
	background-image:url(../../files/layout/images/teaser4.jpg);
	}		

/*2.2.3. Desktop/Multiscroll
-----------------------------------------------------------------------------------------------*/	
.ms-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow: hidden;
}
.ms-section.ms-table{
    display: table;
    width: 100%;
}
.ms-tableCell {
    position: relative;
	display: table-cell;
    width: 100%;
    height: 100%;
	padding-top: 100px;
}
.ce_image .ms-tableCell {
	padding-top: 0;
	}
.map .ms-tableCell, .sans .ms-tableCell {
	padding-top: 0;
	}	
.ms-section figure {
	width: 100%;
	margin-top:-5px;
	height: 102%;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
	}
.ms-section img {
	max-width:0px;;
	max-height:0px;
	
	}
.ms-easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#multiscroll-nav {
    position: fixed;
    z-index: 100;
    margin-top: 90px;
    top: 50%;
    opacity: 1;
	display: none;
}
#multiscroll-nav.more {
	display: block;
}
#multiscroll-nav:before {
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    bottom: 18px;
	bottom: calc(6px * 3);
    content: "";
    display: block;
    margin-right: -1px;
    position: absolute;
    right: 50%;
	top: 18px;
    top: calc(6px * 3);
}
#multiscroll-nav li {
    counter-increment: item;
    display: block;
    height: 24px;
	height: calc(6px * 4);
	margin: 6px 0;
    position: relative;
	width: 24px;
    width: calc(6px * 4);
}
#multiscroll-nav li a {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%;
    z-index: 1;
}
#multiscroll-nav span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 6px;
    left: 50%;
	margin: -3px 0 0 -3px;
    margin: calc(6px / -2) 0 0 calc(6px / -2);
    position: absolute;
    top: 50%;
    width: 6px;
    z-index: 1;
}
#multiscroll-nav li .active span {
    height: 24px;
	height: calc(6px * 4);
	margin: -12px 0 0 -12px;
    margin: calc(6px * -2) 0 0 calc(6px * -2);
    text-align: center;
	width: 24px;
    width: calc(6px * 4);
}
#multiscroll-nav li .active span:after {
    color: #a1afba;
    content: counter(item, decimal);
    display: block;
    font-size: 16px;
}
#multiscroll-nav.right {
    right: 17px;
}


/*2.2.3.1 Einzelelemente
-----------------------------------------------------------------------------------------------*/	
.rand .ms-tableCell p, .rand .ms-tableCell h1, .rand .ms-tableCell h2, .rand .ms-tableCell h3, .rand .ms-tableCell h4, .rand .ms-tableCell ul, .desktop .teaser h2, .desktop .teaser ul {
	max-width: 750px;
	padding-left: 4% !important;
	width: 92%;
	}
.rand_right .ms-tableCell p, .rand_right .ms-tableCell h1, .rand_right .ms-tableCell h2, .rand_right .ms-tableCell h3, .rand_right .ms-tableCell h4, .rand_right .ms-tableCell ul {
	max-width: 750px;
	padding-left: 4%;
	width: 92%;
	}	
.desktop.ms-left h1, .desktop.ms-left h2, .desktop.ms-left h3, .desktop.ms-left h4, .desktop.ms-left ul, .desktop.ms-left p {
	float: right;
	padding-left: 0;
	padding-right: 4%;
	clear: both;
	}	
.ms-tableCell .teaser {
	display: block;
	height: 50%;
	height: calc(50vh - 50px);
	padding: 60px 0;
	}	
.rand.teaser ul {
	list-style:none;
	padding-left: 0px;
	margin-left: 0px;
	}
.ms-section img.siegelbild {
    max-width: 100%;
    max-height: 500px;
}


/*2.2.3.2 Kontaktdaten
-----------------------------------------------------------------------------------------------*/	
.telefon {
	background: url(../../files/layout/images/phone.png) no-repeat left center;
	display: inline-block;
	margin-top: 30px;
	font-size: 125%;
	padding-left: 45px;
	}
.fax {
	background: url(../../files/layout/images/fax.png) no-repeat left center;
	display: inline-block;
	margin-top: 10px;
	font-size: 125%;
	padding-left: 45px;
	}			
.mail {
	background: url(../../files/layout/images/mail.png) no-repeat left center;
	display: inline-block;
	font-size: 125%;
	margin-top: 10px;
	padding-left: 45px;
	}			
#map1 {
	position: relative;
	width: 100%;
  	padding-bottom: 70%;
  	height: 0;
  	overflow: hidden;
	}
.ms-section #map3 {
	position: relative;
	width: 100%;
  	height: 100%;
  	overflow: hidden;
	}
.ms-section #map3 img {
	max-width: none;
	max-height: none;
	}	


/*2.2.4. Mobile
-----------------------------------------------------------------------------------------------*/	
.mobile {
	display: none;
	}
.mobile .rand {
	padding: 60px 4%;
	}	
.mobile figure {
	background-image: none;
	width: auto; 
	height: auto;
	}
.mobile img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	}	
	
/*2.2.5. Imprint
-----------------------------------------------------------------------------------------------*/	
.imprint {
	margin-top: 100px;
	padding: 80px 0px;
	min-height: calc(100vh - 100px);
	}
	
/*2.2.6. Toogler
-----------------------------------------------------------------------------------------------*/	
.toggler {
	position: relative;
	font-size: 130%;
	border-bottom: 1px solid #b0a89a;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.toggler:after {
      position: absolute;
	  right:5px;
	  color:#b0a89a;
	  content: "\276F";
      width: 0.3em;
      height: 0.3em;
      text-align: center;
      transition: all .35s;
    }
.toggler.ui-state-active:after {		
	transform: rotate(90deg);
	}	
.accordion a:before {
	content:'>';
	display: inline-block;
	margin-right: 8px;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
	}
.accordion a:hover:before, .accordion a:focus:before {
	margin-right: 20px;
	}	

	
/*2.2.7. LP
-----------------------------------------------------------------------------------------------*/	
.logoline {
	display: block;
	font-family:'sansationlight', sans-serif;
	font-weight: normal;
	color:#a1afba;
	font-size: 125%;
	padding-left: 20px;
	margin-bottom:10px;
	}
.logoline strong {
	font-family:'sansationregular', sans-serif;
	color:#4b4a4d;
	font-weight: normal;
	}
#phonecall {
	font-size: 110%;
	position: absolute;
	right:0px;
	top: 40px;
	background: url(../../files/layout/images/phone_blue.png) no-repeat left center;
	padding-left: 35px;
	}
.button_lp {
	display: inline-block;
	background:#fff;
	border-radius: 5px;
	font-weight: bold;
	padding: 6px 25px;
	margin-top:10px;
	border: 2px solid #fff;
	font-size: 88%;
	}
.color1 .button_lp:hover, .color1 .button_lp:focus, .color2 .button_lp:hover, .color2 .button_lp:focus, .color3 .button_lp:hover, .color3 .button_lp:focus, .color4 .button_lp:hover, .color4 .button_lp:focus {
	background: none;
	color:#fff;
	}		
.color1 .button_lp {
	color:#a1afba;
	}
.color2 .button_lp {
	color:#b0a89a;
	}	
.color3 .button_lp {
	color: #7f796e;
	}
.color4 .button_lp {
	color:#403b34;
	}					
	
/*2.2.8. Poupup
-----------------------------------------------------------------------------------------------*/
.popup {
   position: fixed;
   background: none;
   right: 20px;
   bottom: 0px;    
   transition: all 0.3s;    
   z-index: 9999;
}
.popup.show {
   visibility: visible;  
   top: 0px;
   left:0px;
   right:0px;
   bottom:0px;    
   background: rgba(147,140,130,0.67);
}
.siegel {
    position: absolute;
    background: #fff;
    padding: 70px 50px 50px 50px;
    width: 75vw;
	max-width: 800px;
	height:75vw;
	max-height: 800px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    transform: translate(0%, 0%) scale(0.4);
    bottom:0px;
    right:0px;
    transition: all 0.3s;
    }
.siegel:after {
    content:'\00d7';
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 240%;
    color:#7f796e;
    visibility:hidden;
}
.show .siegel:after {
    visibility:visible;
}
.show .siegel {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
    }
.siegel h3 {
    width: 100%;
    text-align: center;
    color:#7f796e;
}
.focus img {
    width:28vw;
	max-width: 300px;
}


/* 2.3. Footer
-----------------------------------------------------------------------------------------------*/	
#pagefooter {
	font-size: 92%;
	background:#2b2722;
	position: fixed;
	bottom:-354px;
	height: 390px;
	width: 100%;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	}
#pagefooter .inside {
	width: 100%;
	max-width: none;
	}	
#pagefooter .mod_customnav {
	background:#fff;
	padding:8px 0px 8px 0px;
	}
#pagefooter .mod_customnav ul, .footer_inside {
	margin:auto;
	width: 92%;
	max-width: 1500px;
	}	
#pagefooter .mod_customnav li {
	display: inline-block;
	margin-left: 3px;
	padding-left: 6px;
	border-left: thin solid #4b4a4d;
	line-height: 1em;
	}
#pagefooter .mod_customnav li.first {
	margin:0;
	padding:0;
	border: none;
	}
	
#pagefooter a {
	color:#4b4a4d;
	}
#pagefooter .footerzone a {
	color:#fff;
	}		
.footerzone {
	padding: 40px 0;
	color:#ffffff;
	overflow: hidden;
	background:#2b2722;
	}	
.footerlink {
	clear: both;
	width: 100%;
	}	
#pagefooter.show {
	bottom: 0;
	}
.footer_open {
	position:absolute;
	margin-top:-30px;
	left: 50%;
	margin-left:-30px;
	width: 60px;
	height: 30px;
	overflow: hidden;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}		
.footer_open:before {
	content: url("../../files/layout/images/arrow_up.png");
	display: inline-block;
	cursor:pointer;
	}
.footer_open.upside:before {
	content: url("../../files/layout/images/arrow_down.png");
	}			
.footer1, .footer2 {
	width: 30%;
	float: left;
	margin-right: 4%;
	}
.footer2 {
    width: 40%;
}
.footer3 {
	float: right;
    width: 20%;
	}
.openimage figure {
	position: relative;
	}			
.openstreet {
	position: absolute;
	right:0;
	bottom:49px;
	font-size: 87%;
	z-index:1000;
	padding: 10px 5px;
	background:#fff;
	color:#333333;
	}

	
	
/* 3. MEDIA QUERIES 
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/* 3.1. 1023
-----------------------------------------------------------------------------------------------*/	
@media only screen and (max-width: 1024px) {
	html, body {
		overflow: visible !important;
		height: auto !important;
		 -webkit-overflow-scrolling: touch;
	}
	form {
		padding-left: 0;
		overflow: hidden;
		width: 100%;
	}
	.menu_open {
		display: block;
		}
	#navi_main {
		background-color:rgba(43,39,34,0.85);
		margin-top:-2000px;
		border-top: 3px solid #a1afba;
		left:0;
		right:0;
		height: 100%;
		position:fixed;
		width: 100%;
		z-index: 600;
		-webkit-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		transition: all 300ms linear; 
		}
	ul.sm ul:before {
		display: none;
		}	
	#navi_main.open {
		margin-top:100px;
		}	
	#navi_main ul {
		background:#ffffff;
		}	
	.sm li{
		display:block;
		padding: 14px 3%;
		border-bottom: dotted thin #a1afba;
		}
	ul.sm ul{
		background: none;
		display:none;
		position:static !important;
		top:auto !important;
		left:auto !important;
		margin-left:0 !important;
		margin-top:0 !important;
		width:auto !important;
		min-width:0 !important;
		max-width:none !important;
		padding: 10px 0 0 0;
		border-top: none;
		}
	ul.sm li {
		position:relative;
		float:none; 
		margin-left: 0px;
		}
	ul.sm a{
		position:relative;
		display:block;
		white-space:nowrap;
		color:#ffffff;
		}
	ul.sm a:hover, ul.sm a:focus, ul.sm a:hover, ul.sm a.active, ul.sm a.trail {
		color:#fefefe;
		}	
	ul.sm ul li {
		float:none; 
		margin: 0;
		border-bottom: none;
		padding: 3px 0;
		font-size: 90%;
		}	
	.mobile {
		display: block;
	}
	#multiscroll {
		display: none;
		}
	#pageheader {
		position: relative;
		}
	#container {
		clear: both;
		}	
	#pagefooter {
		position: relative;
		bottom: auto;
		height: auto;
		overflow:hidden;
		}
	#pagefooter .mod_customnav {
		background:#3f3b35;
		}
	#pagefooter .mod_customnav li {
		border-color:#fff;
		}		
	#pagefooter a {
		color:#fff;
		}	
	.footer2 {
		display: none;
		}
	.footer3 {
		float: left;
		clear: left;
		}
	.footer_open {
		display: none;
		}
	openstreet {
		bottom:0px;
		}
	#phonecall {
		font-size: 105%;
		top: 15px;
		}				
}
@media only screen and (max-height: 680px) {
	html, body {
		overflow: visible !important;
		height: auto !important;
		 -webkit-overflow-scrolling: touch;
	}
	form {
		padding-left: 0;
		overflow: hidden;
		width: 100%;
	}
	.menu_open {
		display: block;
		}
	#navi_main {
		background-color:rgba(43,39,34,0.85);
		margin-top:-2000px;
		border-top: 3px solid #a1afba;
		left:0;
		right:0;
		height: 100%;
		position:fixed;
		width: 100%;
		z-index: 600;
		-webkit-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		transition: all 300ms linear; 
		}
	ul.sm ul:before {
		display: none;
		}	
	#navi_main.open {
		margin-top:100px;
		}	
	#navi_main ul {
		background:#ffffff;
		}	
	.sm li{
		display:block;
		padding: 14px 3%;
		border-bottom: dotted thin #a1afba;
		}
	ul.sm ul{
		background: none;
		display:none;
		position:static !important;
		top:auto !important;
		left:auto !important;
		margin-left:0 !important;
		margin-top:0 !important;
		width:auto !important;
		min-width:0 !important;
		max-width:none !important;
		padding: 10px 0 0 0;
		border-top: none;
		}
	ul.sm li {
		position:relative;
		float:none; 
		margin-left: 0px;
		}
	ul.sm a{
		position:relative;
		display:block;
		white-space:nowrap;
		color:#ffffff;
		}
	ul.sm a:hover, ul.sm a:focus, ul.sm a:hover, ul.sm a.active, ul.sm a.trail {
		color:#fefefe;
		}	
	ul.sm ul li {
		float:none; 
		margin: 0;
		border-bottom: none;
		padding: 3px 0;
		font-size: 90%;
		}	
	.mobile {
		display: block;
	}
	#multiscroll {
		display: none;
		}
	#pageheader {
		position: relative;
		}
	#container {
		clear: both;
		}	
	#pagefooter {
		position: relative;
		bottom: auto;
		height: auto;
		overflow:hidden;
		}
	#pagefooter .mod_customnav {
		background:#3f3b35;
		}
	#pagefooter .mod_customnav li {
		border-color:#fff;
		}		
	#pagefooter a {
		color:#fff;
		}	
	.footer2 {
		display: none;
		}
	.footer3 {
		float: left;
		clear: left;
		}
	.footer_open {
		display: none;
		}
	openstreet {
		bottom:0px;
		}			
			
}		
@media only screen and (max-width: 600px) {
    .popup {
        display: none;
    }
    h1, h2 {
		font-size: 140%;
		text-transform: uppercase;
		margin-bottom: 20px;
		}
	h3 {
		font-size: 125%;
		margin-bottom: 14px;
		}
	.widget-text {
		width: 96%;
	}

}
@media only screen and (max-height: 900px) {
h1, h2 {
	font-size: 160%;
	text-transform: uppercase;
	margin-bottom: 20px;
	}
h3 {
	font-size: 140%;
	margin-bottom: 12px;
	}	
.ms-tableCell .teaser {
	padding: 25px 0;
	}		
.ms-tableCell {
	padding-top: 30px;
}
}