<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://berrelmetallbau.ch/sitemaps.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap>
							<loc>https://berrelmetallbau.ch/page-sitemap1.xml</loc>
							<lastmod>2025-09-17T09:44:12+00:00</lastmod>
						</sitemap><!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover">

<title>berrelmetallbau_ag</title>
<meta name='robots' content='index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1' />
<meta name="google" content="nositelinkssearchbox" ><link rel="canonical" href="https://berrelmetallbau.ch/" />
<meta name="description" content=""><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"","url":"https://berrelmetallbau.ch","logo":"","description":"berrelmetallbau_ag"}</script><meta property="og:url" content="https://berrelmetallbau.ch" /><meta property="og:site_name" content="berrelmetallbau_ag" /><meta property="og:locale" content="de_DE" /><meta property="og:type" content="website" /><meta property="og:title" content="berrelmetallbau_ag" /><meta name="twitter:card" content="summary"/><meta name="twitter:locale" content="de_DE"/><meta name="twitter:title"  content="berrelmetallbau_ag"/><meta name="twitter:url" content="https://berrelmetallbau.ch"/><meta name="twitter:site" content="@berrelmetallbau_ag"/><style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='frontend-style-css' href='https://berrelmetallbau.ch/wp-content/themes/lay/frontend/assets/css/frontend.style.css?ver=9.7.5' type='text/css' media='all' />
<style id='frontend-style-inline-css' type='text/css'>
/* essential styles that need to be in head */
		html{
			overflow-y: scroll;
			/* needs to be min-height: 100% instead of height: 100%. doing height: 100% can cause a bug when doing scroll in jQuery for html,body  */
			min-height: 100%;
			/* prevent anchor font size from changing when rotating iphone to landscape mode */
			/* also: https://stackoverflow.com/questions/49589861/is-there-a-non-hacky-way-to-prevent-pinch-zoom-on-ios-11-3-safari */
			-webkit-text-size-adjust: none;
			/* prevent overflow while loading */
			overflow-x: hidden!important;
		}
		body{
			background-color: white;
			transition: background-color 300ms ease;
			min-height: 100%;
			margin: 0;
			width: 100%;
		}
		/* lay image opacity css */
		#search-results-region img.setsizes{opacity: 0;}#search-results-region img.lay-gif{opacity: 0;}#search-results-region img.lay-image-original{opacity: 0;}#search-results-region img.carousel-img{opacity: 0;}#search-results-region video.video-lazyload{opacity: 0;}#search-results-region img.setsizes.loaded{opacity: 1;}#search-results-region img.loaded-error{opacity: 1;}#search-results-region img.lay-gif.loaded{opacity: 1;}#search-results-region img.lay-image-original.loaded{opacity: 1;}#search-results-region img.carousel-img.loaded{opacity: 1;}#search-results-region video.loaded{opacity: 1;}.col img.setsizes{opacity: 0;}.col img.lay-gif{opacity: 0;}.col img.lay-image-original{opacity: 0;}.col img.carousel-img{opacity: 0;}.col video.video-lazyload{opacity: 0;}.col img.setsizes.loaded{opacity: 1;}.col img.loaded-error{opacity: 1;}.col img.lay-gif.loaded{opacity: 1;}.col img.lay-image-original.loaded{opacity: 1;}.col img.carousel-img.loaded{opacity: 1;}.col video.loaded{opacity: 1;}.project-arrow img.setsizes{opacity: 0;}.project-arrow img.lay-gif{opacity: 0;}.project-arrow img.lay-image-original{opacity: 0;}.project-arrow img.carousel-img{opacity: 0;}.project-arrow video.video-lazyload{opacity: 0;}.project-arrow img.setsizes.loaded{opacity: 1;}.project-arrow img.loaded-error{opacity: 1;}.project-arrow img.lay-gif.loaded{opacity: 1;}.project-arrow img.lay-image-original.loaded{opacity: 1;}.project-arrow img.carousel-img.loaded{opacity: 1;}.project-arrow video.loaded{opacity: 1;}.background-image img.setsizes{opacity: 0;}.background-image img.lay-gif{opacity: 0;}.background-image img.lay-image-original{opacity: 0;}.background-image img.carousel-img{opacity: 0;}.background-image video.video-lazyload{opacity: 0;}.background-image img.setsizes.loaded{opacity: 1;}.background-image img.loaded-error{opacity: 1;}.background-image img.lay-gif.loaded{opacity: 1;}.background-image img.lay-image-original.loaded{opacity: 1;}.background-image img.carousel-img.loaded{opacity: 1;}.background-image video.loaded{opacity: 1;}.background-video img.setsizes{opacity: 0;}.background-video img.lay-gif{opacity: 0;}.background-video img.lay-image-original{opacity: 0;}.background-video img.carousel-img{opacity: 0;}.background-video video.video-lazyload{opacity: 0;}.background-video img.setsizes.loaded{opacity: 1;}.background-video img.loaded-error{opacity: 1;}.background-video img.lay-gif.loaded{opacity: 1;}.background-video img.lay-image-original.loaded{opacity: 1;}.background-video img.carousel-img.loaded{opacity: 1;}.background-video video.loaded{opacity: 1;}
		/* phone menu breakpoint above */
		@media (min-width: 601px){
			
nav.mobile-nav {
  display: none;
}

.lay-mobile-icons-wrap {
  display: none;
  white-space: nowrap;
}

.mobile-title {
  display: none;
}

nav.laynav li {
  display: inline-block;
}

nav.laynav {
  white-space: nowrap;
}

.navbar {
  position: fixed;
  z-index: 10;
  width: 100%;
  transform: translateZ(0);
}

.sitetitle.txt .sitetitle-txt-inner span,
nav.laynav span {
  text-decoration-style: underline;
}

.sitetitle.txt .sitetitle-txt-inner {
  margin-top: 0;
  margin-bottom: 0;
}

nav.laynav {
  z-index: 20;
  line-height: 1;
}
nav.laynav .span-wrap {
  display: inline-block;
}
nav.laynav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: flex;
}
nav.laynav a {
  text-decoration: none;
}
nav.laynav li {
  vertical-align: top;
}
nav.laynav li:last-child {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.nav-pill {
  position: absolute;
  z-index: -1;
  box-sizing: content-box;
  opacity: 0;
}

.nav-pill.nav-opacity-pill-transition {
  transition: opacity 0.7s ease-in-out;
}

.nav-pill.nav-pill-transition {
  transition: transform 0.7s cubic-bezier(0.93, 0, 0.4, 1.17), width 0.7s cubic-bezier(0.93, 0, 0.4, 1.17), opacity 0.7s ease-in-out;
}

		}
		/* phone menu breakpoint under */
		@media (max-width: 600px){
			
body.mobile-menu-style_1.mobile-menu-has-animation.mobile-menu-animation-possible.animate-mobile-menu nav.mobile-nav {
  transition: transform 300ms cubic-bezier(0.52, 0.16, 0.24, 1);
}

.mobile-title.text {
  line-height: 1 !important;
}

body.mobile-menu-style_1 nav.mobile-nav::-webkit-scrollbar {
  display: none;
}
body.mobile-menu-style_1 nav.mobile-nav {
  scrollbar-width: none;
}
body.mobile-menu-style_1 nav.mobile-nav {
  transform: translateY(-99999px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: normal;
  width: 100%;
  top: 0;
  left: 0;
  bottom: auto;
}
body.mobile-menu-style_1 nav.mobile-nav .current-menu-item {
  opacity: 1;
}
body.mobile-menu-style_1 nav.mobile-nav li {
  display: block;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0;
}
body.mobile-menu-style_1 nav.mobile-nav li a {
  display: block;
  opacity: 1;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  transition: background-color 200ms ease;
  margin: 0;
}
body.mobile-menu-style_1 nav.mobile-nav li a:hover {
  opacity: 1;
}
body.mobile-menu-style_1 nav.mobile-nav li a .span-wrap {
  border-bottom: none;
}
body.mobile-menu-style_1 nav.mobile-nav li a:hover .span-wrap {
  border-bottom: none;
}

body.mobile-menu-style_2.mobile-menu-has-animation.mobile-menu-animation-possible nav.mobile-nav {
  transition: transform 500ms cubic-bezier(0.52, 0.16, 0.24, 1);
}

body.mobile-menu-style_2 .laynav .burger-wrap {
  position: absolute;
  right: 0;
  top: 0;
}
body.mobile-menu-style_2 nav.mobile-nav.active {
  transform: translateX(0);
}
body.mobile-menu-style_2 nav.mobile-nav::-webkit-scrollbar {
  display: none;
}
body.mobile-menu-style_2 nav.mobile-nav {
  scrollbar-width: none;
}
body.mobile-menu-style_2 nav.mobile-nav {
  box-sizing: border-box;
  z-index: 35;
  top: 0;
  height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: normal;
  width: 100%;
  transform: translateX(100%);
}
body.mobile-menu-style_2 nav.mobile-nav li a {
  display: block;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
}

body.mobile-menu-style_3.mobile-menu-has-animation.mobile-menu-animation-possible .mobile-nav ul {
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.52, 0.16, 0.24, 1) 200ms;
}

body.mobile-menu-style_3.mobile-menu-has-animation.mobile-menu-animation-possible.mobile-menu-open .mobile-nav ul {
  opacity: 1;
}

body.mobile-menu-style_3.mobile-menu-has-animation.mobile-menu-animation-possible nav.mobile-nav {
  transition: height 500ms cubic-bezier(0.52, 0.16, 0.24, 1);
}

body.mobile-menu-style_3 nav.mobile-nav.active {
  transform: translateX(0);
}
body.mobile-menu-style_3 nav.mobile-nav::-webkit-scrollbar {
  display: none;
}
body.mobile-menu-style_3 nav.mobile-nav {
  scrollbar-width: none;
}
body.mobile-menu-style_3 nav.mobile-nav {
  width: 100%;
  height: 0;
  box-sizing: border-box;
  z-index: 33;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: normal;
  width: 100%;
}
body.mobile-menu-style_3 nav.mobile-nav li a {
  display: block;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
}

body.mobile-menu-style_4.mobile-menu-has-animation.mobile-menu-animation-possible.animate-mobile-menu nav.mobile-nav {
  transition: transform 300ms cubic-bezier(0.52, 0.16, 0.24, 1);
}

body.mobile-menu-style_4 nav.mobile-nav::-webkit-scrollbar {
  display: none;
}
body.mobile-menu-style_4 nav.mobile-nav {
  scrollbar-width: none;
}
body.mobile-menu-style_4 nav.mobile-nav {
  width: 100%;
  height: 0;
  box-sizing: border-box;
  z-index: 29;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: normal;
  width: 100%;
}
body.mobile-menu-style_4 nav.mobile-nav li a {
  display: block;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
}

/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.mobile-menu-style_1 .burger-wrap,
.mobile-menu-style_3 .burger-wrap,
.mobile-menu-style_4 .burger-wrap {
  z-index: 33;
}

.lay-mobile-icons-wrap {
  z-index: 33;
  top: 0;
  vertical-align: top;
}

.burger-wrap.right {
  padding-left: 10px;
}

.burger-wrap.left {
  padding-right: 10px;
}

.burger-wrap {
  font-size: 0;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}

.burger-inner {
  position: relative;
}

.burger-default {
  border-radius: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 25px;
  height: 20px;
  font-size: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
}

.burger-default:focus {
  outline: none;
}

.burger-default span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #000;
}

.default .burger-default span {
  height: 2px;
  top: 9px;
}
.default .burger-default span::before,
.default .burger-default span::after {
  height: 2px;
}
.default .burger-default span::before {
  top: -9px;
}
.default .burger-default span::after {
  bottom: -9px;
}

.default_thin .burger-default span {
  height: 1px;
  top: 9px;
}
.default_thin .burger-default span::before,
.default_thin .burger-default span::after {
  height: 1px;
}
.default_thin .burger-default span::before {
  top: -6px;
}
.default_thin .burger-default span::after {
  bottom: -6px;
}

.burger-default span::before,
.burger-default span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  background-color: #000;
  content: "";
}

/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.burger-has-animation .burger-default {
  transition: background 0.2s;
}
.burger-has-animation .burger-default span {
  transition: background-color 0.2s 0s;
}
.burger-has-animation .burger-default span::before,
.burger-has-animation .burger-default span::after {
  transition-timing-function: cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition-duration: 0.2s, 0.2s;
  transition-delay: 0.2s, 0s;
}
.burger-has-animation .burger-default span::before {
  transition-property: top, transform;
  -webkit-transition-property: top, -webkit-transform;
}
.burger-has-animation .burger-default span::after {
  transition-property: bottom, transform;
  -webkit-transition-property: bottom, -webkit-transform;
}
.burger-has-animation .burger-default.active span::before,
.burger-has-animation .burger-default.active span::after {
  transition-delay: 0s, 0.2s;
}

/* active state, i.e. menu open */
.burger-default.active span {
  background-color: transparent !important;
}

.burger-default.active span::before {
  transform: rotate(45deg);
  top: 0;
}

.burger-default.active span::after {
  transform: rotate(-45deg);
  bottom: 0;
}

.mobile-menu-icon {
  z-index: 31;
}

.mobile-menu-icon {
  cursor: pointer;
}

.burger-custom-wrap-close {
  display: none;
}

