body {background: #EFEDDC;}

#wrapper {font-family: 'Montserrat', sans-serif;line-height: 1;}

/* basic structure */

#mainmenu {}
#imagescreen {min-height: 100vh;}
#workflow {min-height: 100vh;}
#gallery {min-height: 100vh;border-bottom: 2px solid #EFEDDC;}
#furniture {min-height: 100vh;border-bottom: 3px solid #074D6F;}
#facades {min-height: 100vh;border-bottom: 2px solid #EFEDDC;}
#content {min-height: 100vh;}
#under-content {min-height: 100vh;}
#feedback {}
#footer {min-height: 100vh;}

.container.full {width:100%;max-width: 1920px;}
.container-full {width: 100%; max-width: 1920px; box-sizing: border-box; margin: 0 auto; padding: 0px;}


/* backgrounds */

.fixed-cbb {background-repeat: no-repeat; background-position: top center; opacity: 1; height: 100%; width: 100%; z-index: -1; position: absolute; min-height: 100vh; } 

/*{top: 0; left: 0;}*/

.dn {
	display: none;
}

#imagescreen .fixed-cbb {background-image: url(../images/tpl/bg-first.jpg);} 


/* mainmenu */

#mainmenu { background: #FFAB26; }

/* modulaes mainpage */

.transparent-module {
background: rgba(255, 255, 255, 0.75);
box-sizing: border-box;
padding: 20px;
color: #074D6F;}

#imagescreen .transparent-module {float: right;margin-top: 25vh;}

#workflow .text-block {padding-top: 10vh;padding-left: 40px; width: 65%;}
#workflow .slider-block {padding-top: 10vh;padding-left:50px;padding-right:50px;}

/* Workflow - widgets */
#workflow .widget-header {}
#workflow .big-number {font-weight: bold;font-size: 7.2rem;text-align: left;}
#workflow .widget-text {padding: 20px 0px;text-align: left; color: #EFEDDC; line-height: 1.2;}
#workflow .widget-footer {}
#workflow .widget-wf {max-width: 280px;min-height: 200px;}

#gallery .uk-panel-body {padding: 0!important;}

#furniture .text-block {width: 65%;}
#furniture .slider-block {margin-top: 10vh;}
#furniture .uk-panel-box {border: none !important;background: #074D6F;color: #EFEDDC;}

#furniture .swiper-button-next {color: #EFEDDC;font-weight: bold;}
#furniture .swiper-button-prev {color: #EFEDDC;font-weight: bold;}

/*#facades .text-block {padding-top: 10vh;padding-left: 40px; width: 65%;}*/
#facades .text-block {background: rgba(239, 237, 220, 0.95); text-align: left; color: #074D6F; position: absolute; left:0;padding: 5vh 1vh 5vh 5vh;top:10vh;}
#facades .text-block p {margin-bottom: 1rem; padding-bottom: 0px;}
#facades .slider-block {margin-top: 10vh;}

#facades .uk-panel-box-secondary {border: none !important;background:#EFEDDC;color:#074D6F;}

#facades .swiper-button-next {color: #074D6F;font-weight: bold;}
#facades .swiper-button-prev {color: #074D6F;font-weight: bold;}

#feedback .text-block {padding-top:10vh; padding-left: 40px; width: 65%;}
#feedback .button {text-align: center;}
#feedback a {display: block;}

#footer .transparent-module {padding: 7vh 5vh; margin-top: 30vh; float:left;}

.header {}
.subheader {}

#workflow {}



img.anons {max-height: 480px; max-width: 100%;padding-top: 10vh;}

/* basic text colors */

.text-orange {color: #FFAB26;}
.text-biege {color: #EFEDDC;}
.text-blue {color: #074D6F;}
.text-brown {color: #A19079;}
.text-darkblue {color: #2A3145;}

/* basic background colors */

.bg-orange {background: #FFAB26;}
.bg-biege {background: #EFEDDC;}
.bg-blue {background: #074D6F;}
.bg-brown {background: #A19079;}
.bg-darkblue {background: #2A3145;}

/*headroom script */

.headroom { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; transition: all .25s ease-in-out; position: relative;}

.headroom--pinned { -moz-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); }

.headroom--unpinned { -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.headroom {}

.headroom--top {top:0px;}
.headroom--not-top {position:fixed; top: 0px;}

/* main menu default */

#hmenu,
#hmenu ul,
#hmenu ul li,
#hmenu ul li a,
#hmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1.4;
/*	text-align: center;*/
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#hmenu:after,
#hmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#hmenu #menu-button {
	display: none;
}
#hmenu {
	width: auto;
	line-height: 1;
	border-radius: 0px;
}
#menu-line {
  display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 3px;
	background: transparent;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
#hmenu > ul > li {
	float: none;
}
#hmenu.align-center > ul {
	font-size: 0;
	text-align: center;
}
#hmenu.align-center > ul > li {
	display: inline-block;
	float: none;
}
#hmenu.align-center ul ul {
	text-align: left;
}
#hmenu.align-right > ul > li {
	float: right;
}
#hmenu.align-right ul ul {
	text-align: right;
}
#hmenu > ul > li > a {
	padding: 20px 10px;
	font-size: 1.4rem;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
  font-weight: bold;
}
#hmenu > ul > li:hover > a,
#hmenu > ul > li.active > a {
	text-decoration: underline;	
}
#hmenu > ul > li.parent > a {
	padding-right: 25px;
}
#hmenu > ul > li.parent > a::after {
	position: absolute;
	top: 21px;
	right: 10px;
	width: 4px;
	height: 4px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	content: "";
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	-ms-transition: border-color 0.2s ease;
	-o-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}
