/**
 * Swiper 12.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 24, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}


/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/poppins-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



* { margin: 0; padding: 0 }
html { font-size: 10px; 
font-family: 'Poppins';
font-style: normal;
font-weight: 400; }

#page {
	background: #eee url("../img/concrete_wall_2.png"); 
	--root-gap: 50px;
	--root-intro-menu-height: 60px;
	--root-headermargin: 40px;
}

.group:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}


#intro { 
	width: 100%;
	height: calc(100vh - 160px);
	position: relative
}

a, #intro, #headerbg, #header, #logo, .text-column, .video-column, video, .footer-column li a:before, #menucontroller, #menucontroller span, #menuWrap {
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.row { max-width: calc(100% - calc(2* var(--root-gap))); margin: 0 calc(2* var(--root-gap)); }

#menucontroller { position: fixed; top: var(--root-headermargin); right: var(--root-gap); width: 50px; height: 50px; z-index: 9999999 }
#menucontroller a { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
  #menucontroller span { position: absolute; height: 3px; content: ''; width: 40px; background: #fff; left: 5px; pointer-events: none }
    #menucontroller a span:nth-child(1) { top: 10px; }
    #menucontroller a span:nth-child(2) { top: 20px; }
    #menucontroller a span:nth-child(3) { top: 30px; }
    
    #menucontroller:before {
	    content:'';
	    background: rgb(174,66,66);
	    width: 60px;
	    height: 60px;
	    position: absolute;
	    top: -8px;
	    left: -5px;
	    -webkit-border-radius: 60px 60px 60px 60px;
	    border-radius: 60px 60px 60px 60px;
    }
    .menu--active #menucontroller:before {
	    background: #fff
    }
    .menu--active #menucontroller span {
		background: rgb(174,66,66);
	}
    
    /* body.isFixed #menucontroller span { background: rgb(174,66,66); }
    body.menu--active #menucontroller span { background: #fff } */
    
    .menu--active   #menucontroller a span:nth-child(2) { width: 0 }
      .menu--active   #menucontroller a span:nth-child(1) { 
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); 
      top: 20px;
      }
      .menu--active   #menucontroller a span:nth-child(3) { 
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); 
      top: 20px;
      }
    
    
#header { position: fixed; width: 100%; height: 160px; background: rgba(255,255,255,0); z-index: 100000 }
#logo { height: auto; width: calc(50% - 150px); display: inline-block; position: relative; margin: var(--root-headermargin) 0 0 var(--root-gap); position: relative; z-index: 10;  }
#logo svg { height: 100%; }
@media screen and (min-width: 1200px) {
  #logo { width: 500px}
}
#name { height: 50%; position: absolute; left: calc(100% + 20px); top: 0; display: block; opacity: .75 }

#headerbg {   background: rgba(255, 255, 255, 0.908); height: 100%; top: -100%; position: absolute; left: 0; width: 100%  }

body.isFixed #header { height: 90px; -webkit-box-shadow: 10px 10px 50px 10px rgba(0,0,0,.1);
	box-shadow: 10px 10px 50px 10px rgba(0,0,0,.1); }
body.isFixed #page { --root-headermargin: 20px; }
body.isFixed #logo { height: 50px; }
body.isFixed #headerbg { top: 0 }

.spacer { position: relative }
.spacer100 { height: 100px }