body.mobile-menu-style_2 .mobile-nav .burger-custom-wrap-close {
  display: inline-block;
}
body.mobile-menu-style_2 .burger-custom-wrap-open {
  display: inline-block;
}

body.mobile-menu-open.mobile-menu-style_3 .burger-custom-wrap-close,
body.mobile-menu-open.mobile-menu-style_4 .burger-custom-wrap-close,
body.mobile-menu-open.mobile-menu-style_1 .burger-custom-wrap-close {
  display: inline-block;
}
body.mobile-menu-open.mobile-menu-style_3 .burger-custom-wrap-open,
body.mobile-menu-open.mobile-menu-style_4 .burger-custom-wrap-open,
body.mobile-menu-open.mobile-menu-style_1 .burger-custom-wrap-open {
  display: none;
}

/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
body.mobile_menu_bar_not_hidden .lay-mobile-icons-wrap.contains-cart-icon .burger-wrap-new {
  padding-top: 6px;
}

.burger-wrap-new.burger-wrap {
  padding-left: 5px;
  padding-right: 5px;
}

.lay-mobile-icons-wrap.contains-cart-icon.custom-burger .lay-cart-icon-wrap {
  padding-top: 0;
}

.burger-new {
  border-radius: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
}

.burger-new:focus {
  outline: none;
}

.burger-new .bread-top,
.burger-new .bread-bottom {
  transform: none;
  z-index: 4;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
}

.burger-has-animation .bread-top,
.burger-has-animation .bread-bottom {
  transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}
.burger-has-animation .bread-crust-bottom,
.burger-has-animation .bread-crust-top {
  transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
}
.burger-has-animation .burger-new.active .bread-top,
.burger-has-animation .burger-new.active .bread-bottom {
  transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.burger-has-animation .burger-new.active .bread-crust-bottom,
.burger-has-animation .burger-new.active .bread-crust-top {
  transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}

.burger-new .bread-crust-top,
.burger-new .bread-crust-bottom {
  display: block;
  width: 17px;
  height: 1px;
  background: #000;
  position: absolute;
  left: 7px;
  z-index: 1;
}

.bread-crust-top {
  top: 14px;
  transform: translateY(-3px);
}

.bread-crust-bottom {
  bottom: 14px;
  transform: translateY(3px);
}

.burger-new.active .bread-top {
  transform: rotate(45deg);
}
.burger-new.active .bread-crust-bottom {
  transform: none;
}
.burger-new.active .bread-bottom {
  transform: rotate(-45deg);
}
.burger-new.active .bread-crust-top {
  transform: none;
}

body.mobile-menu-pill_menu_style .burger-wrap,
body.mobile-menu-pill_menu_style .mobile-menu-close-custom {
  display: none;
}
body.mobile-menu-pill_menu_style nav.mobile-nav {
  z-index: 35;
  line-height: 1;
  white-space: nowrap;
}

.mobile-menu-style-pill_menu_style ul {
  display: flex;
}

.mobile-menu-pill {
  position: absolute;
  z-index: -1;
  box-sizing: content-box;
  opacity: 0;
}

.mobile-menu-pill.mobile-menu-opacity-pill-transition {
  transition: opacity 0.7s ease-in-out;
}

.mobile-menu-pill.mobile-menu-pill-transition {
  transition: transform 0.7s cubic-bezier(0.93, 0, 0.4, 1.17), width 0.7s cubic-bezier(0.93, 0, 0.4, 1.17), opacity 0.7s ease-in-out;
}

.lay-fixed-header-hide-on-phone {
  display: none;
}

.tagline {
  display: none;
}

.title a,
.title {
  opacity: 1;
}

.sitetitle {
  display: none;
}

.navbar {
  display: block;
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  width: 100%;
  z-index: 30;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.mobile-title.image {
  font-size: 0;
}

.mobile-title.text {
  line-height: 1;
  display: inline-flex;
}
.mobile-title.text > span {
  align-self: center;
}

.mobile-title {
  z-index: 31;
  display: inline-block;
  box-sizing: border-box;
}
.mobile-title img {
  box-sizing: border-box;
  height: 100%;
}

nav.primary,
nav.second_menu,
nav.third_menu,
nav.fourth_menu {
  display: none;
}

body.mobile-menu-style_desktop_menu .burger-wrap,
body.mobile-menu-style_desktop_menu .mobile-menu-close-custom {
  display: none;
}
body.mobile-menu-style_desktop_menu nav.mobile-nav {
  z-index: 35;
  line-height: 1;
  white-space: nowrap;
}
body.mobile-menu-style_desktop_menu nav.mobile-nav li {
  vertical-align: top;
}
body.mobile-menu-style_desktop_menu nav.mobile-nav li:last-child {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
body.mobile-menu-style_desktop_menu nav.mobile-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
body.mobile-menu-style_desktop_menu nav.mobile-nav a {
  text-decoration: none;
}
body.mobile-menu-style_desktop_menu nav.mobile-nav span {
  border-bottom-style: solid;
  border-bottom-width: 0;
}

.mobile_sitetitle_fade_out_when_scrolling_down {
  transition: all ease-in-out 300ms;
}

.mobile_sitetitle_move_away_when_scrolling_down {
  transition: all ease-in-out 300ms;
}

.mobile_menu_fade_out_when_scrolling_down {
  transition: all ease-in-out 300ms;
}

.mobile_menu_move_away_when_scrolling_down {
  transition: all ease-in-out 300ms;
}

.mobile_menubar_move_away_when_scrolling_down {
  transition: all ease-in-out 300ms;
}

.mobile_menubar_fade_out_when_scrolling_down {
  transition: all ease-in-out 300ms;
}

.mobile_menuicons_fade_out_when_scrolling_down {
  transition: all ease-in-out 300ms;
}

.mobile_menuicons_move_away_when_scrolling_down {
  transition: all ease-in-out 300ms;
}

body.lay-hide-phone-menu .mobile_sitetitle_fade_out_when_scrolling_down {
  opacity: 0;
  pointer-events: none;
}
body.lay-hide-phone-menu .mobile_menu_fade_out_when_scrolling_down {
  opacity: 0;
  pointer-events: none;
}
body.lay-hide-phone-menu .mobile_menubar_move_away_when_scrolling_down {
  transform: translateY(-100%);
}
body.lay-hide-phone-menu .mobile_menubar_fade_out_when_scrolling_down {
  opacity: 0 !important;
  pointer-events: none;
}
body.lay-hide-phone-menu .mobile_menuicons_fade_out_when_scrolling_down {
  opacity: 0 !important;
  pointer-events: none;
}
body.lay-hide-phone-menu .mobile_menuicons_move_away_when_scrolling_down {
  transform: translateY(-100%);
}

nav.laynav {
  z-index: 20;
  line-height: 1;
}
nav.laynav .span-wrap {
  display: inline-block;
}
nav.laynav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
nav.laynav a {
  text-decoration: none;
}
nav.laynav li {
  vertical-align: top;
}
nav.laynav li:last-child {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

		}
		/* lay media query styles */
		@media (min-width: 601px){
			
.column-wrap._100vh,
.column-wrap.rowcustomheight {
  display: flex;
}

#custom-phone-grid {
  display: none;
}

#footer-custom-phone-grid {
  display: none;
}

.cover-region-phone {
  display: none;
}

.row._100vh,
.row._100vh.empty {
  min-height: 100vh;
  min-height: 100svh;
}
.row._100vh .row-inner,
.row._100vh .column-wrap,
.row._100vh.empty .row-inner,
.row._100vh.empty .column-wrap {
  min-height: 100vh;
  min-height: 100svh;
}

.col.align-top {
  align-self: start;
}

.col.align-onethird {
  align-self: start;
}

.col.align-middle {
  align-self: center;
}

.col.align-twothirds {
  align-self: end;
}

.col.align-bottom {
  align-self: end;
}

.cover-region {
  position: sticky;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
}

.lay-sitewide-background-video-mobile {
  display: none;
}

.cover-down-arrow-desktop {
  display: block;
}

.cover-down-arrow-phone {
  display: none;
}

.col.type-vl.absolute-position {
  position: absolute !important;
  margin-left: 0 !important;
  z-index: 1;
}

/* 

100VH rows 

*/
.column-wrap._100vh > .col.absolute-position:not(.lay-sticky) {
  position: absolute !important;
  margin-left: 0 !important;
}

.column-wrap._100vh > .col.absolute-position.align-top:not(.lay-sticky) {
  top: 0;
}

.column-wrap._100vh > .col.absolute-position.align-bottom:not(.lay-sticky) {
  bottom: 0;
}

._100vh:not(.stack-element) > .type-html {
  position: absolute !important;
  margin-left: 0 !important;
  z-index: 1;
}

._100vh:not(.stack-element) > .type-html.align-top {
  top: 0;
}

._100vh:not(.stack-element) > .type-html.align-middle {
  top: 50%;
  transform: translateY(-50%);
}

._100vh:not(.stack-element) > .type-html.align-bottom {
  bottom: 0;
}

/* 

CUSTOM ROW HEIGHT 

*/
.column-wrap.rowcustomheight > .col.absolute-position:not(.lay-sticky) {
  position: absolute !important;
  margin-left: 0 !important;
  z-index: 1;
}

.rowcustomheight:not(.stack-element) > .type-html {
  position: absolute !important;
  margin-left: 0 !important;
  z-index: 1;
}

.rowcustomheight:not(.stack-element) > .type-html.align-top {
  top: 0;
}

.rowcustomheight:not(.stack-element) > .type-html.align-middle {
  top: 50%;
  transform: translateY(-50%);
}

.rowcustomheight:not(.stack-element) > .type-html.align-bottom {
  bottom: 0;
}

.lay-slide-from-top {
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100.1%);
}

body.do-page-overlay-transition .lay-slide-from-top {
  transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.lay-slide-from-left {
  top: 0;
  left: 0;
  bottom: 0;
  transform: translateX(-100.1%);
}

body.do-page-overlay-transition .lay-slide-from-left {
  transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.lay-slide-from-right {
  top: 0;
  right: 0;
  transform: translateX(100.1%);
}

body.do-page-overlay-transition .lay-slide-from-right {
  transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.lay-slide-from-bottom {
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(100.1%);
}

body.do-page-overlay-transition .lay-slide-from-bottom {
  transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.lay-fade {
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100.1%);
}

.lay-none {
  transform: translate(0, 0);
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.lay-none .row .col {
  pointer-events: none;
}

.lay-none-right {
  transform: translate(0, 0);
  top: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
}
.lay-none-right .row .col {
  pointer-events: none;
}

.lay-none-left {
  transform: translate(0, 0);
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.lay-none-left .row .col {
  pointer-events: none;
}

.lay-none-bottom {
  transform: translate(0, 0);
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
}
.lay-none-bottom .row .col {
  pointer-events: none;
}

.lay-none-top {
  transform: translate(0, 0);
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
}
.lay-none-top .row .col {
  pointer-events: none;
}

.lay-show-overlay.lay-slide-from-top {
  transform: translateY(0);
}

.lay-show-overlay.lay-slide-from-left {
  transform: translateX(0);
}

.lay-show-overlay.lay-slide-from-right {
  transform: translateX(0);
}

.lay-show-overlay.lay-slide-from-bottom {
  transform: translateY(0);
}

.lay-show-overlay.lay-fade {
  transform: translateY(0);
  animation: 350ms forwards overlayfadein;
  opacity: 1;
}

.lay-show-overlay.lay-fadeout {
  animation: 350ms forwards overlayfadeout;
}

.lay-show-overlay.lay-none,
.lay-show-overlay.lay-none-right,
.lay-show-overlay.lay-none-left,
.lay-show-overlay.lay-none-top,
.lay-show-overlay.lay-none-bottom {
  pointer-events: auto;
  opacity: 1;
}
.lay-show-overlay.lay-none .row .col,
.lay-show-overlay.lay-none-right .row .col,
.lay-show-overlay.lay-none-left .row .col,
.lay-show-overlay.lay-none-top .row .col,
.lay-show-overlay.lay-none-bottom .row .col {
  pointer-events: auto;
}

@keyframes overlayfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes overlayfadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

			
		}
		@media (max-width: 600px){
			
.hascustomphonegrid > #grid {
  display: none;
}
.hascustomphonegrid .column-wrap._100vh,
.hascustomphonegrid .column-wrap.rowcustomheight {
  display: flex;
}

.hascustomphonegrid .cover-region-desktop {
  display: none;
}
.hascustomphonegrid .cover-content-desktop {
  display: none;
}

.nocustomphonegrid .type-vl {
  display: none;
}

.footer-hascustomphonegrid #footer {
  display: none;
}

body {
  box-sizing: border-box;
}

.fp-section.row._100vh,
.fp-section.row._100vh.empty {
  min-height: 0;
}
.fp-section.row._100vh .row-inner,
.fp-section.row._100vh.empty .row-inner {
  min-height: 0 !important;
}

.lay-content.nocustomphonegrid #grid .col.lay-sticky,
.lay-content.footer-nocustomphonegrid #footer .col.lay-sticky,
.lay-content .cover-region-desktop .col.lay-sticky {
  position: relative !important;
  top: auto !important;
}

.lay-content.nocustomphonegrid #grid .col:not(.below, .in-view),
.lay-content.footer-nocustomphonegrid #footer .col:not(.below, .in-view),
.lay-content .cover-region-desktop .col:not(.below, .in-view) {
  transform: none !important;
}

.lay-content.nocustomphonegrid #grid .col,
.lay-content.footer-nocustomphonegrid #footer .col,
.lay-content .cover-region-desktop .col {
  width: 100%;
}

html.flexbox .lay-content .row._100vh.row-col-amt-2.absolute-positioning-vertically-in-apl .col.align-top,
html.flexbox .lay-content .row.rowcustomheight.row-col-amt-2.absolute-positioning-vertically-in-apl .col.align-top,
html.flexbox .lay-content .row._100vh.row-col-amt-3.absolute-positioning-vertically-in-apl .col.align-top,
html.flexbox .lay-content .row.rowcustomheight.row-col-amt-3.absolute-positioning-vertically-in-apl .col.align-top {
  top: 0;
  position: absolute;
  margin-bottom: 0;
}
html.flexbox .lay-content .row._100vh.row-col-amt-2.absolute-positioning-vertically-in-apl .col.align-middle,
html.flexbox .lay-content .row.rowcustomheight.row-col-amt-2.absolute-positioning-vertically-in-apl .col.align-middle,
html.flexbox .lay-content .row._100vh.row-col-amt-3.absolute-positioning-vertically-in-apl .col.align-middle,
html.flexbox .lay-content .row.rowcustomheight.row-col-amt-3.absolute-positioning-vertically-in-apl .col.align-middle {
  top: 50%;
  transform: translate(0, -50%) !important;
  position: absolute;
  margin-bottom: 0;
}
html.flexbox .lay-content .row._100vh.row-col-amt-2.absolute-positioning-vertically-in-apl .col.align-bottom,
html.flexbox .lay-content .row.rowcustomheight.row-col-amt-2.absolute-positioning-vertically-in-apl .col.align-bottom,
html.flexbox .lay-content .row._100vh.row-col-amt-3.absolute-positioning-vertically-in-apl .col.align-bottom,
html.flexbox .lay-content .row.rowcustomheight.row-col-amt-3.absolute-positioning-vertically-in-apl .col.align-bottom {
  bottom: 0;
  position: absolute;
  margin-bottom: 0;
}

html.flexbox .lay-content .row._100vh.one-col-row .column-wrap,
html.flexbox .lay-content .row.rowcustomheight.one-col-row .column-wrap {
  display: flex;
}
html.flexbox .lay-content .row._100vh.one-col-row .col.align-top,
html.flexbox .lay-content .row.rowcustomheight.one-col-row .col.align-top {
  align-self: start;
  margin-bottom: 0;
}
html.flexbox .lay-content .row._100vh.one-col-row .col.align-middle,
html.flexbox .lay-content .row.rowcustomheight.one-col-row .col.align-middle {
  align-self: center;
  margin-bottom: 0;
}
html.flexbox .lay-content .row._100vh.one-col-row .col.align-bottom,
html.flexbox .lay-content .row.rowcustomheight.one-col-row .col.align-bottom {
  align-self: end;
  margin-bottom: 0;
}

.lay-content .row {
  box-sizing: border-box;
  display: block;
}

.lay-content .row:last-child > .row-inner > .column-wrap > .col:last-child {
  margin-bottom: 0 !important;
}

html.flexbox #custom-phone-grid .column-wrap._100vh,
html.flexbox #custom-phone-grid .column-wrap.rowcustomheight,
html.flexbox .cover-region-phone .column-wrap._100vh,
html.flexbox .cover-region-phone .column-wrap.rowcustomheight,
html.flexbox #footer-custom-phone-grid .column-wrap._100vh,
html.flexbox #footer-custom-phone-grid .column-wrap.rowcustomheight {
  display: flex;
}
html.flexbox #custom-phone-grid .col.align-top,
html.flexbox .cover-region-phone .col.align-top,
html.flexbox #footer-custom-phone-grid .col.align-top {
  align-self: start;
}
html.flexbox #custom-phone-grid .col.align-middle,
html.flexbox .cover-region-phone .col.align-middle,
html.flexbox #footer-custom-phone-grid .col.align-middle {
  align-self: center;
}
html.flexbox #custom-phone-grid .col.align-bottom,
html.flexbox .cover-region-phone .col.align-bottom,
html.flexbox #footer-custom-phone-grid .col.align-bottom {
  align-self: end;
}