#hmenu > ul > li.parent:hover > a::after {
	border-color: #bfc8d9;
}
#hmenu ul ul {
	position: absolute;
	left: -9999px;
}
#hmenu li:hover > ul {
	left: auto;
}
#hmenu.align-right li:hover > ul {
	right: 0;
}
#hmenu ul ul ul {
	margin-left: 100%;
	top: 0;
}
#hmenu.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}
#hmenu ul ul li {
	height: 0;
	-webkit-transition: height .2s ease;
	-moz-transition: height .2s ease;
	-ms-transition: height .2s ease;
	-o-transition: height .2s ease;
	transition: height .2s ease;
}
#hmenu ul li:hover > ul > li {
/*	height: 30px;*/
	min-height: 30px;
	height:auto;
}
#hmenu ul ul li a {
	padding: 10px 20px;
	width: 350px;
	font-size: 1.2rem;
  font-weight: 400;
	background: #ffffff;
	text-decoration: none;
	color: #000000;
	-webkit-transition: color .1s ease;
	-moz-transition: color .1s ease;
	-ms-transition: color .1s ease;
	-o-transition: color .1s ease;
	transition: color .1s ease;
}
#hmenu ul ul li:hover > a,
#hmenu ul ul li a:hover {
	color: #fff;
	background-color: #C4CE86;	
}
#hmenu ul ul li.parent > a::after {
	position: absolute;
	top: 13px;
	right: 10px;
	width: 4px;
	height: 4px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	content: "";
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	-ms-transition: border-color 0.2s ease;
	-o-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}
#hmenu.align-right ul ul li.parent > a::after {
	right: auto;
	left: 10px;
	border-right: 0;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}
#hmenu ul ul li.parent:hover > a::after {
	border-color: #00AFFF;
}