#menuWrap { position: fixed; right: -450px; top: 0; width: 400px; z-index: 10000; 
  background: rgb(174,66,66);
  background: -moz-linear-gradient(90deg, rgba(174,66,66,1) 0%, rgba(122,42,42,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(174,66,66,1) 0%, rgba(122,42,42,1) 100%);
  background: linear-gradient(90deg, rgba(174,66,66,1) 0%, rgba(122,42,42,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae4242",endColorstr="#7a2a2a",GradientType=1); 
  height: 100%; -webkit-box-shadow: -50px -50px 100px 30px rgba(0,0,0,0.2);
  box-shadow: -50px -50px 100px 30px rgba(0,0,0,0.2); backdrop-filter: blur(5px); z-index: 1000000 }
  .menu--active #menuWrap { right: 0 }

#menuWrapInner { padding: 150px 50px }
  #menuWrapInner ul { list-style-type: none; font-size: 2rem }
  #menuWrapInner ul li { margin: 0 0 20px 0 }
  #menuWrapInner ul a { color: #fff; text-decoration: none; opacity: .6 }
  #menuWrapInner ul a:hover,
  #menuWrapInner ul li.active a { opacity: 1 }


#images-intro { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: #ccc; }
.slider-image { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.intro-images { height: 100%; width: 100%; }
#images-intro .swiper-slide { height: 100%; width: 100%; overflow: hidden; }
.slider-image img {object-position: center; object-fit: cover; width: 100%; height: 100% }
.slider-image.slider-image-leftcenter img {object-position: left center; }

#intro-menu { position: absolute; left: var(--root-gap); bottom: calc(var(--root-intro-menu-height) * -1); width: 50%; -webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px; overflow: hidden; -webkit-box-shadow: 50px 50px 100px 20px rgba(0,0,0,0.2);
	box-shadow: 50px 50px 100px 20px rgba(0,0,0,0.2); }


#intro-menu-background { 
	background: rgb(174,66,66);
  background: -moz-linear-gradient(279deg, rgba(174,66,66,1) 0%, rgba(122,42,42,1) 100%);
  background: -webkit-linear-gradient(279deg, rgba(174,66,66,1) 0%, rgba(122,42,42,1) 100%);
  background: linear-gradient(279deg, rgba(174,66,66,1) 0%, rgba(122,42,42,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae4242",endColorstr="#7a2a2a",GradientType=1); 
	z-index: 100;
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .98
}

.text-item { opacity: 0 !important }
.text-item.swiper-slide-active { opacity: 1 !important }
.introtext { position: relative; z-index: 100; color: #fff; padding: 100px var(--root-gap) 40px var(--root-gap) }
.introtext p { font-size: 2rem }
.intronav { width: calc(100% - 100px); height: var(--root-intro-menu-height); position: relative; z-index: 100; margin: 0 0 0 50px }
.intronav li { display: inline-block; font-size: 0; height: var(--root-intro-menu-height); /*width: calc(100% / 3);*/ float: left; text-align: center; width: auto; margin: 0 40px 0 0 }
.intronav li a { font-size: 1.8rem; color: #fff; line-height: var(--root-intro-menu-height); display: block; position: relative; text-decoration: none; opacity: .4; font-weight: 600 }
.intronav li.active-item a, .intronav li a:hover  { opacity: 1 }

.intronav li a:before { content: ''; background: #fff; bottom: 0; left: 0; width: 100%; height: 5px; z-index: 100; position: absolute}

.services-container { padding: 150px 0 100px 0 }

.services-item {
  background: #fff;
  margin: 0 0 40px 0;
  -webkit-box-shadow: 40px 40px 100px 0 rgba(0,0,0,0.2);
  box-shadow: 40px 40px 100px 0 rgba(0,0,0,0.2);
 }
 .services-item {
   --services-gap: 50px;
   position: relative
 }
.services-item  .services-text { padding: var(--services-gap) calc(50% + var(--services-gap)) var(--services-gap) var(--services-gap)}
.services-container .services-item:nth-child(2n) .services-text  {  padding: var(--services-gap) var(--services-gap) var(--services-gap) calc(50% + var(--services-gap))  }

.services-image { position: absolute; top: 0; width: 50%; height: 100%; right: 0; background: #000 }
.services-image .services-image-view { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0 }
.services-image .services-image-view img { width: 100%; height: 100%; object-fit: cover; object-position: center center }
.services-container .services-item:nth-child(2n) .services-image { right: auto; left: 0;}
.services-item h2 { color: rgba(174,66,66,1); font-size: 3rem; line-height: 1.2em; margin: 0 0 20px 0 }
.services-item p { font-size: 1.7rem; line-height: 1.55em; color: #444; margin: 0 0 10px 0 }

@media screen and (min-width: 1200px) {
  .services-item {
  --services-gap: 80px;
  }
}

@media screen and (max-width: 1000px) {
	#intro { height: 600px; }
	
}

#kontakt { position: relative }

.contact-container-text-inner { padding: 50px;  }
.contact-container-image { width: 50%; overflow: hidden; height: 100%; position: absolute; left: 0; top: 0 }
.contact-container-image { width: 50%; overflow: hidden }
.kontakt-container { padding: 100px 0 }
.contact-container-text { position: relative; z-index: 100; background: rgba(255, 255, 255, 0.8); margin: 0 0 0 calc( 50% - var(--root-gap) ); width: calc(50% - calc( var(--root-gap) * 1)); -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; backdrop-filter: blur(5px) }
.contact-container-image-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block }
.contact-container-image-view img { object-fit: cover; object-position: left center; width: 100%; height: 100% }
.text-column { width: calc((100% / 2) - 40px); float: left; margin: 0 40px 0 0 }
.text-column p { font-size: 1.5rem }
.text-group { padding: 0 0 20px 0}
.image-group img { max-width: 60%; height: auto }


#kontakt blockquote p {
  color: rgba(174, 66, 66, 1);
  font-size: 3rem;
  line-height: 1.2em;
  margin: 0 0 20px 0;
}

#kontakt h2, #kontakt h3,
#kontakt p {
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.55em;
  color: #444;
  margin: 0 0 0 0;
}
#kontakt h2, #kontakt h3 {
  font-weight: 600
}
#kontakt a {
  color: rgba(174, 66, 66, 1);
}
#kontakt a:hover { text-decoration: none }

    #footer {
    background: rgb(174,66,66);
    background: -moz-linear-gradient(279deg, rgba(174,66,66,1) 0%, rgba(122,42,42,1) 100%);
    background: -webkit-linear-gradient(279deg, rgba(174,66,66,1) 0%, rgba(122,42,42,1) 100%);
    background: linear-gradient(279deg, rgba(174,66,66,1) 0%, rgba(122,42,42,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae4242",endColorstr="#7a2a2a",GradientType=1); 
    padding: 30px 0;
    font-size: 1.4rem;
    color: #fff;
    }
    
    #footer a { color: #fff; text-decoration: none }
    
    .footer-column { float: left; width: 50% }
    .footer-column { float: left; width: 50% }
    
    .footer-column-right { text-align: right}
    
    .footer-column li { display: inline-block; margin: 0 20px 0 0;  }
   #footer  .footer-column li a { position: relative; color: #fff; opacity: .6 }
    .footer-column li a:before { position: absolute; left: 0; bottom: -4px; height: 2px; background: #fff; width: 0; content: '';  }    
    .footer-column li a:hover::before { width: 100%; }
    #footer .footer-column li a:hover { color: #fff }
    
    .introtext h2 {
	    font-size: 3rem;
	    margin: 0 0 20px 0
    }
    
    @media screen and (max-width: 1400px) {
	    
	    :root {
		    --site-margin: 100px;
	    }
	    #images-intro {
		    position: relative;
		    height: 600px;
		    width: calc(100% - var(--site-margin) - var(--site-margin) );
		    margin: 0 var(--site-margin);
		    background: none
	    }
	    
	    .slider-image img {
		    object-position: top center;
	    }
	    
	    .swiper.intro-images {
		    overflow: hidden;
		    border-radius: 10px;
		    background: none;
	    }
	    
	    .introtext {
		    padding: 40px var(--site-margin)
	    }
	    .intronav {
		    padding: 0 0 0 0;
		    margin: 0 0 0 var(--site-margin);
	    }
	    
	    #intro-menu {
		    left: 0;
		    width: calc(100% - var(--site-margin) - var(--site-margin) );
	    }
	    #intro-menu #intro-menu-background {
		    /* display: none; */
	    }
	    #intro-menu {
		    position: relative;
		    left: auto;
		    bottom: auto;
		    top: auto;
		    -moz-transform: translateY(-50px);
		    -webkit-transform: translateY(-50px);
		    -o-transform: translateY(-50px);
		    -ms-transform: translateY(-50px);
		    transform: translateY(-50px);
		    z-index: 100
	    }
	    
	    #intro {
		    height: auto
	    }
	    
	 
	    .introtext {
		    height: auto !important;
	    }
	    .introtext .textswiper .swiper-slide {
		    width: 100% !important;
	    }
	    .intronav {
		    height: auto;
	    }
	    
	    #main {
		    padding: 260px 0 0 0
	    }
	    
	    #header {
		    top: 0
	    }
	    
	    .services-container {
		    padding: 50px 0 50px
	    }
    }
    
    @media screen and (max-width: 900px) {
	
	:root {
		--site-margin: 40px;
	}
	
	#images-intro {
		height: 500px;
	}
	
	.introtext {
		padding: 40px var(--site-margin) 0 
	}
	
	.intronav li {
		display: inline-block  !important;
		text-align: left
	}
	.intronav {
		padding: 30px 0;
	}
	.intronav a:before {
		display: none
	}
	.intronav li {
		float: none;
		height: auto !important;
		width: 100%
	}
	.intronav li {
		font-size: 16px !important;
		margin: 0 0 30px 0
	}
	
	.intronav a {
		background: #fff;
		display: inline-block;
		color: rgba(174, 66, 66, 1) !important;
		padding: 15px 30px;
	}
	
	.intronav li a {
		display: inline-block;
		line-height: 1em
	}
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px;
  z-index: 10000000;
}