.row-inner {
  box-sizing: border-box;
}

.html5video .html5video-customplayicon {
  max-width: 100px;
}

.cover-enabled-on-phone .cover-region {
  position: sticky;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
}

.lay-sitewide-background-video {
  display: none;
}

.cover-down-arrow-desktop {
  display: none;
}

.cover-down-arrow-phone {
  display: block;
}

.lay-content.nocustomphonegrid #grid .row.only-marquee-row {
  padding-left: 0;
  padding-right: 0;
}

.col.absolute-position.type-vl {
  position: absolute;
  margin-left: 0 !important;
  z-index: 1;
}

#custom-phone-grid .column-wrap._100vh > .col.absolute-position:not(.lay-sticky),
#footer-custom-phone-grid .column-wrap._100vh > .col.absolute-position:not(.lay-sticky) {
  position: absolute !important;
  margin-left: 0 !important;
  z-index: 1;
}
#custom-phone-grid .column-wrap._100vh > .col.absolute-position.align-top:not(.lay-sticky),
#footer-custom-phone-grid .column-wrap._100vh > .col.absolute-position.align-top:not(.lay-sticky) {
  top: 0;
}
#custom-phone-grid .column-wrap._100vh > .col.absolute-position.align-bottom:not(.lay-sticky),
#footer-custom-phone-grid .column-wrap._100vh > .col.absolute-position.align-bottom:not(.lay-sticky) {
  bottom: 0;
}

#custom-phone-grid .column-wrap.rowcustomheight > .col.absolute-position:not(.lay-sticky),
#footer-custom-phone-grid .column-wrap.rowcustomheight > .col.absolute-position:not(.lay-sticky) {
  position: absolute !important;
  margin-left: 0 !important;
  z-index: 1;
}
#custom-phone-grid .column-wrap.rowcustomheight > .col.absolute-position.align-top:not(.lay-sticky),
#footer-custom-phone-grid .column-wrap.rowcustomheight > .col.absolute-position.align-top:not(.lay-sticky) {
  top: 0;
}
#custom-phone-grid .column-wrap.rowcustomheight > .col.absolute-position.align-bottom:not(.lay-sticky),
#footer-custom-phone-grid .column-wrap.rowcustomheight > .col.absolute-position.align-bottom:not(.lay-sticky) {
  bottom: 0;
}

.cover-disabled-on-phone .cover-region-desktop._100vh._100vh-not-set-by-user {
  min-height: 0 !important;
}
.cover-disabled-on-phone .cover-region-desktop._100vh._100vh-not-set-by-user .cover-inner._100vh {
  min-height: 0 !important;
}
.cover-disabled-on-phone .cover-region-desktop._100vh._100vh-not-set-by-user .row._100vh {
  min-height: 0 !important;
}
.cover-disabled-on-phone .cover-region-desktop._100vh._100vh-not-set-by-user .row-inner._100vh {
  min-height: 0 !important;
}
.cover-disabled-on-phone .cover-region-desktop._100vh._100vh-not-set-by-user .column-wrap._100vh {
  min-height: 0 !important;
}