#hmenu ul li ul li img {display:none;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #hmenu {
    width: 100%;
  }
  #hmenu ul {
    width: 100%;
    display: none;
  }
  #hmenu.align-center > ul,
  #hmenu.align-right ul ul {
    text-align: left;
  }
  #hmenu ul li,
  #hmenu ul ul li,
  #hmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
	border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #hmenu ul li a,
  #hmenu ul ul li a {
 	width: 100%;
  }
  #hmenu > ul > li,
  #hmenu.align-center > ul > li,
  #hmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #hmenu ul ul li a {
    padding: 10px 20px 10px 30px;
    font-size: 12px;
    color: #383838;
    background: none;
  }
  #hmenu ul ul li:hover > a,
  #hmenu ul ul li a:hover {
    color: #fff;
  }
  #hmenu ul ul ul li a {
    padding-left: 40px;
  }
  #hmenu ul ul,
  #hmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #hmenu > ul > li.parent > a::after,
  #hmenu ul ul li.parent > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #hmenu #menu-button {
    display: block;
    padding: 20px;
    color: #EFEDDC;
    cursor: pointer;
    font-size: 2rem;
    text-transform: uppercase;
    text-align:center;
  }
  #hmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 28px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #EFEDDC;
  }
  #hmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 33px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #EFEDDC;
    border-bottom: 2px solid #EFEDDC;
  }
  #hmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #hmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #C4CE86;
    z-index: 99;
  }
  #hmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #C4CE86;
    z-index: 99;
  }
  #hmenu .submenu-button.submenu-opened:after {
    display: none;
  }
	
}

.button {
	padding: 15px 20px;
    color: #074D6F;
    text-decoration: none;
    text-transform: uppercase;
    border-color: transparent;
    border-radius: 15px;
  	background-color: #EFEDDC;
    font-size: 2.2rem;
    font-weight: lighter;
    margin: 10px 0px;
  -webkit-transition: background .5s ease-in-out;
  -moz-transition: background .5s ease-in-out;
  -ms-transition: background .5s ease-in-out;
  -o-transition: background .5s ease-in-out;
  transition: background .5s ease-in-out;
  font-weight: bold;
  transition: all 0.2s ease-in-out;
}