.skip-link:focus {
  top: 0;
}


  @media screen and (max-width: 1200px) {
 	 .services-image {
		  height: 100%;
		  background: none;
	  }
	  .services-image .services-image-view {
		  height: auto;
		  padding: var(--services-gap) var(--services-gap) 0 0;
		  width: calc(100% - var(--services-gap));
	  }
	  
	  #aufmasstechniker .services-image .services-image-view {
		    height: auto;
		    padding: var(--services-gap) 0 0 var(--services-gap);
		    width: calc(100% - var(--services-gap));
	    }
	    
	    .contact-container-image {
		 width: 60%   
	    }
	    
	    .contact-container-image-view img {
		    object-position: center center
	    }
  }
  
  .swiper-button-next-images svg,
  .swiper-button-prev-images svg {
	  /* position: relative */
	  z-index: 100;
  }
  
  .swiper-button-next-images:before,
  .swiper-button-prev-images:before {
	  content: '';
	  position: absolute;
	  top: -13px;
	  left: -17px;
	  width: calc(100% + 30px);
	  height: calc(100% + 30px);
	  background: rgba(255, 255, 255, .9);
	  backdrop-filter: blur(3px);
	  z-index: 100;
	  -webkit-border-radius: 50px 50px 50px 50px;
	  border-radius: 50px 50px 50px 50px;
  }
  .swiper-button-prev-images:before {
	  left: -13px;
  }
  .swiper-button-next-images {
	  right: 50px !important;
	  left: auto;
  }
  .swiper-button-prev-images {
	    left: 50px !important;
	    right: auto;
    }
    
  #images-intro {
  	--swiper-theme-color: rgba(174, 66, 66, 1);
  }
  
 #main-content-default-container {
	  padding: 30px 0 100px 0
  }
  
  @media screen and (min-width: 1400px) {
	    
	   #main-content-default-container {
		    padding: 300px 0 100px 0
	    }
  }
  
  @media screen and (max-width: 900px) {
	  
	  #main-content-default-container {
		    padding: 200px 0 100px 0
	    }
	    
	  #main {
	      padding: 200px 0 0 0;
	    }
	    
	    #logo {
		   width: 300px; 
	    }
	    
	   .services-item .services-text {
		    padding: 30px
	    }
	    
	    #page {
	      --root-gap: 20px;
     	 }
	      
	      .services-image {
		      position: relative;
		      left: auto;
		      right: auto;
		      width: 100%;
		      top: auto;
		      bottom: auto;
		      
	      }
	      .services-image .services-image-view {
		      padding: 0;
		      padding: 30px 30px 0 30px;
		      width: calc(100% - 60px) ;
		      left: auto;
		      position: relative;
		      top: auto;
		     -webkit-border-radius: 8px 8px 8px 8px;
			 border-radius: 8px 8px 8px 8px;
			 overflow: hidden
	      }
	      
	      .services-container .services-item:nth-child(2n) .services-text {
		      width: calc(100% - 60px);
		      padding: 30px 30px 30px
	      }
	      
	      #aufmasstechniker .services-image .services-image-view {
		      width: calc(100% - 60px);
		      margin: 0;
		      padding: 30px 30px 0 30px
	      }
	  
	  .footer-column {
		    width: 100%
	    }
	    .footer-column li {
	      display: inline-block;
	      margin: 0 20px 20px 0;
	    }
  }
  
  @media screen and (max-width: 750px) {
  	.contact-container-image {
		  width: 100%;
		  position: relative;
		  height: auto;
	  }
	  .contact-container-image-view {
		  width: 100%;
		  height: auto;
		  position: relative;
	  }
	  .kontakt-container {
		  padding: 30px 0
	  }
	  
	  .contact-container-text {
		  width: calc(100% - 60px);
		  padding: 0;
		  margin: 0 30px;
		  -moz-transform: translateY(-50px);
		  -webkit-transform: translateY(-50px);
		  -o-transform: translateY(-50px);
		  -ms-transform: translateY(-50px);
		  transform: translateY(-50px);
	  }
	  
	
  }
  
  @media screen and (max-width: 600px) {
      
      #images-intro {
	  height: 300px;
	}
	
	.services-item h2 {
		font-size: 2rem;
	}
	
	.services-item p {
	  font-size: 1.6rem;
	  line-height: 1.45em
  }
	
	.contact-container-text-inner {
		padding: 30px;
	}
	#kontakt blockquote p {
		font-size: 2rem
	}
	
	#intro-menu {
		width: calc(100% - var(--site-margin) - var(--site-margin));
	}
	
	.introtext h2 {
		font-size: 2rem
	}
	.introtext p {
	  font-size: 1.6rem;
	}
	
	.isFixed 
	
	.intronav {
	    padding: 20px 0;
	  }
	
      #logo {
	     width: 200px; 
      }
      
      #main {
	    padding: 160px 0 0 0;
	  }
	  
	#page {
		--root-headermargin: 20px;
	}
	
	#menucontroller {
		top: 40px;
	}
	.isFixed #menucontroller {
		top: 20px;
	}
	 
	 #menuWrap {
		 width: 100%;
		 right: calc(-100% - 20px);
	 }
	 
	 #images-intro {
		--swiper-navigation-size: 30px;
	 }
	 
	 .swiper-button-next-images {
	   right: 20px !important;
   	}
	   .swiper-button-prev-images {
	      left: 20px !important;
	      }
}


@media screen and (max-width: 400px) {
      
    
	
	#intro-menu {
		width: calc(100%);
	}
	
}

#main-content-default-container h1 {
	font-size: 4rem;
}
#main-content-default-container h2 {
	font-size: 2.6rem;
	margin: 30px 0 10px;
	color: rgba(174, 66, 66, 1);
}
#main-content-default-container h3 {
	font-size: 1.8rem;
	margin: 20px 0 5px;
}

#main-content-default-container h4 {
	font-size: 1.8rem;
	margin: 10px 0 0;
	font-family: 'Poppins';
	  font-style: normal;
	  font-weight: 600;
}
#main-content-default-container a {
	color: rgba(174, 66, 66, 1);
}
#main-content-default-container p,
#main-content-default-container ul li {
	font-size: 1.6rem;
	margin: 0 0 10px 0;
}

#main-content-default-container ul {
	margin: 0 0 0 30px;
}