.lay-thumbnailgrid-tagfilter.mobile-one-line,
.lay-productsgrid-tagfilter.mobile-one-line {
  white-space: nowrap;
  overflow-x: scroll;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

.lay-thumbnailgrid-tagfilter::-webkit-scrollbar,
.lay-productsgrid-tagfilter::-webkit-scrollbar {
  display: none;
}

.lay-thumbnailgrid-tagfilter,
.lay-productsgrid-tagfilter {
  scrollbar-width: none;
}

.lay-thumbnailgrid-filter.mobile-one-line,
.lay-productsgrid-filter.mobile-one-line {
  white-space: nowrap;
  overflow-x: scroll;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

.lay-thumbnailgrid-filter::-webkit-scrollbar,
.lay-productsgrid-filter::-webkit-scrollbar {
  display: none;
}

.lay-thumbnailgrid-filter,
.lay-productsgrid-filter {
  scrollbar-width: none;
}

.lay-thumbnailgrid-tagfilter.mobile-one-line .tag-bubble:first-child {
  margin-left: 0 !important;
}
.lay-thumbnailgrid-tagfilter.mobile-one-line .tag-bubble:last-child {
  margin-right: 0 !important;
}

.lay-productsgrid-tagfilter.mobile-one-line .ptag-bubble:first-child {
  margin-left: 0 !important;
}
.lay-productsgrid-tagfilter.mobile-one-line .ptag-bubble:last-child {
  margin-right: 0 !important;
}

.lay-phone-slide-from-top {
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100.1%);
}

body.do-page-overlay-transition .lay-phone-slide-from-top {
  transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.lay-phone-slide-from-left {
  top: 0;
  left: 0;
  bottom: 0;
  transform: translateX(-100.1%);
}

body.do-page-overlay-transition .lay-phone-slide-from-left {
  transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.lay-phone-slide-from-right {
  top: 0;
  right: 0;
  transform: translateX(100%);
}

body.do-page-overlay-transition .lay-phone-slide-from-right {
  transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.lay-phone-slide-from-bottom {
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(100.1%);
}

body.do-page-overlay-transition .lay-phone-slide-from-bottom {
  transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.lay-phone-fade {
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100.1%);
}

.lay-phone-none {
  transform: translate(0, 0);
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.lay-phone-none .row .col {
  pointer-events: none;
}

.lay-phone-none-right {
  transform: translate(0, 0);
  top: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
}
.lay-phone-none-right .row .col {
  pointer-events: none;
}

.lay-phone-none-left {
  transform: translate(0, 0);
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.lay-phone-none-left .row .col {
  pointer-events: none;
}

.lay-phone-none-bottom {
  transform: translate(0, 0);
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
}
.lay-phone-none-bottom .row .col {
  pointer-events: none;
}

.lay-phone-none-top {
  transform: translate(0, 0);
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
}
.lay-phone-none-top .row .col {
  pointer-events: none;
}

.lay-show-overlay.lay-phone-slide-from-top {
  transform: translateY(0);
}

.lay-show-overlay.lay-phone-slide-from-left {
  transform: translateX(0);
}

.lay-show-overlay.lay-phone-slide-from-right {
  transform: translateX(0);
}

.lay-show-overlay.lay-phone-slide-from-bottom {
  transform: translateY(0);
}

.lay-show-overlay.lay-phone-fade {
  transform: translateY(0);
  animation: 350ms forwards overlayfadein;
  opacity: 1;
}

.lay-show-overlay.lay-fadeout {
  animation: 350ms forwards overlayfadeout;
}

.lay-show-overlay.lay-phone-none,
.lay-show-overlay.lay-phone-none-right,
.lay-show-overlay.lay-phone-none-left,
.lay-show-overlay.lay-phone-none-top,
.lay-show-overlay.lay-phone-none-bottom {
  pointer-events: auto;
  opacity: 1;
}
.lay-show-overlay.lay-phone-none .row .col,
.lay-show-overlay.lay-phone-none-right .row .col,
.lay-show-overlay.lay-phone-none-left .row .col,
.lay-show-overlay.lay-phone-none-top .row .col,
.lay-show-overlay.lay-phone-none-bottom .row .col {
  pointer-events: auto;
}

@keyframes overlayfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes overlayfadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
html.no-flexbox #footer-custom-phone-grid .col.align-bottom {
  vertical-align: bottom;
}

			
		}

					/* default text format "Default" */
					.lay-textformat-parent > *, ._Default, ._Default_no_spaces{
						font-family:Verdana;color:#000000;letter-spacing:0em;line-height:1.2;font-weight:300;text-transform:none;font-style:normal;text-decoration: none;padding: 0;text-indent:0em;border-bottom: none;text-align:left;
					}@media (min-width: 1025px){
						.lay-textformat-parent > *, ._Default{
							font-size:20px;margin:0px 0 20px 0;
						}
						._Default_no_spaces{
							font-size:20px;
						}
						.lay-textformat-parent > *:last-child, ._Default:last-child{
							margin-bottom: 0;
						}
					}
					@media (min-width: 601px) and (max-width: 1024px){
						.lay-textformat-parent > *, ._Default{
							font-size:16px;margin:0px 0 20px 0;
						}
						._Default_no_spaces{
							font-size:16px;
						}
						.lay-textformat-parent > *:last-child, ._Default:last-child{
							margin-bottom: 0;
						}
					}
					@media (max-width: 600px){
						.lay-textformat-parent > *, ._Default{
							font-size:10px;margin:0px 0 20px 0;
						}
						._Default_no_spaces{
							font-size:10px;
						}
						.lay-textformat-parent > *:last-child, ._Default:last-child{
							margin-bottom: 0;
						}
					}
/* customizer css */
            .in-view,
        .col.type-text.in-view .text{
            transition: transform 300ms ease, opacity 300ms ease;
        }.below {
                opacity: 0!important;
            }
            .in-view,
            .col.type-text.in-view .text {
                opacity: 1;
            }.thumb .thumbnail-tags{opacity: 1;}.thumb .thumbnail-tags { margin-top:0px; }.thumb .thumbnail-tags { margin-bottom:0px; }.thumb .thumbnail-tags { text-align:left; }.thumb .thumbnail-tags { color:#000000; }.thumb .title, .thumb .thumbnail-tags{
                -webkit-transition: all 400ms ease-out;
                -moz-transition: all 400ms ease-out;
                transition: all 400ms ease-out;
            }.title{opacity: 1;}.title { text-align:left; }.title { color:#000000; }.below-image .title { margin-top:5px; }.above-image .title { margin-bottom:5px; }.titlewrap-on-image{}.thumb .descr{
                -webkit-transition: all 400ms ease-out;
                -moz-transition: all 400ms ease-out;
                transition: all 400ms ease-out;
            }.thumb .descr{opacity: 1;}.thumb .descr { margin-top:0px; }.thumb .descr { margin-bottom:0px; }.thumb .ph{
                transition: -webkit-filter 400ms ease-out;
            }body, .hascover #footer-region, .cover-content, .cover-region { background-color:#f3e966; }
        .sitetitle.txt .sitetitle-txt-inner span{
            text-underline-offset: 3px;
        }nav.laynav a span{
			text-underline-offset: 3px;
		}nav.laynav a:hover span{
			text-underline-offset: 3px;
		}.lay-textformat-parent a:not(.laybutton),
            .lay-link-parent a:not(.laybutton),
            a.projectlink .lay-textformat-parent>*:not(.laybutton),
            .lay-carousel-sink .single-caption-inner a:not(.laybutton),
            .lay-marquee p a:not(.laybutton), .lay-marquee a:not(.laybutton),
            .lay-table a:not(.laybutton), .lay-table p a:not(.laybutton),
            .link-in-text { color:#000; }.no-touchdevice .lay-textformat-parent a:not(.laybutton):hover,
            .no-touchdevice .lay-textformat-parent a:not(.laybutton):hover span,
            .no-touchdevice .lay-link-parent a:not(.laybutton):hover,
            .no-touchdevice .lay-link-parent a:not(.laybutton):hover span,
            .lay-textformat-parent a:not(.laybutton).hover,
            .lay-textformat-parent a:not(.laybutton).hover span,
            .no-touchdevice a.projectlink .lay-textformat-parent>*:not(.laybutton):hover,
            a.projectlink .lay-textformat-parent>*:not(.laybutton).hover,
            .no-touchdevice .lay-carousel-sink .single-caption-inner a:not(.laybutton):hover,
            .no-touchdevice .lay-marquee p a:not(.laybutton):hover,
            .no-touchdevice .lay-marquee a:not(.laybutton):hover,
            .no-touchdevice .lay-table a:not(.laybutton):hover,
            .no-touchdevice .lay-table p a:not(.laybutton):hover,
            .no-touchdevice .link-in-text:hover,
            .link-in-text.hover { color:#000; }.no-touchdevice .lay-textformat-parent a:not(.laybutton):hover,
            .no-touchdevice .lay-link-parent a:not(.laybutton):hover,
            .lay-textformat-parent a:not(.laybutton).hover,
            .lay-textformat-parent a:not(.laybutton).hover span,
            .no-touchdevice a.projectlink .lay-textformat-parent>*:not(.laybutton):hover,
            a.projectlink .lay-textformat-parent>*:not(.laybutton).hover,
            .no-touchdevice .lay-carousel-sink .single-caption-inner a:not(.laybutton):hover,
            .no-touchdevice .lay-marquee p a:not(.laybutton):hover,
            .no-touchdevice .lay-marquee a:not(.laybutton):hover,
            .no-touchdevice .lay-table a:not(.laybutton):hover,
            .no-touchdevice .lay-table p a:not(.laybutton):hover,
            .no-touchdevice .link-in-text:hover,
            .no-touchdevice .link-in-text.hover,
            .no-touchdevice .pa-text:hover .pa-inner{
                text-decoration: none;
             }.no-touchdevice .lay-link-parent a:not(.laybutton):hover,
            .no-touchdevice .lay-textformat-parent a:not(.laybutton):hover,
            .lay-textformat-parent a:not(.laybutton).hover,
            .no-touchdevice a.projectlink .lay-textformat-parent>*:not(.laybutton):hover,
            a.projectlink .lay-textformat-parent>*:not(.laybutton).hover,
            .no-touchdevice .lay-carousel-sink .single-caption-inner a:not(.laybutton):hover,
            .no-touchdevice .lay-marquee p a:not(.laybutton):hover,
            .no-touchdevice .lay-marquee a:not(.laybutton):hover,
            .no-touchdevice .lay-table a:not(.laybutton):hover,
            .no-touchdevice .lay-table p a:not(.laybutton):hover,
            .no-touchdevice .link-in-text:hover,
            .no-touchdevice .link-in-text.hover,
            .no-touchdevice .pa-text:hover .pa-inner{opacity: 1;}.lay-thumbnailgrid-filter { color:#000000; }.lay-thumbnailgrid-filter { text-align:left; }.lay-thumbnailgrid-filter .lay-filter-active { color:#000000; }.lay-thumbnailgrid-filter { margin-bottom:20px; }.lay-thumbnailgrid-filter-anchor{opacity: 0.5;}.lay-thumbnailgrid-filter-anchor.lay-filter-active{opacity: 1;}@media (hover) {.lay-thumbnailgrid-filter-anchor:hover{opacity: 1;}}.lay-thumbnailgrid-tagfilter { text-align:left; }.tag-bubble { color:#000000; }.lay-thumbnailgrid-tagfilter { margin-bottom:20px; }.tag-bubble { background-color:#eeeeee; }.tag-bubble { border-radius:100px; }@media (hover:hover) {.tag-bubble:hover { background-color:#d0d0d0; }}.tag-bubble.lay-tag-active { background-color:#d0d0d0; }input#search-query, .suggest-item { font-family:Verdana; }.search-view { background-color:rgba(255,255,255,0.85); }input#search-query::selection { background:#f5f5f5; }.close-search { color:#000000; }input#search-query::placeholder { color:#ccc; }input#search-query { color:#000; }.suggest-item { color:#aaa; }@media (hover:hover) {.suggest-item:hover { color:#000; }}.search-view{ -webkit-backdrop-filter: saturate(180%) blur(10px);
            backdrop-filter: saturate(180%) blur(10px); }.laybutton1{
				font-family:Verdana;color:#000000;letter-spacing:0em;line-height:1.2;font-weight:300;text-transform:none;font-style:normal;text-decoration: none;
			}
			@media (min-width: 1025px){
				.laybutton1{
					font-size:20px;
				}
			}
			@media (min-width: 601px) and (max-width: 1024px){
				.laybutton1{
					font-size:16px;
				}
			}
			@media (max-width: 600px){
				.laybutton1{
					font-size:10px;
				}
			}.laybutton1{
            color: #000;
            border-radius: 0px;
            background-color: #ffffff;
            border: 1px solid #000000;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            
        }.laybutton2{
				font-family:Verdana;color:#000000;letter-spacing:0em;line-height:1.2;font-weight:300;text-transform:none;font-style:normal;text-decoration: none;
			}
			@media (min-width: 1025px){
				.laybutton2{
					font-size:20px;
				}
			}
			@media (min-width: 601px) and (max-width: 1024px){
				.laybutton2{
					font-size:16px;
				}
			}
			@media (max-width: 600px){
				.laybutton2{
					font-size:10px;
				}
			}.laybutton2{
            color: #000;
            border-radius: 100px;
            background-color: #ffffff;
            border: 1px solid #000000;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            
        }.laybutton3{
				font-family:Verdana;color:#000000;letter-spacing:0em;line-height:1.2;font-weight:300;text-transform:none;font-style:normal;text-decoration: none;
			}
			@media (min-width: 1025px){
				.laybutton3{
					font-size:20px;
				}
			}
			@media (min-width: 601px) and (max-width: 1024px){
				.laybutton3{
					font-size:16px;
				}
			}
			@media (max-width: 600px){
				.laybutton3{
					font-size:10px;
				}
			}.laybutton3{
            color: #000;
            border-radius: 100px;
            background-color: #eeeeee;
            border: 0px solid #000000;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            
        }
            /* phone menu breakpoint above */
            @media (min-width: 601px){
                .sitetitle-txt-inner { font-size:30px; }.sitetitle-txt-inner { font-weight:500; }.sitetitle-txt-inner { letter-spacing:0em; }.sitetitle-txt-inner { font-family:Verdana; }.sitetitle-txt-inner { text-align:left; }.sitetitle-txt-inner { color:#000000; }.sitetitle { top:16px; }.sitetitle { left:1.5%; }.sitetitle { right:1%; }.sitetitle { bottom:16px; }.sitetitle img { width:50vw; }.sitetitle{opacity: 1;}.sitetitle{bottom: auto; left: auto;}.sitetitle{position: fixed;}.sitetitle{display: inline-block;}.sitetitle.img { text-align:left; }.no-touchdevice .sitetitle.txt:hover .sitetitle-txt-inner span, .no-touchdevice .sitetitle:hover .tagline { color:#000000; }.no-touchdevice .sitetitle:hover{opacity: 1;}.no-touchdevice .sitetitle.txt:hover .sitetitle-txt-inner span{ 
                text-decoration: none;
            }.tagline { text-align:left; }.tagline { color:#000000; }.tagline { margin-top:5px; }.tagline{opacity: 1;}nav.primary{display: inline-block;}nav.primary { left:5%; }nav.primary { right:5%; }nav.primary { bottom:16px; }nav.primary ul {gap:20px;}nav.primary ul {flex-direction:row;;}nav.primary{position: fixed;}nav.primary a{opacity: 1;}nav.laynav.primary li{display: inline-block;}nav.primary { top:16px; }nav.primary{bottom: auto; left: auto;}nav.laynav .current-menu-item>a { color:#000000; }nav.laynav .current-menu-item>a { font-weight:300; }nav.laynav .current-menu-item>a span{
                    text-decoration: none;
                }nav.laynav .current-menu-item>a{opacity: 1;}nav.laynav .current_page_item>a { color:#000000; }nav.laynav .current_page_item>a { font-weight:300; }nav.laynav .current_page_item>a span{
                    text-decoration: none;
                }nav.laynav .current_page_item>a{opacity: 1;}nav.laynav .current-menu-parent>a { color:#000000; }nav.laynav .current-menu-parent>a { font-weight:300; }nav.laynav .current-menu-parent>a span{
                    text-decoration: none;
                }nav.laynav .current-menu-parent>a{opacity: 1;}nav.laynav .current-menu-ancestor>a { color:#000000; }nav.laynav .current-menu-ancestor>a { font-weight:300; }nav.laynav .current-menu-ancestor>a span{
                    text-decoration: none;
                }nav.laynav .current-menu-ancestor>a{opacity: 1;}nav.laynav .current-lang>a { color:#000000; }nav.laynav .current-lang>a { font-weight:300; }nav.laynav .current-lang>a span{
                    text-decoration: none;
                }nav.laynav .current-lang>a{opacity: 1;}.current-lang>a{opacity: 1;}.no-touchdevice nav.laynav a:hover { color:#000000; }.no-touchdevice nav.laynav a:hover span { text-decoration-color:#000000; }.no-touchdevice nav.laynav a:hover span{ 
                text-decoration: none;
             }.no-touchdevice nav.laynav a:hover{opacity: 1;}.laynav.desktop-nav.arrangement-horizontal .sub-menu{ left:-10px; padding:10px; }.laynav.desktop-nav.arrangement-vertical .sub-menu{ padding-left:10px; padding-right:10px; }.laynav.desktop-nav.arrangement-horizontal.submenu-type-vertical .menu-item-has-children .sub-menu li a{ padding-bottom: 4px; }.laynav.desktop-nav.arrangement-horizontal.submenu-type-horizontal .menu-item-has-children .sub-menu li{ margin-right: 4px; }.laynav.desktop-nav.arrangement-vertical .menu-item-has-children .sub-menu li{ margin-bottom: 4px; }.laynav.desktop-nav.arrangement-horizontal.show-submenu-on-hover.position-top .menu-item-has-children:hover { padding-bottom:0px; }.laynav.desktop-nav.arrangement-horizontal.show-submenu-on-click.position-top .menu-item-has-children.show-submenu-desktop { padding-bottom:0px; }.laynav.desktop-nav.arrangement-horizontal.show-submenu-on-always.position-top .menu-item-has-children { padding-bottom:0px; }.laynav.desktop-nav.arrangement-horizontal.show-submenu-on-hover.position-not-top .menu-item-has-children:hover { padding-top:0px; }.laynav.desktop-nav.arrangement-horizontal.show-submenu-on-click.position-not-top .menu-item-has-children.show-submenu-desktop { padding-top:0px; }.laynav.desktop-nav.arrangement-horizontal.show-submenu-on-always.position-not-top .menu-item-has-children { padding-top:0px; }.laynav.desktop-nav.arrangement-vertical .sub-menu { padding-top:0px; }.laynav.desktop-nav.arrangement-vertical .sub-menu { padding-bottom:0px; }.navbar{ top:0; bottom: auto; }.navbar { height:0px; }.navbar{display:none;}.navbar { background-color:rgba(255,255,255,0); }.navbar { border-color:#cccccc; }}
            /* phone menu breakpoint under */
            @media (max-width: 600px){
                }
            /* desktop and tablet */
            @media (min-width: 601px){.col.type-socialmediaicons.below,
        .col.type-project.below,
        .col.type-embed.below,
        .col.type-carousel.below,
        .col.type-img.below,
        .col.type-marquee.below,
        .col.type-html5video.below,
        .col.type-video.below,
        .col.type-hr.below,
        .col.type-table.below,
        .col.type-textfooter.below,
        .col.type-projectindex.below,
        .col.type-productindex.below,
        .col.type-productsgrid li.below,
        .lay-thumbnailgrid-filter-wrap.below,
        .col.type-thumbnailgrid .thumbnail-wrap .below,
        .col.type-elementgrid .element-wrap.below,
        .show-news.below,
        .col.stack-has-border-or-shadow-or-rounded-corners.below {
            transform: translateY(90px);
        }
        .col.type-text.below {
            transform: translateY(90px);
        }.lay-thumbnailgrid-filter-anchor { margin-right:10px; }.tag-bubble { margin:10px; }.lay-thumbnailgrid-tagfilter { margin-left:-10px; }}
            @media (max-width: 600px){.col.type-socialmediaicons.below,
        .col.type-project.below,
        .col.type-embed.below,
        .col.type-carousel.below,
        .col.type-img.below,
        .col.type-marquee.below,
        .col.type-html5video.below,
        .col.type-video.below,
        .col.type-hr.below,
        .col.type-table.below,
        .col.type-textfooter.below,
        .col.type-projectindex.below,
        .col.type-productindex.below,
        .col.type-productsgrid li.below,
        .lay-thumbnailgrid-filter-wrap.below,
        .col.type-thumbnailgrid .thumbnail-wrap .below,
        .col.type-elementgrid .element-wrap.below,
        .show-news.below,
        .col.stack-has-border-or-shadow-or-rounded-corners.below {
            transform: translateY(40px);
        }
        .col.type-text.below {
            transform: translateY(40px);
        }
		.nocustomphonegrid .row.one-col-row .col.type-socialmediaicons.below,
        .nocustomphonegrid .row.one-col-row .col.type-textfooter.below,
        .nocustomphonegrid .row.one-col-row .col.type-hr.below,
        .nocustomphonegrid .row.one-col-row .col.type-table.below,
		.nocustomphonegrid .row.one-col-row .col.type-project.below,
		.nocustomphonegrid .row.one-col-row .col.type-embed.below,
		.nocustomphonegrid .row.one-col-row .col.type-carousel.below,
		.nocustomphonegrid .row.one-col-row .col.type-img.below,
		.nocustomphonegrid .row.one-col-row .col.type-marquee.below,
		.nocustomphonegrid .row.one-col-row .col.type-html5video.below,
		.nocustomphonegrid .row.one-col-row .col.type-video.below,
		.nocustomphonegrid .row.one-col-row .col.type-projectindex.below,
        .nocustomphonegrid .row.one-col-row .col.type-productindex.below,
        .nocustomphonegrid .row.one-col-row .col.stack-has-border-or-shadow-or-rounded-corners.below {
			transform: translateY(40);
		}
		.nocustomphonegrid .row.one-col-row .col.type-text.below {
			transform: translateY(40);
		}.lay-textformat-parent a:not(.laybutton).hover, .lay-textformat-parent a:not(.laybutton).hover span { color:#000; }.lay-textformat-parent a:not(.laybutton).hover, .lay-link-parent a:not(.laybutton).hover{
                text-decoration: none;
             }.lay-textformat-parent a:not(.laybutton).hover, .lay-link-parent a:not(.laybutton).hover{opacity: 1;}.mobile-one-line .lay-thumbnailgrid-filter-anchor { margin-right:10px; }.mobile-not-one-line .lay-thumbnailgrid-filter-anchor { margin:10px; }.mobile-one-line .tag-bubble:not(.lay-filter-hidden) { margin-right:10px; }.mobile-not-one-line .tag-bubble { margin:10px; }.lay-thumbnailgrid-tagfilter { margin-left:-10px; }.lay-content.nocustomphonegrid #grid .col, .lay-content.footer-nocustomphonegrid #footer .col { margin-bottom:5%; }.lay-content.nocustomphonegrid .cover-region .col { margin-bottom:5%; }.lay-content.nocustomphonegrid #grid .row.empty._100vh, .lay-content.footer-nocustomphonegrid #footer .row.empty._100vh { margin-bottom:5%; }.lay-content.nocustomphonegrid #grid .row.has-background, .lay-content.footer-nocustomphonegrid #footer .row.has-background { margin-bottom:5%; }.lay-content.nocustomphonegrid.hascover #grid { padding-top:5%; }.lay-content.nocustomphonegrid #grid .row, .lay-content.nocustomphonegrid .cover-region-desktop .row, .lay-content.footer-nocustomphonegrid #footer .row { padding-left:5vw; }.lay-content.nocustomphonegrid #grid .row, .lay-content.nocustomphonegrid .cover-region-desktop .row, .lay-content.footer-nocustomphonegrid #footer .row { padding-right:5vw; }.lay-content.nocustomphonegrid #grid.simpler-markup-for-scrollslider { padding-left:5vw; }.lay-content.nocustomphonegrid #grid.simpler-markup-for-scrollslider { padding-right:5vw; }.lay-content.nocustomphonegrid #grid.simpler-markup-for-scrollslider{ box-sizing: border-box; }.lay-content.nocustomphonegrid #grid .col.frame-overflow-both,
                .lay-content.nocustomphonegrid .cover-region-desktop .col.frame-overflow-both,
                .lay-content.footer-nocustomphonegrid #footer .col.frame-overflow-both{
                    width: calc( 100% + 5vw * 2 );
                    left: -5vw;
                }.lay-content.nocustomphonegrid #grid .col.frame-overflow-right,
                .lay-content.nocustomphonegrid .cover-region-desktop .col.frame-overflow-right,
                .lay-content.footer-nocustomphonegrid #footer .col.frame-overflow-right{
                    width: calc( 100% + 5vw );
                }.lay-content.nocustomphonegrid #grid .col.frame-overflow-left,
                .lay-content.nocustomphonegrid .cover-region-desktop .col.frame-overflow-left,
                .lay-content.footer-nocustomphonegrid #footer .col.frame-overflow-left{
                    width: calc( 100% + 5vw );
                    left: -5vw;
                }.lay-content.nocustomphonegrid #grid { padding-bottom:5vw; }.lay-content.nocustomphonegrid #grid { padding-top:5vw; }.nocustomphonegrid .cover-region .column-wrap { padding-top:5vw; }.lay-content.footer-nocustomphonegrid #footer { padding-bottom:5vw; }.lay-content.footer-nocustomphonegrid #footer { padding-top:5vw; }}
/* customizer css mobile menu */
            @media (max-width: 600px){.lay-mobile-icons-wrap{right: 0;}nav.mobile-nav{position: fixed;}.navbar, .lay-mobile-icons-wrap{position: fixed;}.mobile-title.image img { height:35px; }.mobile-title.text { font-family:Verdana; }.mobile-title.text { font-size:30px; }.mobile-title.text { font-weight:300; }.mobile-title.text { letter-spacing:0em; }.mobile-title.text { color:#000000; }.mobile-title{position:fixed;}.mobile-title { top:12px; }.mobile-title { right:5%; }body.lay-hide-phone-menu .mobile_sitetitle_move_away_when_scrolling_down {
            transform: translateY(calc(-12px - 100% - 10px));
        }.navbar{display:none;}.lay-mobile-icons-wrap{padding-top:10px;}.lay-mobile-icons-wrap{padding-right:10px;}.laynav .burger-wrap{padding-left:7px;}.laynav .burger-wrap{padding-top:10px;}.lay-mobile-icons-wrap{padding-top:10px;}.lay-mobile-icons-wrap{padding-right:10px;}.burger-custom{width:25px;}.mobile-menu-close-custom{width:25px;}.navbar { height:0px; }.navbar{background-color:rgba(255,250,119,0)}.navbar { border-bottom-color:#e1d754; }.burger-default span, .burger-default span:before, .burger-default span:after { background-color:#000000; }.burger-new .bread-crust-top, .burger-new .bread-crust-bottom { background:#000000; }.lay-cart-icon-wrap { color:#000; }.navbar{border-bottom-width: 0;}nav.mobile-nav li a { border-bottom-color:#e1d754; }nav.mobile-nav a { color:#000000; }nav.mobile-nav li>a{background-color:rgba(255,250,119,1)}nav.mobile-nav li.current-menu-item>a, nav.mobile-nav li.current_page_item>a{background-color:rgba(225,215,84,1)}nav.mobile-nav li.current-menu-item>a, nav.mobile-nav li.current_page_item>a{color:rgb(0,0,0)}nav.mobile-nav li a { font-size:15px; }nav.mobile-nav li a { padding-left:10px; }nav.mobile-nav li a { padding-right:10px; }nav.mobile-nav li a { padding-top:10px; }nav.mobile-nav li a { padding-bottom:10px; }nav.mobile-nav li, nav.mobile-nav li a { text-align:left; }nav.mobile-nav li a { line-height:1em; }}
            
/*# sourceURL=frontend-style-inline-css */
</style>
<script type="text/javascript" src="https://berrelmetallbau.ch/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://berrelmetallbau.ch/wp-content/themes/lay/frontend/assets/js/events_channels.min.js?ver=9.7.5" id="lay-frontend-events-channels-js"></script>
<link rel="https://api.w.org/" href="https://berrelmetallbau.ch/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://berrelmetallbau.ch/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
<!-- webfonts -->
		<style type="text/css">@font-face{ font-family: "Verdana"; src: url("https://berrelmetallbau.ch/wp-content/uploads/2025/09/Verdana-2.ttf") format("woff"); font-display: swap; } @font-face{ font-family: "Verdana-Bold"; src: url("https://berrelmetallbau.ch/wp-content/uploads/2025/09/Verdana-Bold.ttf") format("woff"); font-display: swap; } </style><!-- horizontal lines -->
		<style>
			.lay-hr{
				height:1px;
				background-color:#000000;
			}
		</style><!-- vertical lines -->
		<style>
            .element.type-vl{
                width:1px!important;
            }
			.lay-vl{
				width:1px;
				background-color:#000000;
			}
		</style><!-- sticky footer css -->
			<style>
				body.woocommerce-page{
					display: flex;
					flex-direction: column;
					min-height: 100vh;
				}
				body.woocommerce-page #lay-woocommerce{
                    -webkit-flex: 1 0 auto;
					flex: 1 0 auto;
				}
				body>.lay-content{
					display: -webkit-flex;
					display: flex;
					-webkit-flex-direction: column;
					flex-direction: column;
				}
				/* needs to work for desktop grid and cpl grid container */
			    #grid, #custom-phone-grid {
					-webkit-flex: 1 0 auto;
					flex: 1 0 auto;
	          	}
	          	/* firefox fix: note, i removed this because it was causing position sticky to not work */
	          	/* #footer-region{
	          		overflow: hidden;
				} */
                /* for project overlay */
                #lay-project-overlay>.lay-content{
					display: -webkit-box;
					display: flex;
					-webkit-box-direction: normal;
					flex-direction: column;
				}
				@media (min-width: 601px){
					body>.lay-content{
						min-height: 100vh;
					}
                    #lay-project-overlay>.lay-content{
                        min-height: 100vh;
                    }
				}
				@media (max-width: 600px){
                    body:not(.woocommerce-page).no-touchdevice.sticky-footer-option-enabled>.lay-content{
                        min-height: 100vh;
                    }
					body.woocommerce-page>.lay-content{
						min-height: auto;
					}
                    body:not(.woocommerce-page).no-touchdevice.sticky-footer-option-enabled #lay-project-overlay>.lay-content{
                        min-height: 100vh;
                    }
				}
			</style>		<style type="text/css" id="wp-custom-css">
			.fixed-element{
position: fixed;
bottom: 2%;
left: 1%;
z-index: 5;
}		</style>
		<meta property="og:title" content="berrelmetallbau_ag">
		<meta property="og:site_name" content="berrelmetallbau_ag"><meta name="twitter:card" content="summary">
			<meta name="twitter:title" content="berrelmetallbau_ag"><!-- Version 9.7.5--><!-- Fix for flash of unstyled content on Chrome --><style>.sitetitle, .laynav, .project-arrow, .mobile-title{visibility:hidden;}</style></head>

<body class="home blog wp-theme-lay  no-touchdevice type-page id-2 slug-home mobile-menu-style_1 mobile-menu-has-animation thumb-mo-image-no-transition thumb-video-and-mouseover-image-behavior-show-image mobile_menu_bar_hidden mobile_burger_style_default_thin sticky-footer-option-enabled intro-disabled not-protected" data-type="page" data-id="2" data-catid="" data-slug="home" data-footerid="">
<a class="sitetitle position-top is-fixed img" href="https://berrelmetallbau.ch" data-title="" data-type="page" data-id="2" data-catid="">
					<img src="https://berrelmetallbau.ch/wp-content/uploads/2025/09/logo_berrelmetallbau.svg" alt="berrelmetallbau_ag">
					
				</a><nav class="laynav mobile-nav  mobile-menu-style-style_1 "><ul></ul></nav><nav class="laynav desktop-nav nav-style-normal show-submenu-on-hover submenu-type-vertical laynav-position-top-right arrangement-horizontal position-top is-fixed primary">
            
            <ul>
                
            </ul>
        </nav><div class="navbar position-top is-fixed  "></div><a class="mobile-title image is-fixed  " href="https://berrelmetallbau.ch" data-title="" data-type="page" data-id="2" data-catid=""><span><img src="https://berrelmetallbau.ch/wp-content/uploads/2025/09/logo_berrelmetallbau.svg" alt="berrelmetallbau_ag"></span></a><div class="lay-mobile-icons-wrap default_thin-burger  is-fixed  "><div class="burger-wrap right burger-wrap-default burger-no-animation default_thin" style="display:none;">
				<div class="burger-inner">
					<div class="burger burger-default mobile-menu-icon">
						<span></span>
						<span></span>
						<span></span>
					</div>
				</div>
			</div></div><div id="search-region" >
            <div class="search-view hide">
                <div class="close-search"></div>
                <div class="search-inputs">
                    <input id="search-query" type="search" class="search-query" placeholder="Type your search…" autocomplete="off" spellcheck="false"/>
                    <div id="search-autosuggest-list"></div>
                </div>
                <div id="search-results-region"></div>
            </div>
        </div><div class="lay-content hascustomphonegrid footer-nocustomphonegrid nocover cpl-nocover cover-enabled-on-phone">
            <!-- Start Desktop Layout -->
            
            
            <div id="grid" class="grid lay-not-empty id-2  "><div class="grid-inner">
                <!-- grid frame css --><style>@media (min-width: 601px){#grid.id-2{padding-top:0px;}#grid.id-2{padding-bottom:5%;}}</style>
                <!-- rows margin bottom css --><style>@media (min-width: 601px){}</style>
                <!-- grid css --><style id="grid-css">@media (min-width: 601px){#grid.id-2 .column-wrap:not(._100vh):not(.rowcustomheight){display:grid;grid-template-columns:2% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr)  2%;}#grid.id-2 .frame-overflow-both.span-12.absolute-position{width: 100%;}#grid.id-2 .frame-overflow-left.span-0:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-0:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-0:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-0{grid-column-start:2;}#grid.id-2 :not(.absolute-position).colend-0{grid-column-end:2;}#grid.id-2 .type-stack .colstart-0{grid-column-start:1;}#grid.id-2 .type-stack .colend-0{grid-column-end:1;}#grid.id-2 .span-0.type-stack .stack-element{display:grid;grid-template-columns:;}#grid.id-2 .absolute-position.no-frame-overflow.push-0{left: 2%}#grid.id-2 .absolute-position.frame-overflow-right.push-0{left: 2%}#grid.id-2 .absolute-position.no-frame-overflow.push-0.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 - 1%);}#grid.id-2 .frame-overflow-left.span-1.absolute-position{width: calc( (100% - 4%) / 12 * 1 - 0.91666666666667% + 2%);}#grid.id-2 .frame-overflow-right.span-1.absolute-position{width: calc( (100% - 4%) / 12 * 1 - 0.91666666666667% + 2%);}#grid.id-2 .span-1.absolute-position{width: calc( (100% - 4%) / 12 * 1 - 0.91666666666667%);}#grid.id-2 .frame-overflow-left.span-1:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-1:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-1:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-1{grid-column-start:4;}#grid.id-2 :not(.absolute-position).colend-1{grid-column-end:3;}#grid.id-2 .type-stack .colstart-1{grid-column-start:3;}#grid.id-2 .type-stack .colend-1{grid-column-end:2;}#grid.id-2 .span-1.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-1{left: calc( 2% + (100% - 4%) / 12 * 1 + 0.083333333333333%);}#grid.id-2 .absolute-position.push-1.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 2 + 0.083333333333333% - 1%);}#grid.id-2 .frame-overflow-left.span-2.absolute-position{width: calc( (100% - 4%) / 12 * 2 - 0.83333333333333% + 2%);}#grid.id-2 .frame-overflow-right.span-2.absolute-position{width: calc( (100% - 4%) / 12 * 2 - 0.83333333333333% + 2%);}#grid.id-2 .span-2.absolute-position{width: calc( (100% - 4%) / 12 * 2 - 0.83333333333333%);}#grid.id-2 .frame-overflow-left.span-2:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-2:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-2:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-2{grid-column-start:6;}#grid.id-2 :not(.absolute-position).colend-2{grid-column-end:5;}#grid.id-2 .type-stack .colstart-2{grid-column-start:5;}#grid.id-2 .type-stack .colend-2{grid-column-end:4;}#grid.id-2 .span-2.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 6.25% minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-2{left: calc( 2% + (100% - 4%) / 12 * 2 + 0.16666666666667%);}#grid.id-2 .absolute-position.push-2.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 3 + 0.16666666666667% - 1%);}#grid.id-2 .frame-overflow-left.span-3.absolute-position{width: calc( (100% - 4%) / 12 * 3 - 0.75% + 2%);}#grid.id-2 .frame-overflow-right.span-3.absolute-position{width: calc( (100% - 4%) / 12 * 3 - 0.75% + 2%);}#grid.id-2 .span-3.absolute-position{width: calc( (100% - 4%) / 12 * 3 - 0.75%);}#grid.id-2 .frame-overflow-left.span-3:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-3:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-3:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-3{grid-column-start:8;}#grid.id-2 :not(.absolute-position).colend-3{grid-column-end:7;}#grid.id-2 .type-stack .colstart-3{grid-column-start:7;}#grid.id-2 .type-stack .colend-3{grid-column-end:6;}#grid.id-2 .span-3.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 4.1666666666667% minmax(0, 1fr) 4.1666666666667% minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-3{left: calc( 2% + (100% - 4%) / 12 * 3 + 0.25%);}#grid.id-2 .absolute-position.push-3.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 4 + 0.25% - 1%);}#grid.id-2 .frame-overflow-left.span-4.absolute-position{width: calc( (100% - 4%) / 12 * 4 - 0.66666666666667% + 2%);}#grid.id-2 .frame-overflow-right.span-4.absolute-position{width: calc( (100% - 4%) / 12 * 4 - 0.66666666666667% + 2%);}#grid.id-2 .span-4.absolute-position{width: calc( (100% - 4%) / 12 * 4 - 0.66666666666667%);}#grid.id-2 .frame-overflow-left.span-4:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-4:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-4:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-4{grid-column-start:10;}#grid.id-2 :not(.absolute-position).colend-4{grid-column-end:9;}#grid.id-2 .type-stack .colstart-4{grid-column-start:9;}#grid.id-2 .type-stack .colend-4{grid-column-end:8;}#grid.id-2 .span-4.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 3.125% minmax(0, 1fr) 3.125% minmax(0, 1fr) 3.125% minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-4{left: calc( 2% + (100% - 4%) / 12 * 4 + 0.33333333333333%);}#grid.id-2 .absolute-position.push-4.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 5 + 0.33333333333333% - 1%);}#grid.id-2 .frame-overflow-left.span-5.absolute-position{width: calc( (100% - 4%) / 12 * 5 - 0.58333333333333% + 2%);}#grid.id-2 .frame-overflow-right.span-5.absolute-position{width: calc( (100% - 4%) / 12 * 5 - 0.58333333333333% + 2%);}#grid.id-2 .span-5.absolute-position{width: calc( (100% - 4%) / 12 * 5 - 0.58333333333333%);}#grid.id-2 .frame-overflow-left.span-5:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-5:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-5:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-5{grid-column-start:12;}#grid.id-2 :not(.absolute-position).colend-5{grid-column-end:11;}#grid.id-2 .type-stack .colstart-5{grid-column-start:11;}#grid.id-2 .type-stack .colend-5{grid-column-end:10;}#grid.id-2 .span-5.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 2.5% minmax(0, 1fr) 2.5% minmax(0, 1fr) 2.5% minmax(0, 1fr) 2.5% minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-5{left: calc( 2% + (100% - 4%) / 12 * 5 + 0.41666666666667%);}#grid.id-2 .absolute-position.push-5.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 6 + 0.41666666666667% - 1%);}#grid.id-2 .frame-overflow-left.span-6.absolute-position{width: calc( (100% - 4%) / 12 * 6 - 0.5% + 2%);}#grid.id-2 .frame-overflow-right.span-6.absolute-position{width: calc( (100% - 4%) / 12 * 6 - 0.5% + 2%);}#grid.id-2 .span-6.absolute-position{width: calc( (100% - 4%) / 12 * 6 - 0.5%);}#grid.id-2 .frame-overflow-left.span-6:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-6:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-6:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-6{grid-column-start:14;}#grid.id-2 :not(.absolute-position).colend-6{grid-column-end:13;}#grid.id-2 .type-stack .colstart-6{grid-column-start:13;}#grid.id-2 .type-stack .colend-6{grid-column-end:12;}#grid.id-2 .span-6.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 2.0833333333333% minmax(0, 1fr) 2.0833333333333% minmax(0, 1fr) 2.0833333333333% minmax(0, 1fr) 2.0833333333333% minmax(0, 1fr) 2.0833333333333% minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-6{left: calc( 2% + (100% - 4%) / 12 * 6 + 0.5%);}#grid.id-2 .absolute-position.push-6.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 7 + 0.5% - 1%);}#grid.id-2 .frame-overflow-left.span-7.absolute-position{width: calc( (100% - 4%) / 12 * 7 - 0.41666666666667% + 2%);}#grid.id-2 .frame-overflow-right.span-7.absolute-position{width: calc( (100% - 4%) / 12 * 7 - 0.41666666666667% + 2%);}#grid.id-2 .span-7.absolute-position{width: calc( (100% - 4%) / 12 * 7 - 0.41666666666667%);}#grid.id-2 .frame-overflow-left.span-7:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-7:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-7:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-7{grid-column-start:16;}#grid.id-2 :not(.absolute-position).colend-7{grid-column-end:15;}#grid.id-2 .type-stack .colstart-7{grid-column-start:15;}#grid.id-2 .type-stack .colend-7{grid-column-end:14;}#grid.id-2 .span-7.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-7{left: calc( 2% + (100% - 4%) / 12 * 7 + 0.58333333333333%);}#grid.id-2 .absolute-position.push-7.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 8 + 0.58333333333333% - 1%);}#grid.id-2 .frame-overflow-left.span-8.absolute-position{width: calc( (100% - 4%) / 12 * 8 - 0.33333333333333% + 2%);}#grid.id-2 .frame-overflow-right.span-8.absolute-position{width: calc( (100% - 4%) / 12 * 8 - 0.33333333333333% + 2%);}#grid.id-2 .span-8.absolute-position{width: calc( (100% - 4%) / 12 * 8 - 0.33333333333333%);}#grid.id-2 .frame-overflow-left.span-8:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-8:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-8:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-8{grid-column-start:18;}#grid.id-2 :not(.absolute-position).colend-8{grid-column-end:17;}#grid.id-2 .type-stack .colstart-8{grid-column-start:17;}#grid.id-2 .type-stack .colend-8{grid-column-end:16;}#grid.id-2 .span-8.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-8{left: calc( 2% + (100% - 4%) / 12 * 8 + 0.66666666666667%);}#grid.id-2 .absolute-position.push-8.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 9 + 0.66666666666667% - 1%);}#grid.id-2 .frame-overflow-left.span-9.absolute-position{width: calc( (100% - 4%) / 12 * 9 - 0.25% + 2%);}#grid.id-2 .frame-overflow-right.span-9.absolute-position{width: calc( (100% - 4%) / 12 * 9 - 0.25% + 2%);}#grid.id-2 .span-9.absolute-position{width: calc( (100% - 4%) / 12 * 9 - 0.25%);}#grid.id-2 .frame-overflow-left.span-9:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-9:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-9:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-9{grid-column-start:20;}#grid.id-2 :not(.absolute-position).colend-9{grid-column-end:19;}#grid.id-2 .type-stack .colstart-9{grid-column-start:19;}#grid.id-2 .type-stack .colend-9{grid-column-end:18;}#grid.id-2 .span-9.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-9{left: calc( 2% + (100% - 4%) / 12 * 9 + 0.75%);}#grid.id-2 .absolute-position.push-9.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 10 + 0.75% - 1%);}#grid.id-2 .frame-overflow-left.span-10.absolute-position{width: calc( (100% - 4%) / 12 * 10 - 0.16666666666667% + 2%);}#grid.id-2 .frame-overflow-right.span-10.absolute-position{width: calc( (100% - 4%) / 12 * 10 - 0.16666666666667% + 2%);}#grid.id-2 .span-10.absolute-position{width: calc( (100% - 4%) / 12 * 10 - 0.16666666666667%);}#grid.id-2 .frame-overflow-left.span-10:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-10:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-10:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-10{grid-column-start:22;}#grid.id-2 :not(.absolute-position).colend-10{grid-column-end:21;}#grid.id-2 .type-stack .colstart-10{grid-column-start:21;}#grid.id-2 .type-stack .colend-10{grid-column-end:20;}#grid.id-2 .span-10.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-10{left: calc( 2% + (100% - 4%) / 12 * 10 + 0.83333333333333%);}#grid.id-2 .absolute-position.push-10.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 11 + 0.83333333333333% - 1%);}#grid.id-2 .frame-overflow-left.span-11.absolute-position{width: calc( (100% - 4%) / 12 * 11 - 0.083333333333333% + 2%);}#grid.id-2 .frame-overflow-right.span-11.absolute-position{width: calc( (100% - 4%) / 12 * 11 - 0.083333333333333% + 2%);}#grid.id-2 .span-11.absolute-position{width: calc( (100% - 4%) / 12 * 11 - 0.083333333333333%);}#grid.id-2 .frame-overflow-left.span-11:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-11:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-11:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-11{grid-column-start:24;}#grid.id-2 :not(.absolute-position).colend-11{grid-column-end:23;}#grid.id-2 .type-stack .colstart-11{grid-column-start:23;}#grid.id-2 .type-stack .colend-11{grid-column-end:22;}#grid.id-2 .span-11.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-11{left: calc( 2% + (100% - 4%) / 12 * 11 + 0.91666666666667%);}#grid.id-2 .absolute-position.push-11.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 12 + 0.91666666666667% - 1%);}#grid.id-2 .frame-overflow-left.span-12.absolute-position{width: calc( (100% - 4%) / 12 * 12 - 0% + 2%);}#grid.id-2 .frame-overflow-right.span-12.absolute-position{width: calc( (100% - 4%) / 12 * 12 - 0% + 2%);}#grid.id-2 .span-12.absolute-position{width: calc( (100% - 4%) / 12 * 12 - 0%);}#grid.id-2 .frame-overflow-left.span-12:not(.absolute-position){grid-column-start:1;}#grid.id-2 .frame-overflow-right.span-12:not(.absolute-position){grid-column-end:26;}#grid.id-2 .frame-overflow-both.span-12:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#grid.id-2 :not(.absolute-position).colstart-12{grid-column-start:26;}#grid.id-2 :not(.absolute-position).colend-12{grid-column-end:25;}#grid.id-2 .type-stack .colstart-12{grid-column-start:25;}#grid.id-2 .type-stack .colend-12{grid-column-end:24;}#grid.id-2 .span-12.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) ;}#grid.id-2 .absolute-position.push-12{left: calc( 2% + (100% - 4%) / 12 * 12 + 1%);}#grid.id-2 .absolute-position.push-12.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 13 + 1% - 1%);}</style>
                <!-- background color css --><style>#grid.id-2, .cover-region-desktop.id-2 .cover-inner{background-color:transparent;}</style>
                
                
                
                <div class="row  one-col-row row-col-amt-1 absolute-positioning-vertically-in-apl no-stickies no-y-offsets no-horizontal-grid no-webglslideshow no-row-hoverimage row-id-1 first-row row-0"  data-collapsed="false"  >
            
            
            
                    
            <div class="row-inner " >
                    <div class="column-wrap " style=" "><div class="col no-offset place-normal push-0 span-12 colstart-0 colend-12 no-frame-overflow align-top fixed-element first-child no-parallax type-text id-4  no-sticky"   data-type="text"  data-yvel="1" ><div class="text lay-textformat-parent text_4 " ><p class="_Default"><span><a rel="noopener" href="https://maps.app.goo.gl/qZYSmaqU6Cd4CVXb7" target="_blank">feldbergstrasse 99 _ 4057 basel</a> _ +41 79 311 55 14 _ <a href="mailto:info@berrelmetallbau.ch">info@berrelmetallbau.ch</a></span></p></div></div></div>
            </div>
                </div>
                </div></div><!-- End Desktop Layout --><!-- Start CPL Layout --><div id="custom-phone-grid" class="grid lay-not-empty id-2 ">
                    <div class="grid-inner">
                        <!-- grid frame css --><style>@media (max-width: 600px){#custom-phone-grid.id-2{padding-top:0%;}#custom-phone-grid.id-2{padding-bottom:5%;}}</style>
                        <!-- rows margin bottom css --><style>@media (max-width: 600px){}</style>
                        <!-- grid css --><style id="phone-grid-css">@media (max-width: 600px){#custom-phone-grid.id-2 .column-wrap:not(._100vh):not(.rowcustomheight){display:grid;grid-template-columns:2% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr) 1% minmax(0, 1fr)  2%;}#custom-phone-grid.id-2 .frame-overflow-both.span-12.absolute-position{width: 100%;}#custom-phone-grid.id-2 .frame-overflow-left.span-0:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-0:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-0:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-0{grid-column-start:2;}#custom-phone-grid.id-2 :not(.absolute-position).colend-0{grid-column-end:2;}#custom-phone-grid.id-2 .type-stack .colstart-0{grid-column-start:1;}#custom-phone-grid.id-2 .type-stack .colend-0{grid-column-end:1;}#custom-phone-grid.id-2 .span-0.type-stack .stack-element{display:grid;grid-template-columns:;}#custom-phone-grid.id-2 .absolute-position.no-frame-overflow.push-0{left: 2%}#custom-phone-grid.id-2 .absolute-position.frame-overflow-right.push-0{left: 2%}#custom-phone-grid.id-2 .absolute-position.no-frame-overflow.push-0.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-1.absolute-position{width: calc( (100% - 4%) / 12 * 1 - 0.91666666666667% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-1.absolute-position{width: calc( (100% - 4%) / 12 * 1 - 0.91666666666667% + 2%);}#custom-phone-grid.id-2 .span-1.absolute-position{width: calc( (100% - 4%) / 12 * 1 - 0.91666666666667%);}#custom-phone-grid.id-2 .frame-overflow-left.span-1:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-1:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-1:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-1{grid-column-start:4;}#custom-phone-grid.id-2 :not(.absolute-position).colend-1{grid-column-end:3;}#custom-phone-grid.id-2 .type-stack .colstart-1{grid-column-start:3;}#custom-phone-grid.id-2 .type-stack .colend-1{grid-column-end:2;}#custom-phone-grid.id-2 .span-1.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-1{left: calc( 2% + (100% - 4%) / 12 * 1 + 0.083333333333333%);}#custom-phone-grid.id-2 .absolute-position.push-1.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 2 + 0.083333333333333% - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-2.absolute-position{width: calc( (100% - 4%) / 12 * 2 - 0.83333333333333% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-2.absolute-position{width: calc( (100% - 4%) / 12 * 2 - 0.83333333333333% + 2%);}#custom-phone-grid.id-2 .span-2.absolute-position{width: calc( (100% - 4%) / 12 * 2 - 0.83333333333333%);}#custom-phone-grid.id-2 .frame-overflow-left.span-2:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-2:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-2:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-2{grid-column-start:6;}#custom-phone-grid.id-2 :not(.absolute-position).colend-2{grid-column-end:5;}#custom-phone-grid.id-2 .type-stack .colstart-2{grid-column-start:5;}#custom-phone-grid.id-2 .type-stack .colend-2{grid-column-end:4;}#custom-phone-grid.id-2 .span-2.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 6.25% minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-2{left: calc( 2% + (100% - 4%) / 12 * 2 + 0.16666666666667%);}#custom-phone-grid.id-2 .absolute-position.push-2.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 3 + 0.16666666666667% - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-3.absolute-position{width: calc( (100% - 4%) / 12 * 3 - 0.75% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-3.absolute-position{width: calc( (100% - 4%) / 12 * 3 - 0.75% + 2%);}#custom-phone-grid.id-2 .span-3.absolute-position{width: calc( (100% - 4%) / 12 * 3 - 0.75%);}#custom-phone-grid.id-2 .frame-overflow-left.span-3:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-3:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-3:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-3{grid-column-start:8;}#custom-phone-grid.id-2 :not(.absolute-position).colend-3{grid-column-end:7;}#custom-phone-grid.id-2 .type-stack .colstart-3{grid-column-start:7;}#custom-phone-grid.id-2 .type-stack .colend-3{grid-column-end:6;}#custom-phone-grid.id-2 .span-3.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 4.1666666666667% minmax(0, 1fr) 4.1666666666667% minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-3{left: calc( 2% + (100% - 4%) / 12 * 3 + 0.25%);}#custom-phone-grid.id-2 .absolute-position.push-3.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 4 + 0.25% - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-4.absolute-position{width: calc( (100% - 4%) / 12 * 4 - 0.66666666666667% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-4.absolute-position{width: calc( (100% - 4%) / 12 * 4 - 0.66666666666667% + 2%);}#custom-phone-grid.id-2 .span-4.absolute-position{width: calc( (100% - 4%) / 12 * 4 - 0.66666666666667%);}#custom-phone-grid.id-2 .frame-overflow-left.span-4:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-4:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-4:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-4{grid-column-start:10;}#custom-phone-grid.id-2 :not(.absolute-position).colend-4{grid-column-end:9;}#custom-phone-grid.id-2 .type-stack .colstart-4{grid-column-start:9;}#custom-phone-grid.id-2 .type-stack .colend-4{grid-column-end:8;}#custom-phone-grid.id-2 .span-4.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 3.125% minmax(0, 1fr) 3.125% minmax(0, 1fr) 3.125% minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-4{left: calc( 2% + (100% - 4%) / 12 * 4 + 0.33333333333333%);}#custom-phone-grid.id-2 .absolute-position.push-4.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 5 + 0.33333333333333% - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-5.absolute-position{width: calc( (100% - 4%) / 12 * 5 - 0.58333333333333% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-5.absolute-position{width: calc( (100% - 4%) / 12 * 5 - 0.58333333333333% + 2%);}#custom-phone-grid.id-2 .span-5.absolute-position{width: calc( (100% - 4%) / 12 * 5 - 0.58333333333333%);}#custom-phone-grid.id-2 .frame-overflow-left.span-5:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-5:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-5:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-5{grid-column-start:12;}#custom-phone-grid.id-2 :not(.absolute-position).colend-5{grid-column-end:11;}#custom-phone-grid.id-2 .type-stack .colstart-5{grid-column-start:11;}#custom-phone-grid.id-2 .type-stack .colend-5{grid-column-end:10;}#custom-phone-grid.id-2 .span-5.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 2.5% minmax(0, 1fr) 2.5% minmax(0, 1fr) 2.5% minmax(0, 1fr) 2.5% minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-5{left: calc( 2% + (100% - 4%) / 12 * 5 + 0.41666666666667%);}#custom-phone-grid.id-2 .absolute-position.push-5.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 6 + 0.41666666666667% - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-6.absolute-position{width: calc( (100% - 4%) / 12 * 6 - 0.5% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-6.absolute-position{width: calc( (100% - 4%) / 12 * 6 - 0.5% + 2%);}#custom-phone-grid.id-2 .span-6.absolute-position{width: calc( (100% - 4%) / 12 * 6 - 0.5%);}#custom-phone-grid.id-2 .frame-overflow-left.span-6:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-6:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-6:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-6{grid-column-start:14;}#custom-phone-grid.id-2 :not(.absolute-position).colend-6{grid-column-end:13;}#custom-phone-grid.id-2 .type-stack .colstart-6{grid-column-start:13;}#custom-phone-grid.id-2 .type-stack .colend-6{grid-column-end:12;}#custom-phone-grid.id-2 .span-6.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 2.0833333333333% minmax(0, 1fr) 2.0833333333333% minmax(0, 1fr) 2.0833333333333% minmax(0, 1fr) 2.0833333333333% minmax(0, 1fr) 2.0833333333333% minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-6{left: calc( 2% + (100% - 4%) / 12 * 6 + 0.5%);}#custom-phone-grid.id-2 .absolute-position.push-6.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 7 + 0.5% - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-7.absolute-position{width: calc( (100% - 4%) / 12 * 7 - 0.41666666666667% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-7.absolute-position{width: calc( (100% - 4%) / 12 * 7 - 0.41666666666667% + 2%);}#custom-phone-grid.id-2 .span-7.absolute-position{width: calc( (100% - 4%) / 12 * 7 - 0.41666666666667%);}#custom-phone-grid.id-2 .frame-overflow-left.span-7:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-7:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-7:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-7{grid-column-start:16;}#custom-phone-grid.id-2 :not(.absolute-position).colend-7{grid-column-end:15;}#custom-phone-grid.id-2 .type-stack .colstart-7{grid-column-start:15;}#custom-phone-grid.id-2 .type-stack .colend-7{grid-column-end:14;}#custom-phone-grid.id-2 .span-7.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) 1.7857142857143% minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-7{left: calc( 2% + (100% - 4%) / 12 * 7 + 0.58333333333333%);}#custom-phone-grid.id-2 .absolute-position.push-7.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 8 + 0.58333333333333% - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-8.absolute-position{width: calc( (100% - 4%) / 12 * 8 - 0.33333333333333% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-8.absolute-position{width: calc( (100% - 4%) / 12 * 8 - 0.33333333333333% + 2%);}#custom-phone-grid.id-2 .span-8.absolute-position{width: calc( (100% - 4%) / 12 * 8 - 0.33333333333333%);}#custom-phone-grid.id-2 .frame-overflow-left.span-8:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-8:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-8:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-8{grid-column-start:18;}#custom-phone-grid.id-2 :not(.absolute-position).colend-8{grid-column-end:17;}#custom-phone-grid.id-2 .type-stack .colstart-8{grid-column-start:17;}#custom-phone-grid.id-2 .type-stack .colend-8{grid-column-end:16;}#custom-phone-grid.id-2 .span-8.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) 1.5625% minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-8{left: calc( 2% + (100% - 4%) / 12 * 8 + 0.66666666666667%);}#custom-phone-grid.id-2 .absolute-position.push-8.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 9 + 0.66666666666667% - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-9.absolute-position{width: calc( (100% - 4%) / 12 * 9 - 0.25% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-9.absolute-position{width: calc( (100% - 4%) / 12 * 9 - 0.25% + 2%);}#custom-phone-grid.id-2 .span-9.absolute-position{width: calc( (100% - 4%) / 12 * 9 - 0.25%);}#custom-phone-grid.id-2 .frame-overflow-left.span-9:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-9:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-9:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-9{grid-column-start:20;}#custom-phone-grid.id-2 :not(.absolute-position).colend-9{grid-column-end:19;}#custom-phone-grid.id-2 .type-stack .colstart-9{grid-column-start:19;}#custom-phone-grid.id-2 .type-stack .colend-9{grid-column-end:18;}#custom-phone-grid.id-2 .span-9.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) 1.3888888888889% minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-9{left: calc( 2% + (100% - 4%) / 12 * 9 + 0.75%);}#custom-phone-grid.id-2 .absolute-position.push-9.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 10 + 0.75% - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-10.absolute-position{width: calc( (100% - 4%) / 12 * 10 - 0.16666666666667% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-10.absolute-position{width: calc( (100% - 4%) / 12 * 10 - 0.16666666666667% + 2%);}#custom-phone-grid.id-2 .span-10.absolute-position{width: calc( (100% - 4%) / 12 * 10 - 0.16666666666667%);}#custom-phone-grid.id-2 .frame-overflow-left.span-10:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-10:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-10:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-10{grid-column-start:22;}#custom-phone-grid.id-2 :not(.absolute-position).colend-10{grid-column-end:21;}#custom-phone-grid.id-2 .type-stack .colstart-10{grid-column-start:21;}#custom-phone-grid.id-2 .type-stack .colend-10{grid-column-end:20;}#custom-phone-grid.id-2 .span-10.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) 1.25% minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-10{left: calc( 2% + (100% - 4%) / 12 * 10 + 0.83333333333333%);}#custom-phone-grid.id-2 .absolute-position.push-10.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 11 + 0.83333333333333% - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-11.absolute-position{width: calc( (100% - 4%) / 12 * 11 - 0.083333333333333% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-11.absolute-position{width: calc( (100% - 4%) / 12 * 11 - 0.083333333333333% + 2%);}#custom-phone-grid.id-2 .span-11.absolute-position{width: calc( (100% - 4%) / 12 * 11 - 0.083333333333333%);}#custom-phone-grid.id-2 .frame-overflow-left.span-11:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-11:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-11:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-11{grid-column-start:24;}#custom-phone-grid.id-2 :not(.absolute-position).colend-11{grid-column-end:23;}#custom-phone-grid.id-2 .type-stack .colstart-11{grid-column-start:23;}#custom-phone-grid.id-2 .type-stack .colend-11{grid-column-end:22;}#custom-phone-grid.id-2 .span-11.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) 1.1363636363636% minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-11{left: calc( 2% + (100% - 4%) / 12 * 11 + 0.91666666666667%);}#custom-phone-grid.id-2 .absolute-position.push-11.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 12 + 0.91666666666667% - 1%);}#custom-phone-grid.id-2 .frame-overflow-left.span-12.absolute-position{width: calc( (100% - 4%) / 12 * 12 - 0% + 2%);}#custom-phone-grid.id-2 .frame-overflow-right.span-12.absolute-position{width: calc( (100% - 4%) / 12 * 12 - 0% + 2%);}#custom-phone-grid.id-2 .span-12.absolute-position{width: calc( (100% - 4%) / 12 * 12 - 0%);}#custom-phone-grid.id-2 .frame-overflow-left.span-12:not(.absolute-position){grid-column-start:1;}#custom-phone-grid.id-2 .frame-overflow-right.span-12:not(.absolute-position){grid-column-end:26;}#custom-phone-grid.id-2 .frame-overflow-both.span-12:not(.absolute-position){grid-column-start:1; grid-column-end:26;}#custom-phone-grid.id-2 :not(.absolute-position).colstart-12{grid-column-start:26;}#custom-phone-grid.id-2 :not(.absolute-position).colend-12{grid-column-end:25;}#custom-phone-grid.id-2 .type-stack .colstart-12{grid-column-start:25;}#custom-phone-grid.id-2 .type-stack .colend-12{grid-column-end:24;}#custom-phone-grid.id-2 .span-12.type-stack .stack-element{display:grid;grid-template-columns:minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) 1.0416666666667% minmax(0, 1fr) ;}#custom-phone-grid.id-2 .absolute-position.push-12{left: calc( 2% + (100% - 4%) / 12 * 12 + 1%);}#custom-phone-grid.id-2 .absolute-position.push-12.place-at-end-of-col{left: calc( 2% + (100% - 4%) / 12 * 13 + 1% - 1%);}</style>
                        <!-- background color css --><style>#custom-phone-grid.id-2, .cover-region-phone.id-2 .cover-inner{background-color:transparent;}</style>
                        
                        
                        
                        <div class="row  one-col-row row-col-amt-1 absolute-positioning-vertically-in-apl no-stickies no-y-offsets no-horizontal-grid no-webglslideshow no-row-hoverimage row-id-1 first-row row-0"  data-collapsed="false"  >
            
            
            
                    
            <div class="row-inner " >
                    <div class="column-wrap " style=" "><div class="col no-offset place-normal push-0 span-12 colstart-0 colend-12 no-frame-overflow align-top fixed-element first-child no-parallax type-text id-4  no-sticky"   data-type="text"  data-yvel="1" ><div class="text lay-textformat-parent text_4 " ><p class="_Default"><span><a rel="noopener" href="https://maps.app.goo.gl/qZYSmaqU6Cd4CVXb7" target="_blank">feldbergstrasse 99<br />4057 basel</a><br />+41 79 311 55 14<br /><a href="mailto:info@berrelmetallbau.ch">info@berrelmetallbau.ch</a></span></p></div></div></div>
            </div>
                </div>
                    </div>
                </div><!-- End CPL Layout --><div id="footer-region"></div></div><div id="lay-overlays">
</div>
<div id="lay-project-overlay-background" style="opacity:0;"></div><div id="lay-project-overlay" style="transform: translateY(100%);" class="animation-slideup"></div><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/lay/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript" src="https://berrelmetallbau.ch/wp-content/themes/lay/frontend/assets/js/vendor.min.js?ver=9.7.5" id="vendor-frontend-footer-js"></script>
<script type="text/javascript" id="frontend-app-js-extra">
/* <![CDATA[ */
var passedDataHistory = {"titleprefix":"berrelmetallbau_ag \u2014 ","title":"berrelmetallbau_ag"};
var layData = {"misc_options_scroll_transition_offset_desktop":"90","misc_options_scroll_transition_offset_mobile":"40","cover_animation_easing":"easeOutSine","cover_animation_duration":"400","mobile_menu_disable_body_scroll":"","custom_taxonomies":[],"default_category_id":"1","default_product_cat_id":"","thumbnail_mouseover_image":"","thumbnail_video_and_mouseover_image_behavior":"image","loadingBlur":"","lazyLoading":"on","videoLazyLoading":"","pt_follow_mouse":"","wpapiroot":"https://berrelmetallbau.ch/wp-json/","simple_parallax":"","pa_type":"icon","show_arrows":"","projectsMeta":"[]","newsMeta":"[]","template_directory_uri":"https://berrelmetallbau.ch/wp-content/themes/lay","playicon":"https://berrelmetallbau.ch/wp-content/themes/lay/frontend/assets/img/play.svg","nav_amount":"1","nav_customizer_properties":{"nav_hidewhenscrollingdown":"","nav_hidewhenscrollingdown_second_menu":"","nav_hidewhenscrollingdown_third_menu":"","nav_hidewhenscrollingdown_fourth_menu":"","nav_hidewhenscrolling_show_on_mouseover":true,"nav_hidewhenscrolling_show_on_mouseover_second_menu":true,"nav_hidewhenscrolling_show_on_mouseover_third_menu":true,"nav_hidewhenscrolling_show_on_mouseover_fourth_menu":true,"nav_fadeout_whenscrollingdown":"","nav_fadeout_whenscrollingdown_second_menu":"","nav_fadeout_whenscrollingdown_third_menu":"","nav_fadeout_whenscrollingdown_fourth_menu":"","nav_hide":0,"nav_hide_second_menu":0,"nav_hide_third_menu":0,"nav_hide_fourth_menu":0,"nav_position":"top-right","nav_position_second_menu":"top-right","nav_position_third_menu":"top-right","nav_position_fourth_menu":"top-right"},"st_hidewhenscrollingdown":"","st_fadeout_whenscrollingdown":"","st_hide":"0","navbar_hide":"1","navbar_position":"top","navbar_hidewhenscrollingdown":"","navbar_fadeout_whenscrollingdown":"","st_position":"top-right","footer_active_in_projects":"off","footer_active_in_pages":"off","footer_active_in_categories":"off","projectsFooterId":"","pagesFooterId":"","categoriesFooterId":"","individual_project_footers":"","individual_page_footers":"","individual_category_footers":"","prevnext_navigate_through":"all_projects","fi_mo_touchdevice_behaviour":"mo_dont_show","image_loading":"lazy_load","cover_scrolldown_on_click":"","cover_darken_when_scrolling":"","cover_parallaxmove_when_scrolling":"","cover_disable_for_phone":"","misc_options_cover":"","misc_options_max_width_apply_to_logo_and_nav":"","maxwidth":"0","frame_left":"2","frame_right":"2","frame_leftright_mu":"%","m_st_fontfamily":"Verdana","misc_options_showoriginalimages":"","misc_options_showoriginalimages_for_phone":"","phone_layout_active":"on","breakpoint":"600","phone_menu_breakpoint":"600","tabletbreakpoint":"1024","shortcodes":[],"is_customize":"","mobile_hide_menubar":"1","mobile_menu_style":"style_1","mobile_burger_type":"default_thin","siteUrl":"https://berrelmetallbau.ch","ajax_url":"https://berrelmetallbau.ch/wp-admin/admin-ajax.php","intro_active":"","intro_transition_duration":"500","intro_hide_after":"4000","intro_movement":"","intro_landscape":[],"intro_portrait":[],"intro_use_svg_overlay":"","intro_use_text_overlay":"","intro_text":"","is_frontpage":"1","intro_svg_url":"","intro_hide_on_phone":"","is_ssl":"1","has_www":"0","is_qtranslate_active":"","is_polylang_active":"","video_thumbnail_mouseover_behaviour":"autoplay","element_transition_on_scroll":"","mobile_navbar_fixed":"1","misc_options_disable_ajax":"","anchorscroll_offset_desktop":"0","anchorscroll_offset_phone":"0","tgf_transition":"fade_out_fade_in_2","pgf_transition":"fade_out_fade_in_2","sideCartPluginActive":"","lay_woocommerce_mobile_space_leftright":"15","woocommerce_active":"","search_hidden_projects_enabled":"","lay_woocommerce_use_swatches":"","lay_woocommerce_singleproduct_only_show_variation_images":"","lay_woocommerce_singleproduct_layout_type_mobile":"carousel","lay_woocommerce_singleproduct_desktop_carousel_height":"auto","lay_woocommerce_singleproduct_desktop_carousel_slide_duration":"300","lay_woocommerce_singleproduct_desktop_carousel_loop":"","lay_sticky_footer":"on","menu_submenu_show_on":"hover","spaces_mu":"%","offsets_mu":"%","menu_submenu_keep_open":"","menu_submenu_keep_open_2":"","menu_submenu_follow_parent_link_on_click_to_open_submenu":"","misc_options_element_transition_animate_opacity":"on","search_autosuggest_hide":"","shownag":"dontshow","never_change_scrolling_position":"","navigation_transition_in_duration":"150","navigation_transition_out_duration":"150","navigation_transition_in":"fade","navigation_transition_out":"fade","navigation_transition_out_easing":"easeInOutQuart","navigation_transition_in_easing":"easeInOutQuart","navigation_transition_use_revealing_transition_on_first_visit":"on","navigation_transition_y_translate_desktop":"100","navigation_transition_y_translate_phone":"50","youtube":"","projects_overlays":"","po_show_close_icon":"on","po_animation":"slideup","po_opening_behaviour":"immediate","po_easing_function":"cubic-bezier(0.075, 0.82, 0.165, 1)","po_animation_duration":"1200","po_use_custom_close_icon":"","po_custom_close_icon":"","page_overlay_feature":"","po_background_behind_overlay":"on","misc_options_alt_w100_h100_sizing":"","disable_projectsoverlays_on_ig":"on","use_revealing_transition_when_opening_page_overlay":"","activate_lay_cache":""};
//# sourceURL=frontend-app-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://berrelmetallbau.ch/wp-content/themes/lay/frontend/assets/js/frontend.app.min.js?ver=9.7.5" id="frontend-app-js"></script>
<!-- Fix for flash of unstyled content on Chrome --><style>.sitetitle, .laynav, .project-arrow, .mobile-title{visibility:visible;}</style></body>
</html>