.button:hover {border-color: #EFEDDC; color:#EFEDDC; background-color: #2A3145;transform: scale(1.05);}

#scrollup {position: fixed; background: transparent url(../images/tpl/totop.png) no-repeat center center; right: 20px; bottom: 20px; display: none; cursor: pointer; opacity: 0.6; color: #eef2f5;text-align: center;width: 50px; height: 50px; z-index: 10;}
#scrollup:hover {opacity: 1.0;}


/*!
// CSS only Responsive Tables
// http://dbushell.com/2016/03/04/css-only-responsive-tables/
// by David Bushell
*/

.rtable {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  
  overflow-x: auto;
  
  // optional - looks better for small cell values
  white-space: nowrap;

  border-collapse: collapse;
  border-spacing: 0;
}

.rtable,
.rtable--flip tbody {
  // optional - enable iOS momentum scrolling
  -webkit-overflow-scrolling: touch;
  
  // scrolling shadows
  background: radial-gradient(left, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 0 center,
              radial-gradient(right, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 100% center;
  background-size: 10px 100%, 10px 100%;
  background-attachment: scroll, scroll;
  background-repeat: no-repeat;
}

// change these gradients from white to your background colour if it differs
// gradient on the first cells to hide the left shadow
.rtable td:first-child,
.rtable--flip tbody tr:first-child {
  background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
  background-repeat: no-repeat;
  background-size: 20px 100%;
}

// gradient on the last cells to hide the right shadow
.rtable td:last-child,
.rtable--flip tbody tr:last-child {
  background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 20px 100%;
}

.rtable th {
  font-size: 11px;
  text-align: left;
  text-transform: uppercase;
  background: #f2f0e6;
}

.rtable th,
.rtable td {
  padding: 6px 12px;
  border: 1px solid #d9d7ce;
}

.rtable--flip {
  display: flex;
  overflow: hidden;
  background: none;
}

.rtable--flip thead {
  display: flex;
  flex-shrink: 0;
  min-width: min-content;
}

.rtable--flip tbody {
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

.rtable--flip tr {
  display: flex;
  flex-direction: column;
  min-width: min-content;
  flex-shrink: 0;
}

.rtable--flip td,
.rtable--flip th {
  display: block;
}

.rtable--flip td {
  background-image: none !important;
  // border-collapse is no longer active
  border-left: 0;
}

// border-collapse is no longer active
.rtable--flip th:not(:last-child),
.rtable--flip td:not(:last-child) {
  border-bottom: 0;
}


/* dirty hacks */

#facades .facades-slider .uk-position-bottom-right {margin: 0px 20px;background: rgba(239,237,220,.95);}
#facades .uk-slidenav-contrast {color: #074D6F;}
#facades .uk-slidenav-previous {display: block;}
#facades .uk-slidenav-next {display: block;}
#facades .uk-slidenav {font-size: 64px;}
#facades .uk-slidenav-contrast:focus {color: rgba(7,77,111,.75);}
#facades .uk-slidenav-contrast:hover {color: rgba(7,77,111,.75);}

#workflow .uk-slidenav-previous {color: #EFEDDC;display: block;}
#workflow .uk-slidenav-next {color: #EFEDDC;display: block;}

#furniture .furniture-slider .uk-position-bottom-left {margin: 0px 20px;background: rgba(7,77,111,.98);}
#furniture .uk-slidenav-contrast {color: #EFEDDC;}
#furniture .uk-slidenav-previous {display: block;}
#furniture .uk-slidenav-next {display: block;}
#furniture .uk-slidenav {font-size: 64px;}
#furniture .uk-slidenav-contrast:focus {color: rgba(239,237,220,.75);}
#furniture .uk-slidenav-contrast:hover {color: rgba(239,237,220,.75);}

#gallery .gallery-slider .uk-position-bottom-right {margin: 0px 20px;background: rgba(239,237,220,.95);}
#gallery .uk-slidenav-contrast {color: #074D6F;}
#gallery .uk-slidenav-previous {display: block;}
#gallery .uk-slidenav-next {display: block;}
#gallery .uk-slidenav {font-size: 64px;}
#gallery .uk-slidenav-contrast:focus {color: rgba(7,77,111,.75);}
#gallery .uk-slidenav-contrast:hover {color: rgba(7,77,111,.75);}


/*#third .uk-slidenav-previous {color: #B6BF7C;display: block;}
#third .uk-slidenav-next {color: #B6BF7C;display: block;}
#third .uk-slidenav-position .uk-slidenav-previous {left: -75px!important;}
#third .uk-slidenav-position .uk-slidenav-next {right: -75px!important;}
#third .uk-dotnav>*>* {background: rgba(182, 191, 124, 0.4);}
#third .uk-dotnav>.uk-active>* {background: rgba(182, 191, 124, 0.9);}

#fourth .uk-overlay-panel {color: #383838!important;} 
#fourth .uk-h3 {text-align: left!important;}
#fourth .uk-margin {text-align: left!important;}
#fourth .uk-slidenav-previous {color: #B6BF7C;display: block;}
#fourth .uk-slidenav-next {color: #B6BF7C;display: block;}
#fourth .uk-slidenav-position .uk-slidenav-previous {left: -75px!important;}
#fourth .uk-slidenav-position .uk-slidenav-next {right: -75px!important;}
#fourth .uk-panel {
  background: #fff;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #C4CE86!important;
  border-radius: 15px;}*/

#articles .uk-button {
/*  display: block;*/
  float:right;
  clear:both;
  color: #fff;
  background-color: #C4CE86;
  font-size: 1.4rem;
  -webkit-transition: background .5s ease-in-out;
  -moz-transition: background .5s ease-in-out;
  -ms-transition: background .5s ease-in-out;
  -o-transition: background .5s ease-in-out;
  transition: background .5s ease-in-out;}
#articles .uk-button:hover {border-color: #C4CE86!important; color:#C4CE86; background-color: #fff;}

#furniture .row {min-height: 100vh;}

.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

.swiper-slide {
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }



/* media queries */

/* Phones x-small */

@media screen and (min-width: 240px) and (max-width: 319px) {

#workflow .uk-slidenav-position .uk-slidenav-previous {left: -40px!important;font-weight: bolder;}
#workflow .uk-slidenav-position .uk-slidenav-next {right: -40px!important;font-weight: bolder;}

#footer .fixed-cbb {background-image: url(../images/tpl/bg-footer-mobile.jpg);}

.fixed-cbb {background-attachment: unset; background-size: cover;}

#imagescreen .transparent-module {float: none; width: 100%; height: 100vh;margin-top:0px;background: rgba(0, 0, 0, 0.45); color: #EFEDDC;}

#imagescreen .slogan {font-size: 2.4rem;font-weight: bold;line-height: 1.2;padding-top:20vh;}
#imagescreen .subslogan {font-size: 2.0rem;font-weight: normal;}

#footer .transparent-module {float: none; width: 100%; height: 100vh;margin-top:0px;background: rgba(0, 0, 0, 0.45); color: #EFEDDC;}

#footer .slogan {font-size: 2.4rem;font-weight: bold;line-height: 1.2;padding-top:20vh;}
#footer .subslogan {font-size: 2.0rem;font-weight: normal;}

#feedback img {max-width:100%; height: auto;padding-top:10vh;}

#facades .text-block {width:80%;}

#facades .text-block .slogan {font-size: 2.4rem;font-weight: bold;line-height: 1.2;}
#facades .text-block .subslogan {font-size: 2.0rem;font-weight: normal;}

}

/* Phones small */

@media screen and (min-width: 320px) and (max-width: 479px) {

.submenu ul li {float: none;}
.submenu ul li a span {vertical-align: top;}
#feedback img {max-width: 100%;padding-top: 10vh;}

.slogan {font-size: 2.4rem;font-weight: bold;line-height: 1.2;}
.subslogan {font-size: 2.0rem;font-weight: normal;}

#imagescreen .transparent-module {width: 80%;}
#footer .transparent-module {width: 80%; }
#facades .text-block {width: 60%;}
#feedback .button {width: 100%;}

#footer .fixed-cbb {background-image: url(../images/tpl/bg-footer-mobile.jpg);}

#workflow .uk-slidenav-position .uk-slidenav-previous {left: -50px!important;font-weight: bolder;}
#workflow .uk-slidenav-position .uk-slidenav-next {right: -50px!important;font-weight: bolder;}

.fixed-cbb {background-attachment: unset; background-size: cover;}

.picture-mashup {display:none;}
#feedback {padding-bottom: 40px;}
  
}

/* Phones medium */
@media screen and (min-width: 480px) and (max-width: 639px) {

.slogan {font-size: 2.4rem;font-weight: bold;line-height: 1.2;}
.subslogan {font-size: 2.0rem;font-weight: normal;}

#facades .slogan {font-size: 3.2rem;font-weight: bold;line-height: 1.2;}

#imagescreen .transparent-module {width: 40%;}
#footer .transparent-module {width: 50%; }
#facades .text-block {width: 50%;}
#feedback .button {width: 100%;}

#footer .fixed-cbb {background-image: url(../images/tpl/bg-footer-mobile.jpg);}

#workflow .uk-slidenav-position .uk-slidenav-previous {left: -50px!important;font-weight: bolder;}
#workflow .uk-slidenav-position .uk-slidenav-next {right: -50px!important;font-weight: bolder;}

#feedback img {max-width: 100%;padding-top: 10vh;}

.fixed-cbb {background-attachment: unset; background-size: cover;}

.picture-mashup {display:none;}
#feedback {padding-bottom: 40px;}
  
}

/* Phone large */
@media screen and (min-width: 640px) and (max-width: 767px) {

.slogan {font-size: 2.8rem;font-weight: bold;line-height: 1.2;}
.subslogan {font-size: 2.4rem;font-weight: normal;}

#facades .slogan {font-size: 3.8rem;font-weight: bold;line-height: 1.2;}

#imagescreen .transparent-module {width: 40%;}
#footer .transparent-module {width: 50%;}
#facades .text-block {width: 50%;}

#footer .fixed-cbb {background-image: url(../images/tpl/bg-footer-tablet.jpg);}

#workflow .uk-slidenav-position .uk-slidenav-previous {left: -50px!important;font-weight: bolder;}
#workflow .uk-slidenav-position .uk-slidenav-next {right: -50px!important;font-weight: bolder;}

#feedback img {max-width: 100%;padding-top: 10vh;}

.fixed-cbb {background-attachment: unset; background-size: cover;}

.picture-mashup {display:none;}
#feedback {padding-bottom: 40px;}
  
}

/* Tablet small */
@media screen and (min-width: 768px) and (max-width: 799px) {


.slogan {font-size: 3.2rem;font-weight: bold;line-height: 1.2;}
.subslogan {font-size: 2.8rem;font-weight: normal;}

#facades .slogan {font-size: 3.8rem;font-weight: bold;line-height: 1.2;}

#imagescreen .transparent-module {width: 50%;}
#footer .transparent-module {width: 50%;}
#facades .text-block {width: 50%;}

#footer .fixed-cbb {background-image: url(../images/tpl/bg-footer-tablet.jpg);}

#workflow .uk-slidenav-position .uk-slidenav-previous {left: -50px!important;font-weight: bolder;}
#workflow .uk-slidenav-position .uk-slidenav-next {right: -50px!important;font-weight: bolder;}

#feedback img {max-width: 100%;padding-top: 10vh;}

.fixed-cbb {background-attachment: unset; background-size: cover;}

}

/* Tablets */
@media screen and (min-width: 800px) and (max-width: 1024px) {


.slogan {font-size: 3.2rem;font-weight: bold;line-height: 1.2;}
.subslogan {font-size: 2.8rem;font-weight: normal;}

#facades .slogan {font-size: 4.8rem;font-weight: bold;line-height: 1.2;}

#imagescreen .transparent-module {width: 50%;}
#footer .transparent-module {width: 40%;}
#facades .text-block {width: 40%;}

#footer .fixed-cbb {background-image: url(../images/tpl/bg-footer-tablet.jpg);}

#feedback {overflow: hidden;}

#workflow .uk-slidenav-position .uk-slidenav-previous {left: -40px!important;font-weight: bolder;}
#workflow .uk-slidenav-position .uk-slidenav-next {right: -40px!important;font-weight: bolder;}

#feedback img {width: 100%; height: auto;}
#feedback .slogan {font-size: 2.6rem;}

.fixed-cbb {background-attachment: unset; background-size: cover;}

}

/* Tablets and more  */
@media screen and (min-width: 1025px) {

.fixed-cbb {background-attachment: fixed;}

#hmenu li:hover > ul {box-shadow: 0px 2px 2px rgba(1, 1, 15, 0.25);}

.slogan {font-size: 5.0rem;font-weight: bold;line-height: 1.2;}
.subslogan {font-size: 3.6rem;font-weight: normal;}

#feedback {min-height: none !important;}

#hmenu ul.menu {text-align: center;}
#hmenu ul li {display: inline-block;}
#hmenu ul li > ul {text-align: left;
	z-index: 999;}

#feedback .button {min-width: 300px;}

#facades .text-block {width: 30%;}


#imagescreen .transparent-module {width: 45%;}
#facades .text-block {width: 40%;}

#footer .fixed-cbb {background-image: url(../images/tpl/bg-footer.jpg);}

#footer .transparent-module {width: 30%;}

#feedback img {height: auto; width: 100%; max-width: 100%;}
#feedback .slogan {font-size: 3.4rem;}

#furniture .text-block {padding-top: 10vh;padding-left: 40px}

#workflow .uk-slidenav-position .uk-slidenav-previous {left: -25px!important;font-weight: bolder;}
#workflow .uk-slidenav-position .uk-slidenav-next {right: -25px!important;font-weight: bolder;}

}

@media (min-width: 600px) and (orientation:landscape)  {


#footer .device-ios-yes .fixed-cbb {background-image: url(../images/tpl/bg-footer-landscape.jpg)!important;}

}

@media screen and (min-width: 1025px) and (max-width: 1440px) {

#workflow .slogan {font-size: 4.0rem;font-weight: bold;line-height: 1.2;}
#workflow .subslogan {font-size: 3.2rem;font-weight: normal;}

}

.uk-hidden-notouch,.uk-touch .uk-hidden-touch {}