@font-face {
  font-display: swap;
  font-family: 'Fors';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/TT_Fors_Light.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Fors';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/TT_Fors_Regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Fors';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/TT_Fors_Medium.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Fors';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/TT_Fors_Light_Italic.woff2') format('woff2');
}

/* html, body */
html,
body
				{
				min-width: 100%;
				margin:0;
				padding:0;
				height: auto;
				overflow: auto;
				background: #f5f0ec;
				scroll-behavior: smooth;
				}
/*
body.configurator
				{
				position: fixed;
				height: 100vh;
				overflow: hidden;
				}
*/
.alert
				{
				display: none;
				padding-top: 15px;
				}
				
#id_configurator_actions .alert
				{
				padding: 10px 0;
				}

.alert p,
#id_configurator_email_alert,
#id_configurator_phone_alert
				{
				font-size: .85rem;
				font-weight: 500;
				line-height: 1.2em;
				}

#id_configurator_email_alert,
#id_configurator_phone_alert
				{
				padding: 0 0 20px 0;
				}

/* default */
*
				{
				padding:0px;
				margin:0px;
				text-align:left;
				font-family: 'Fors', sans-serif, Tahoma, Arial, Verdana;
				font-size:100%;
				font-weight: 300;
				color:#000;
				background-repeat: no-repeat!important;
				outline: none;
				text-decoration:none;
				}

img
				{
				max-width: 100%;
				height: auto;
				}

a
				{
				text-decoration:none;
				transition: all 500ms;
				}

a:Hover,
a.active
				{
				}

p a
				{
				text-decoration: underline;
				}

p a.btn
				{
				text-decoration: none;
				}

img
				{
				max-width: 100%;
				height: auto;
				border:0px;
				}

h1,
h2
				{
				font-size: 3.6rem;
				line-height: 1.2em;
				margin-bottom:60px;
				}

h1 span,
h2 span
				{
				font-size: 2.2rem;
				}
				
h3
				{
				font-size: 2rem;
				line-height: 1.2em;
				margin-bottom:20px;
				}
			
h4
				{
				font-size: 1.6rem;
				font-weight: 400;
				line-height: 1.4em;
				margin-bottom:10px;
				}
				
h5
				{
				font-size: 1rem;
				font-weight: 500;
				line-height: 1.4em;
				margin-bottom:10px;
				}
				
h6
				{
				font-size: 1em;
				font-weight: 400;
				margin-bottom:0;
				}
			
.module p,
.parallax p,
.module .inner ul li,
.module td
				{
				font-weight: 300;
				font-size: 1.2rem;
				line-height: 1.4em;
				margin-bottom: 30px;
				}
		
.module p *,
.module .inner ul li *
				{
				font-size: 1.1rem;
				}

b,
strong
				{
				font-weight: 500;
				}
			
.module .inner ul
				{
				list-style: none;
				margin: 0 0 30px 0;
				}

.module .inner ul li
				{
				background-image: url('../images/icons/check-black.svg');
				background-position: left 6px;
				background-size: 14px;
				padding-left: 26px;
				margin-bottom: 10px;
				}

.module .parallax .inner ul li
				{
				background-image: url('../images/icons/check-white.svg')!important;
				}

/*
.module p:last-of-type,
.module .inner ul li:last-of-type
				{
				margin-bottom: 0;
				}
*/		
i
				{
				font-style: italic;
				font-weight: 300;
				}

a span
				{
				display: none;
				}

.article a span
				{
				display: inline-block;
				}

p.small
				{
				font-size: .9rem;
				}

a.pdf
				{
				font-size: 1rem;
				display: block;
				background-image: url('../images/icons/download.svg');
				background-position: left center;
				background-size: 20px;
				padding: 4px 0 2px 30px;
				margin-bottom: 10px;
				}

p a:Hover
				{
				color: #89907b;
				}

a.pdf:Hover
				{
				padding: 4px 0 2px 40px;
				color: #89907b;
				}

.only-mobile
				{
				display: none!important;
				}

.not-mobile
				{
				display: block;
				}

#id_menu_mobile_wrapper
				{
				display: none;
				}

.centered,
.centered *,
.text-center
				{
				text-align: center;
				}

.content-right
				{
				text-align: right;
				}

form .content-right
				{
				min-height: 50px;
				margin-bottom: 60px;
				}

.btn,
input[type="submit"]
				{
				display: inline-block;
				text-align: center!important;
				font-size: 1.1rem;
				color: #FFF!important;
				font-weight: 400;
				letter-spacing: .025em;
				line-height: 1.2em;
				padding:12px 46px;
				background: #000!important;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
				transition: all 500ms;
				}

.btn:Hover,
input[type="submit"]:Hover,
.btn.btn-configurator,
.btn.btn-highlight
				{
				color: #000!important;
				background: #f4b351!important;
				}

.btn.btn-light
				{
				color: #000!important;
				background: #ccc!important;
				}

.btn.btn-configurator:Hover,
.btn.btn-highlight:Hover,
.btn.btn-light:Hover
				{
				color: #FFF!important;
				background: #000!important;
				}

.btn.btn-invert
				{
				color: #000!important;
				background: #FFF!important;
				}

.btn.btn-invert:Hover
				{
				color: #000!important;
				background: #ccc!important;
				}

.stoerer
				{
				position: absolute;
				right: 12%;
				top:160px;
				width: 160px;
				height: 160px;
				display: inline-block;
				text-align: center;
				padding:10px;
				box-sizing: border-box;
				background: #f4b351!important;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				}

.stoerer div
				{
				transform: rotate(8deg);
				}

.stoerer *
				{
				text-align: center;
				margin: 0!important;
				color: #000!important;
				}

.stoerer p
				{
				font-size: 1.1rem;
				font-weight: 400;
				}

.stoerer h3
				{
				font-size: 1.7rem;
				}

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

.fancybox-container
				{
				z-index: 9999999999!important;
				}

.modal
				{
				display: none;
				width: 100%;
				height: 100vh;
				box-sizing: border-box;
				padding: 40px;
				margin: 0;
				background: none;
				}

.modal .fancybox-close-small
				{
				width: 50px;
				height: 50px;
				top:20px;
				right: 5%;
				}

.modal .modal-inner
				{
				width: 100%;
				height: 100%;
				align-items: center;
				justify-content: center;
				text-align: center;
				}

.modal .modal-inner *
				{
				text-align: center;
				}

.modal .modal-inner img
				{
				max-width: 60px;
				}

.modal .modal-inner ul
				{
				list-style: none;
				}

.modal .modal-inner ul li
				{
				margin-bottom: 20px;
				}

.modal .modal-inner ul li a
				{
				font-size: 2.2rem;
				color: #FFF;
				}

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

.parallax,
.header
				{
				position: relative;
				width: 100%;
				min-height: 60vh;
				background-attachment: fixed;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				}

.parallax
				{
				min-height: 100vh;
				}

.header .flex-wrapper
				{
				min-height: 60vh;
				}
	
.parallax .inner
				{
				min-height: 100vh;
				box-sizing: border-box;
				padding: 160px 0;
				display: flex;
				align-items: center;
				}
	
.parallax .inner.ontop
				{
				align-items: flex-start;
				}
	
.parallax .inner.position-top
				{
				align-items: flex-start;
				}
	
.parallax .inner.position-bottom
				{
				align-items: flex-end;
				}

.parallax *
				{
				color: #FFF;
				}

.parallax.parallax-dark .inner *
				{
				color: #000;
				}
				
.parallax.parallax-dark .inner ul li
				{
				background-image: url('../images/icons/check-black.svg')!important;
				}

.header-small .parallax
				{
				background-size: cover;
				background-position: top center;
				}

.header-small .parallax,
.header-small .parallax .inner
				{
				min-height: 30vh;
				}

.header
				{
				background-color: #b6beac!important;
				}

.header .fifty
				{
				background-position: center center;
				background-size: cover;
				}

.header .fifty .inner-right
				{
				display: flex;
				height: 100%;
				}

.header .fifty .inner-right h1
				{
				align-self: center;
				margin: 0;
				padding: 120px 0 80px 0;
				}

.header .fifty .inner-right div
				{
				align-self: center;
				margin: 0;
				padding: 120px 0 80px 0;
				}

.header .fifty .inner-right div h1
				{
				padding: 0;
				}

.header-small
				{
				min-height: 0;
				background-color: #b6beac!important;
				}

.header-small .inner
				{
				padding: 140px 0;
				}

.header-small .inner *
				{
				color: #FFF;
				}

body.dark .header-small .inner *
				{
				color: #000;
				}

.parallax.parallax-dark .inner .full
				{
				width: 100%;
				}

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

.testimonial,
.quote-wrapper
				{
				box-sizing: border-box;
				padding-right: 20px;
				}

.testimonial img,
#id_reviews p img,
p.review img
				{
				width: 80%;
				max-width: 100px;
				margin: 10px 0;
				}

.testimonial p
				{
				font-size: .9rem;
				margin: 0;
				}

.testimonial span
				{
				font-size: .75rem;
				color: #7d7a78;
				}

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

.same-height
				{
				min-height: 220px;
				}

.circle-image
				{
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				}

.same-height .circle-image
				{
				max-width: 160px;
				margin: auto;
				}

.testimonial-big
				{
				max-width: 70%;
				margin: auto;
				}

.testimonial-big h4
				{
				font-size: 1.8rem;
  			  	font-weight: 300;
				font-style: italic;
				}

.testimonial-big p
				{
				font-size: .9rem;
				}

#id_reviews
				{
				padding-left: 50px;
				background-image: url('../images/google.png');
				background-position: left center;
				background-size: 40px;
				margin-top: 50px;
				}

#id_reviews p,
p.review
				{
				font-size: .9rem;
				display: flex;
				align-items: center;
				}

#id_reviews p img,
p.review img
				{
				margin: 0 0 0 10px;
				}

.thirty.rewiews p
				{
				margin: 0;
				}

.thirty.rewiews p.review
				{
				margin-bottom: 15px;
				}

.thirty.rewiews p.review:last-child
				{
				margin-bottom: 0;
				}

.thirty-inner
				{
				position: relative;
				padding: 0 40px;
				box-sizing: border-box;
				}

.thirty-inner p:last-child
				{
				margin: 0;
				}

.circle-wrapper
				{
				position: absolute;
				z-index: 10;
				width: 76px;
				height: 76px;
				margin: -40px 0 0 -40px;
				}

.circle-wrapper a
				{
				display: block;
				border: 2px solid #FFF;
				background-size: 65% auto;
				box-sizing: border-box;
				}

.circle-wrapper a.pulse
				{
				animation: pulsing 2s infinite;
				transition: all 0.2s;
				}

.circle-wrapper a:Hover,
.circle-wrapper a.active
				{
				display: block;
				border: 2px solid #F8D259;
				background-size: 50% auto;
				}

.circle-wrapper a.active
				{
				cursor: default;
				animation: none;
				}

.circle-content-wrapper
				{
				position: relative;
				}

.circle-content
				{
				position: absolute;
				left:0;
				top:0;
				opacity: 0;
				transform: translate(0, -50%);
				transition: all 500ms;
				}

.circle-content.active
				{
				opacity: 1;
				}

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

.video-wrapper
				{
				width: 100%;
				position: relative;
			    padding-top: 56.25%;
			    height: 0;
			    overflow: hidden;
				background-repeat: no-repeat;
				background-size: cover;
				}

.video-wrapper video,
.video-wrapper iframe
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 20;
				}

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

.flex-wrapper
				{
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				}

.flex-wrapper.flex-teaser
				{
				width: 102%;
				margin-left: -1%;
				align-items: stretch;
				}

.module.trust
				{
				padding: 30px 0 60px 0;
				}

.module.trust h6
				{
				margin-bottom: 40px;
				}

.trust .flex-wrapper
				{
				width: 106%;
				margin-left: -3%;
				}

.trust .flex-wrapper .fifty
				{
				width: 46%;
				margin: 0 2%;
				}

.flex-wrapper.flex-centered
				{
				align-items: center;
				}

.flex-wrapper.flex-centered .fifty
				{
				align-self: auto;
				}

.flex-wrapper.flex-centered .fifty:first-child
				{
				padding-right: 40px;
				box-sizing: border-box;
				}

.flex-wrapper.flex-top
				{
				align-items:flex-start;
				}

.teaser-wrapper
				{
				width: 100%;
				box-sizing: border-box;
				padding: 0 20px 80px 0;
				}

.five .slick-slide div,
.four .slick-slide div,
.teaser-slider .slick-slide div,
.teaser-slider .slick-slide a
				{
				height: 100%;
				}

.teaser-slider .slick-slide a.three
				{
				padding-bottom: 20px;
				}

.teaser-slider .slick-slide div
				{
				margin-right: 30px;
				}

.teaser-slider .slick-slide div div
				{
				height: initial;
				margin-right: 0;
				}

.teaser-slider .slick-list
				{
				padding-bottom: 30px;
				}

.teaser.teaser-five
				{
				background: #9a9f92;
				padding: 20px;
				box-sizing: border-box;
				text-align: center;
				}

.teaser.teaser-five p
				{
				font-size: .9rem;
				margin: 0;
				}

.details
				{
				position: absolute;
				bottom: -300px;
				left: 0;
				width: 100%;
				background: rgb(0,0,0);
				background: rgba(0,0,0,.7);
				padding: 10px;
				box-sizing: border-box;
				transition: all 500ms;
				}

.quadrat:Hover .details
				{
				bottom: 0;
				}

.details p,
.details p i
				{
				font-size: .95rem;
				line-height: 1.4em!important;
				color: #FFF;
				margin: 0;
				}

.quadrat
				{
				height: 0;
				overflow: hidden;
				padding-top: 100%;
				position: relative;
				background-position: center center;
				background-size: 100% auto;
				background-color: rgba(250, 247, 245, 0.3);
				margin-bottom: 15px;
				transition: all 500ms;
				}

.quadrat.nobg
				{
				background: none;
				}

.quadrat:Hover
				{
				background-size: 105% auto;
				}

.quadrat-icon-wrapper
				{
				width: 60%;
				margin: 0 20% 20px 20%;
				height: auto!important;
				}
		
.quadrat .quadrat-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}

.quadrat.quadrat-icon
				{
				background: none;
				background-color: none;
				height: auto!important;
				}

.quadrat.quadrat-icon .quadrat-inner
				{
				height: auto;
				}

.quadrat.quote
				{
				background-image: url('../images/icons/quote-start.svg');
				background-position: center 10px;
				background-size: 40px;
				}

.quadrat.quote .quadrat-inner
				{
				background-image: url('../images/icons/quote-end.svg');
				background-position: center bottom +10px;
				background-size: 40px;
				padding: 20px;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: center;
				}

.quadrat.quote .quadrat-inner p
				{
				font-size: 1.2rem;
				font-style: italic;
				font-weight: 300;
				margin-bottom: 15px;
				}

.quadrat.quote .quadrat-inner span
				{
				font-size: .8rem;
				}

.quadrat.textonly
				{
				background: none;
				}

.quadrat.textonly .quadrat-inner
				{
				padding: 20px;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: center;
				}

.tile
				{
				margin-bottom: 30px;
				}

.tile .quadrat
				{
				background: #b6beac;
				}

.tile.tile-yellow .quadrat
				{
				background: #F8D259;
				}

.tile.tile-dark .quadrat
				{
				background: #898F7B;
				}

.tile.tile-orange .quadrat
				{
				background: #F4B251;
				}
				
.tile .quadrat .quadrat-inner
				{
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 40px;
				box-sizing: border-box;
				}
				
.tile .quadrat .quadrat-inner .details
				{
				opacity: 0;
				position: absolute;
				top:0;
				left: 0;
				width: 100%;
				height: 100%;
				background: none;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 40px;
				box-sizing: border-box;
				transition: all 500ms;
				}

.tile .quadrat h3
				{
				opacity: 1;
				transition: all 500ms;
				}
				
.tile .quadrat .quadrat-inner .details p
				{
				font-size: 1.2rem;
				color: #000;
				}

.tile .quadrat:Hover h3
				{
				opacity: 0;
				}

.tile .quadrat:Hover .details
				{
				opacity: 1;
				}

.tiles-image
				{
				background-color: rgba(255,255,255,.3);
				background-position: center center;
				background-size: auto 80%;
				}

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

.flex-three
				{
				width: 104%;
				margin-left: -2%;
				}

.three
				{
				position: relative;
				display: inline-block;
				}

.flex-teaser .three,
.flex-wrapper.flex-three.flex-top .three
				{
				width: 31.33%;
				margin: 0 1% 80px 1%;
				padding-bottom: 20px;
				}

.flex-wrapper.flex-three.flex-top
				{
				align-items: flex-start;
				}

.flex-wrapper.flex-three.flex-top .three:last-child
				{
				padding-top: 80px;
				}

.flex-wrapper.centered .three
				{
				width: 33.33%;
				}

a.icon-link
				{
				display: inline-block;
				padding-top: 70px;
				background-position: center top;
				background-size: 50px auto;
				}

a.icon-link:Hover
				{
				background-size: 60px auto;
				}

.image-wrapper
				{
				width: 100%;
				position: relative;
			    padding-top: 60%;
			    height: 0;
			    overflow: hidden;
				background-position: center;
				background-size: 100% auto;
				transition: all 500ms;
				}
/*
.news .image-wrapper
				{
				background-color: #FFF;
				}
*/
.image
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}

.store-logos
				{
				width: 140px;
				height: auto;
				}

.image-wrapper.circle-bg
				{
			    padding-top: 100%;
				background-image: url('/fileadmin/user_upload/circle.svg');
				background-size: cover;
				margin: 120px 0;
				overflow: visible;
				}

.image-wrapper.circle-bg .image
				{
				display: flex;
				align-items: center;
				justify-content: center;
				}

.image-wrapper.circle-bg img.circle-img
				{
				position: absolute;
				max-width: 60%;
				max-height: 80%;
				opacity: 0;
				transition: all 500ms;
				}

.image-wrapper.circle-bg img.circle-img.active
				{
				opacity: 1;
				}

.overlay-head
				{
				position: absolute;
				z-index: 10;
				left: 0;
				top:0;
				}

/*
.image-wrapper .overlay-head
				{
				margin: 50px 0 0 40px;
				}
*/
.three .image-wrapper
				{
				margin-bottom: 12px;
				}

.three h6
				{
				font-size: .8rem;
				margin-bottom: 10px;
				}

.three .three-bottom
				{
				position: absolute;
				bottom: 0;
				width: 100%;
				padding-bottom: 4px;
				border-bottom: 1px solid #000;
				transition: all 500ms;
				}

.three .three-bottom span,
.author span
				{
				font-size: .8rem;
				font-weight: 400;
				display: inline-block;
				transition: all 500ms;
				}

.three .three-bottom span.link
				{
				display: block;
				background-size: 12px;
				background-image: url('../images/icons/arrow.svg');
				background-position: right center;
				transition: all 500ms;
				}

a.three:Hover .image-wrapper
				{
				background-size: 110% auto;
				}

a.three:Hover .three-bottom
				{
				border-bottom: 1px solid #b6beac;
				}

span.category
				{
				font-size: .8rem;
				font-weight: 400;
				display: inline-block;
				margin-right: 20px;
				padding-left: 22px;
				background-size: 14px;
				background-image: url('../images/icons/tag.svg');
				background-position: left center;
				}

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

a.back
				{
				font-size: .8rem;
				display: block;
				padding-left: 22px;
				padding-bottom: 4px;
				border-bottom: 1px solid #000;
				background-size: 12px;
				background-image: url('../images/icons/arrow-back.svg');
				background-position: left center;
				margin-bottom: 80px;
				}

a.back:Hover
				{
				padding-left: 28px;
				padding-bottom: 4px;
				border-bottom: 1px solid #b6beac;
				background-image: url('../images/icons/arrow-back.svg');
				}

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

ul.slick-dots
				{
				margin: 0!important;
				}

ul.slick-dots li
				{
				padding: 0!important;
				margin: 0!important;
				background-image: none!important;
				}

.slick-next,
.slick-prev
				{
				width: 30px;
				height: 30px;
				z-index: 999;
				}

.slick-prev
				{
				left: 20px;
				}
				
.slick-next
				{
				right: 20px;
				}

.slick-prev:before,
.slick-next:before
				{
				content: '';
				display: block;
				width: 30px;
				height: 30px;
				background-position: center center;
				background-size: cover;
				background-repeat: no-repeat;
				}
/*
.slick-prev:before
				{
				background-image: url('../images/icons/arrow-l.svg');
				}

.slick-next:before
				{
				background-image: url('../images/icons/arrow-r.svg');
				}
*/

ul.f3-widget-paginator li
				{
				display: inline;
				padding: 0!important;
				background: none!important;
				margin: 0 10px;
				}

ul.f3-widget-paginator li,
ul.f3-widget-paginator li a
				{
				font-size: .9rem!important;
				}

ul.f3-widget-paginator li
				{
				color: #89907b;
				}

ul.f3-widget-paginator li a
				{
				color: #000;
				}

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

#id_overlay
				{
				display: none;
				position: fixed;
				z-index: 998;
				width:100%;
				height: 100vh;
				left: 0;
				top:0;
				background-color: rgba(0,0,0,.6);
				}

#id_configurator_wrapper
				{
				position: fixed;
				z-index: 1001;
				width:460px;
				height: 100vh;
				right: -460px;
				top:0;
				box-sizing: border-box;
				padding: 30px;
				transition: all 500ms;
				/*right: 0;*/
				}

body.configurator #id_configurator_wrapper
				{
				right: 0;
				}

#id_configurator_actions
				{
				position: fixed;
				z-index: 1010;
				box-sizing: border-box;
				width: 460px;
				padding: 20px;
				/*background-color: #f5f0ec;*/
				background-color: rgba(245,240,236,.85);
				bottom: 0;
				box-sizing: border-box;
				justify-content: space-between;
				}

#id_configurator_button
				{
				position: absolute;
				z-index: 1050;
				box-sizing: border-box;
				top:50%;
				left: -117px;
				width:200px;
				transform-origin: center center;
				transform: rotate(-90deg);
				}

#id_configurator_button a
				{
				display: inline-block;
				padding: 6px 10px;
				width:100%;
				height: 24px;
				text-transform: uppercase;
				/*letter-spacing: .1em;*/
				background-color: #f4b351;
				font-weight: 400;
				display: flex;
				align-items: center;
				justify-content: center;
				-webkit-border-radius: 6px 6px 0 0;
				-moz-border-radius: 6px 6px 0 0;
				border-radius: 6px 6px 0 0;
				}

#id_configurator_button a:Hover
				{
				background-color: #f5f0ec;
				}

.configurator #id_configurator_button a,
.configurator #id_configurator_button a:Hover
				{
				background-color: #f5f0ec;
				}

.configurator #id_configurator_button a:Hover
				{
				color: #f4b351;
				}

button
				{
				border: none;
				}

#id_configurator
				{
				position: absolute;
				z-index: 1002;
				top:0;
				right: 0;
				width:460px;
				height: 100vh;
				box-sizing: border-box;
				background-color: #f5f0ec;
				overflow: auto;
				}

#id_configurator_inner
				{
				position: relative;
				padding: 30px 30px 130px 30px;
				height: 100%;
				}

#id_configurator h6,
#id_configurator h6 span
				{
				font-weight: 500;
				}

#id_configurator_status
				{
				margin-bottom: 30px;
				}

.configurator-block
				{
				padding: 20px 0;
				border-bottom: 1px solid #000;
				margin-bottom: 20px;
				}

.configurator-block span
				{
				display: inline-block;
				}
				
.configurator-status
				{
				width: 29.33%;
				margin: 0 2%;
				height: 2px;
				background: #b4b2b1;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				}

.configurator-status.active
				{
				background: #f4b351;
				}

#id_configurator_map #map
				{
				height: 340px;
				}

#id_types
				{
				justify-content:space-between;
				}

.type
				{
				width: 18%;
				text-align: center;
				}

.type span
				{
				font-size: .75rem;
				font-weight: 500;
				text-align: center;
				}

#id_step_content_wrapper
				{
				overflow-x: hidden;
				width: 100%;
				}

#id_step_content
				{
				width: 400%;
				display: flex;
				flex-wrap: wrap;
				}

.step-content
				{
				width: 25%;
				padding-bottom: 120px;
				}

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

.circle
				{
				height: 0;
				overflow: hidden;
				padding-top: 100%;
				background-color: #FFF;
				position: relative;
				background-position: center center;
				background-size: 80% auto;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				transition: all 500ms;
				}
				
.circle .circle-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}

.configurator-block .circle
				{
				margin-bottom: 10px;
				}

.configurator-block a:Hover .circle,
.configurator-block a.active .circle
				{
				background-color: #f4b351;
				}

.configurator-block a.active
				{
				cursor: default;
				}

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

h6.info
				{
				display: block;
				width: 100%;
				}

.info:Hover
				{
				cursor: help;
				}

h6.info span
				{
				width: auto;
				padding-right: 22px;
				background-image: url('../images/icons/info.svg');
				background-size: 14px 14px;
				background-position: right bottom +4px;
				}

.dot
				{
				display: inline-block;
				position: absolute!important;
				z-index: 1;
				width: 20px;
				height: 20px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				background: rgba(248, 210, 89, 1);
				box-shadow: 0 0 0 rgba(248, 210, 89, 1);
				animation: pulsing 2s infinite;
				transition: all 0.2s;
				cursor: pointer;
				}

.dot:hover
				{
				background: rgba(244, 178, 81, 0.65);
				box-shadow: 0 0 0 rgba(244, 178, 81, 0);
				}

@keyframes pulsing {
  from {
    box-shadow: 0 0 0 0 rgba(248, 210, 89, 1);;
  }
  70% {
    box-shadow: 0 0 0 30px rgba(244, 178, 81, 0);
  }
  to {
    box-shadow: 0 0 0 0 rgba(244, 178, 81, 0);
  }
}

.zindex1001
				{
				z-index: 1001;
				}

.zindex1002
				{
				z-index: 1002;
				}

[tooltip]
				{
				position: relative;
				}

[tooltip]::before,
[tooltip]::after
				{
				text-transform: none;
				font-size: .9em;
				line-height: 1.2em;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				pointer-events: none;
				position: absolute;
				display: none;
				opacity: 0;
				}

[tooltip]::before
				{
				content: '';
				border: 5px solid transparent;
				z-index: 1001;
				}

[tooltip]::after
				{
				content: attr(tooltip);
				width: 100%;
				min-width: 300px;
				padding: 10px;
				box-sizing: border-box;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
				box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
				background: #414342;
				color: #fff;
				z-index: 1000;
				}

[tooltip]:hover::before,
[tooltip]:hover::after
				{
				display: block;
				}
				
[tooltip='']::before,
[tooltip='']::after
				{
				display: none !important;
				}
				
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before
				{
				bottom: 100%;
				border-bottom-width: 0;
				border-top-color: #333;
				}
				
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after
				{
				bottom: calc(100% + 5px);
				}
				
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after
				{
				transform: translate(-50%, -.5em);
				left: 10px;
				}
				
[tooltip][flow^="down"]::before
				{
				top: 100%;
				border-top-width: 0;
				border-bottom-color: #333;
				}
				
[tooltip][flow^="down"]::after
				{
				top: calc(100% + 5px);
				}
				
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after
				{
				left: 50%;
				transform: translate(-50%, .5em);
				}

[tooltip][flow^="left"]::before
				{
				top: 50%;
				border-right-width: 0;
				border-left-color: #333;
				left: calc(0em - 5px);
				transform: translate(-.5em, -90%);
				}
				
[tooltip][flow^="left"]::after
				{
				top: 50%;
				right: calc(100% + 5px);
				transform: translate(-.5em, -90%);
				}

[tooltip][flow^="right"]::before
				{
				top: 50%;
				border-left-width: 0;
				border-right-color: #333;
				right: calc(0em - 5px);
				transform: translate(.5em, -90%);
				}
				
[tooltip][flow^="right"]::after
				{
				top: 50%;
				left: calc(100% + 5px);
				transform: translate(.5em, -90%);
				}

@-webkit-keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -90%);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -90%);
  }
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after
				{
				-webkit-animation: tooltips-vert 300ms ease-out forwards;
				animation: tooltips-vert 300ms ease-out forwards;
				animation-delay: 800ms;
				}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after
				{
				-webkit-animation: tooltips-horz 300ms ease-out forwards;
				animation: tooltips-horz 300ms ease-out forwards;
				}

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


#id_page
				{
				width:100%;
				margin: auto;
				}

#id_top_bar
				{
				position: fixed;
				width: 100%;
				z-index: 999;
				margin-top: 0;
				transition: all 500ms;
				}

.up #id_top_bar
				{
				margin-top: 0;
				background-color: rgba(0,0,0,.9);
				}

.down #id_top_bar
				{
				margin-top: -100px;
				}

.ontop #id_top_bar
				{
				margin-top: 0!important;
				background-color: rgba(0,0,0,0);
				}

.over #id_top_bar
				{
				margin-top: 0!important;
				background-color: rgba(0,0,0,.9);
				}

#id_top_bar .inner
				{
				display: flex;
				align-content: space-between;
				flex-wrap: wrap;
				align-items: center;
				width: 100%;
				justify-content: space-between;
				padding: 10px 0;
				transition: all 500ms;
				}

#id_ci_wrapper #id_ci
				{
				display: inline-block;
				width: 160px;
				height: 36px;
				background-image: url('../images/ci/sunvigo.svg');
				background-repeat: no-repeat;
				-webkit-background-size: 160px 36px;
				-moz-background-size: 160px 36px;
				-o-background-size: 160px 36px;
				background-size: 160px 36px;
				transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				transition: background-image 500ms;
				}


body.dark #id_ci_wrapper #id_ci,
body.index #id_ci_wrapper #id_ci
				{
				background-image: url('../images/ci/sunvigo-black.svg');
				background-repeat: no-repeat;
				-webkit-background-size: 160px 36px;
				-moz-background-size: 160px 36px;
				-o-background-size: 160px 36px;
				background-size: 160px 36px;
				transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				transition: background-image 500ms;
				}


body.dark.up #id_ci_wrapper #id_ci
				{
				background-image: url('../images/ci/sunvigo.svg');
				background-repeat: no-repeat;
				-webkit-background-size: 160px 36px;
				-moz-background-size: 160px 36px;
				-o-background-size: 160px 36px;
				background-size: 160px 36px;
				transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				transition: background-image 500ms;
				}


body.dark.up.ontop #id_ci_wrapper #id_ci,
body.index.up.ontop #id_ci_wrapper #id_ci
				{
				background-image: url('../images/ci/sunvigo-black.svg');
				background-repeat: no-repeat;
				-webkit-background-size: 160px 36px;
				-moz-background-size: 160px 36px;
				-o-background-size: 160px 36px;
				background-size: 160px 36px;
				transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				transition: background-image 500ms;
				}

body.dark.up.over #id_ci_wrapper #id_ci,
body.index.up.over #id_ci_wrapper #id_ci
				{
				background-image: url('../images/ci/sunvigo.svg');
				background-repeat: no-repeat;
				-webkit-background-size: 160px 36px;
				-moz-background-size: 160px 36px;
				-o-background-size: 160px 36px;
				background-size: 160px 36px;
				transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				transition: background-image 500ms;
				}

body.menu #id_ci_wrapper #id_ci
				{
				background-image: url('../images/ci/sunvigo.svg');
				background-repeat: no-repeat;
				-webkit-background-size: 160px 36px;
				-moz-background-size: 160px 36px;
				-o-background-size: 160px 36px;
				background-size: 160px 36px;
				transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				transition: background-image 500ms;
				}

#id_top_bar #id_menu ul li
				{ 
				position: relative;
				display: inline;
				margin: 0 0 0 40px;
				}

#id_top_bar #id_menu ul li a
				{
				position: relative;
				display: inline-block;
				font-weight: 400;
				font-size: 1.1rem;
				color: #FFF;
				}

#id_top_bar #id_menu ul li a:before,
#id_footer a:before,
.content-navi ul li a:before
				{
				content: "";
				position: absolute;
				width: 100%;
				height: 1px;
				bottom: 0;
				left: 0;
				background-color: #FFF;
				visibility: hidden;
				transform: scaleX(0);
				transition: all 500ms;
				}
			
#id_top_bar #id_menu ul li a:hover:before,
#id_top_bar #id_menu ul li a.active:before,
#id_footer a:hover:before,
#id_top_bar #id_meta ul li a:Hover:before,
#id_top_bar #id_meta ul li a.active:before,
.content-navi ul li a:hover:before,
.content-navi ul li a.active:before
				{
				visibility: visible;
				transform: scaleX(1);
				}
/*
#id_top_bar #id_menu ul li.active ul li a:before
				{
				visibility: hidden;
				transform: scaleX(0);
				}

#id_top_bar #id_menu ul li.active ul li a:hover:before
				{
				visibility: visible;
				transform: scaleX(1);
				}
*/
#id_menu_btn
				{
				display: none;
				}
	
#id_footer a:before,
body.dark #id_top_bar #id_menu ul li a:before,
.content-navi ul li a:before
				{
				background-color: #000;
				}

body.dark #id_top_bar #id_menu ul li a,
.content-navi ul li a
				{
				color: #000;
				}

body.dark.up #id_top_bar #id_menu ul li a
				{
				color: #FFF;
				}

body.dark.up #id_top_bar #id_menu ul li a:before
				{
				background-color: #FFF;
				}

body.dark.up.ontop #id_top_bar #id_menu ul li a,
body.index.ontop #id_top_bar #id_menu ul li a,
body.index.up.ontop #id_top_bar #id_menu ul li a
				{
				color: #000;
				}

body.dark.up.ontop #id_top_bar #id_menu ul li a:before,
body.index.ontop #id_top_bar #id_menu ul li a:before,
body.index.up.ontop #id_top_bar #id_menu ul li a:before
				{
				background-color: #000;
				}

body.dark.up.over #id_top_bar #id_menu ul li a,
body.index.up.over #id_top_bar #id_menu ul li a
				{
				color: #FFF;
				}

body.dark.up.over #id_top_bar #id_menu ul li a:before,
body.index.up.over #id_top_bar #id_menu ul li a:before
				{
				background-color: #FFF;
				}
				
/* ------------------------------------------------------------------------------------------------------------ */

#id_menu ul ul
				{
				display:none;
				position: absolute;
				top:100%;
				left:0;
				padding:10px 0 0 0;
				z-index: 9999999;
				}
				
#id_menu ul ul li
				{
				text-align: left;
				margin: 0!important;
				width:300px;
				}
				
#id_menu ul ul a
				{
				text-align: left;
				line-height:120%;
				display: block;
				font-size: 1rem;
				padding: 5px 0;
				text-decoration: none;
				white-space: nowrap;
				}
				
#id_menu ul ul a:Hover,
#id_menu ul ul a.active
				{
				}
				
#id_menu ul li:hover > ul
				{
				display:block;
				}

#id_menu_btn
				{
				display: none;
				}
				
/* ------------------------------------------------------------------------------------------------------------ */

#id_content
				{
				width:100%;
				}

.module
				{
				position: relative;
				padding: 80px 0;
				background-position: center center;
				background-size: cover!important;
				z-index: 2;
				overflow: hidden;
				background: #f5f0ec;
				}

.module.no-padding
				{
				padding: 0;
				}
				
.module.green
				{
				background: #b6beac;
				}

.module.contact
				{
				padding: 60px 0;
				}

.inner
				{
				position: relative;
				max-width:1240px;
				margin: auto;
				}

.module.intended
				{
				padding: 30px 0;
				}

.module.contact .inner
				{
				max-width:640px;
				}

.module.intended .inner,
.module .inner .full-form
				{
				max-width:860px;
				margin: auto;
				}

.module.intended .inner p:last-child
				{
				margin: 0;
				}

.single-quote
				{
				margin-left: -30px;
				padding-left: 30px;
				border-left: 4px solid #b6beac;
				}

.single-quote h3
				{
				font-style: italic;
				font-weight: 300;
				}

.inner-right
				{
				width:100%;
				max-width:620px;
				float: right;
				padding-right: 10%;
				box-sizing: border-box;
				}

.inner-left
				{
				max-width:620px;
				float: left;
				padding-left: 10%;
				box-sizing: border-box;
				}

.fifty-full-wrapper
				{
				padding: 80px 0;
				}

.fifty-full-wrapper .inner-left,
.fifty-full-wrapper .inner-right
				{
				padding-top: 60px;
				padding-bottom: 60px;
				}

.twentyfive
				{
				width: 25%;
				}

.thirty
				{
				width: 30%;
				}

.fourty
				{
				width: 40%;
				}

.parallax-fifty
				{
				width: 50%;
				}

.fifty
				{
				width: 50%;
				align-self: stretch;
				background-position: center center;
				background-size: 100% auto;
				}

.fifty.fifty-left
				{
				width: 47%;
				margin-right: 3%;
				}

.fifty.fifty-right
				{
				width: 47%;
				margin-left: 3%;
				}

.fifty.fifty-full.zoom
				{
				min-height: 600px;
				}

.sixty
				{
				width: 60%;
				}

.seventy
				{
				width: 66%;
				margin-left: 4%;
				}

.single-slider .slick-list
				{
				overflow: visible;
				}

.single-slider-item .fourty
				{
				width: 38%;
				margin-right: 2%;
				}

.single-slider-item .sixty
				{
				width: 52%;
				margin-right: 8%;
				}

.single-slider-item .sixty img
				{
				max-width: 240px;
				max-height: 40px;
				margin-bottom: 10px;
				}

.single-slider-item .fourty img
				{
				margin-bottom: 10px;
				}

.module.contact .inner .fifty-right
				{
				position: relative;
				}

.bottom
				{
				position: absolute;
				bottom: 0;
				width: 100%;
				}

.bottom p:last-child
				{
				margin: 0;
				}

.module.contact .bottom a
				{
				text-decoration: none;
				}

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

#id_scrollytelling
				{
				top:0;
				width: 100%;
				height: 500lvh;
				padding: 0;
				}

#id_scrollytelling #id_scrollytelling_scenes
				{
				position: fixed;
				left: 0;
				top:0;
				width: 100%;
				height: 100lvh;
				}

#id_scrollytelling #id_scrollytelling_scenes .scrollytelling-scene
				{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100lvh;
				z-index: 1;
				}

#id_scrollytelling #id_scrollytelling_scenes .scrollytelling-scene .inner
				{
				padding: 15% 0 0 0;
				opacity: 0;
				transition: all 1000ms;
				}

#id_scrollytelling #id_scrollytelling_scenes .scrollytelling-scene .inner.in
				{
				padding: 8% 0 0 0;
				opacity: 1;
				}
/*
#id_scrollytelling #id_scrollytelling_scenes .scrollytelling-scene .inner *
				{
				color: #FFF;
				}

#id_scrollytelling #id_scrollytelling_scenes #id_scene_2.scrollytelling-scene .inner *,
#id_scrollytelling #id_scrollytelling_scenes #id_scene_3.scrollytelling-scene .inner *,
#id_scrollytelling #id_scrollytelling_scenes #id_scene_4.scrollytelling-scene .inner *
				{
				color: #000;
				}
*/

#id_scrollytelling #id_scrollytelling_scenes .scrollytelling-scene .inner *
				{
				color: #000;
				}

#id_scrollytelling #id_scrollytelling_scenes #id_scene_2.scrollytelling-scene .inner *
				{
				color: #FFF;
				}

#id_scrollytelling h1.scrollytelling-head,
#id_scrollytelling h2.scrollytelling-head
				{
				line-height: 1em;
				}

.scrollytelling-scene img,
.scrollytelling-scene video,
#id_scene_1 #id_first_image_wrapper,
.scrollytelling-scene canvas
				{
				position: fixed;
				top: 50%;
				left: 50%;
				min-width: 100%;
				min-height: 100%;
				max-width: none;
				max-height: none;
				width: auto;
				height: auto;
				z-index: -100;
				transform: translateX(-50%) translateY(-50%);
				transition: 1s opacity;
				}
				
.scrollytelling-scene canvas
				{
				width: 100%;
				height: 100%;
				image-rendering: optimizespeed;
				}
				
/*				
#id_scene_1 #id_first_image_wrapper
				{
				background-position: center center;
				background-attachment: fixed;
				}
#id_scene_1 img
				{
				width: 120%;
				}
*/
#id_scroll
				{
				position: absolute;
				bottom: 60px;
				left: 50%;
				margin-left: -20px;
				display: inline-block;
				z-index: 1000;
				opacity: 0;
				width: 40px;
				height: 40px;
				background-position: center center;
				background-size: cover;
				background-image: url('../images/icons/scroll.svg');
				-moz-animation: bounce 2s infinite;
				-webkit-animation: bounce 2s infinite;
				animation: bounce 2s infinite;
				transition: all 500ms;
				}

.scrollytelling #id_scroll
				{
				opacity: 1;
				}

@keyframes bounce
				{
					0%, 20%, 50%, 80%, 100%
					{
						transform: translateY(0);
					}
					40%
					{
						transform: translateY(-20px);
					}
					60%
					{
						transform: translateY(-10px);
					}
				}	

#id_scrollytelling #id_scrollytelling_scenes #id_scene_4.scrollytelling-scene .inner
				{
				padding: 0!important;
				opacity: 1!important;
				height: 100vh;
				}

#id_scrollytelling #id_scrollytelling_scenes #id_scene_4.scrollytelling-scene .inner .fifty
				{
				position: absolute;
				left: 0;
				}

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

.accordeon
				{
				background: none!important;
				padding: 0!important;
				margin: 0!important;
				border-top: 1px solid #000;
				}
				
.accordeon li
				{
				position: relative;
				background: none!important;
				padding: 0!important;
				margin: 0;
				border-bottom: 1px solid #000;
				}
/*		
.accordeon li:last-child
				{
				border-bottom: none;
				}
*/				
.accordeon li input[type=checkbox].accordeon-checkbox
				{
				position: absolute;
				cursor: pointer;
				width: 100%;
				height: 100%;
				max-height: 60px;
				z-index: 1;
				opacity: 0;
				}

.accordeon.accordeon-with-checkboxes li input[type=checkbox].accordeon-checkbox
				{
				width:80px;
				right: 0;
				}

.accordeon.accordeon-with-checkboxes  .radio-checkbox-wrapper
				{
				margin-bottom: 0;
				}
		
.accordeon a.accordeon-link
				{
				width: 100%;
				box-sizing: border-box;
				background-image: url('../images/icons/arrow-up.svg');
				background-position: right center;
				background-size: 20px;
				padding: 15px 0;
				display: block;
				margin-bottom: 0;
				transition: all 500ms;
				}

.accordeon .accordeon a.accordeon-link
				{
				}

		
.accordeon div.content
				{
				position: relative;
				overflow: hidden;
				max-height: 9999px;
				opacity: 1;
				transform: translate(0, 0);
				margin-top: 1px;
				z-index: 2;
				transition: all 0.25s ease-in-out;
				padding: 0;
				box-sizing: border-box;
				margin-bottom: 1px;
				}

		
.accordeon li input[type=checkbox].accordeon-checkbox:checked ~ a.accordeon-link
				{
				background-image: url('../images/icons/arrow-down.svg');
				box-sizing: border-box;
				padding-right: 50px;
				}
				
.accordeon li input[type=checkbox].accordeon-checkbox:checked ~ div.content
				{
				margin-top: 0;
				max-height: 0;
				opacity: 0;
				padding-bottom: 0;
				transform: translate(0, 50%);
				}
				
.accordeon div.content div.content-inner
				{
				padding: 20px 0;
				box-sizing: border-box;
				}

.accordeon.accordeon-with-checkboxes div.content div.content-inner
				{
				padding: 0;
				}

.accordeon.accordeon-with-checkboxes .accordeon div.content div.content-inner
				{
				padding: 10px 0 10px 60px;
				}

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

.jobs-wrapper
				{
				border-top: 1px solid #000;
				}

.jobs-wrapper .job
				{
				display: block;
				border-bottom: 1px solid #000;
				padding: 20px 60px 20px 0;
				background-size: 20px;
				background-image: url('../images/icons/arrow.svg');
				background-position: right 30px;
				transition: all 500ms;
				}

.jobs-wrapper .job h3
				{
				font-weight: 300;
				font-size: 1.8rem;
				margin-bottom: 10px;
				}

.jobs-wrapper .job p
				{
				margin-bottom: 0;
				}

.jobs-wrapper a.job:Hover
				{
				border-bottom: 1px solid #b6beac;
				background-position: right 10px top 30px;
				}

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

.box
				{
				background-color: #FFF;
				-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15); 
				box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
				box-sizing: border-box;
				padding: 30px;
				}

.box h3
				{
				font-size: 1.7rem;
				padding-bottom: 14px;
				border-bottom: 1px solid #f4b351;
				}

.box ul
				{
				margin-bottom: 0!important;
				}

.box ul li
				{
				padding-left: 0!important;
				padding-bottom: 15px;
				border-bottom: 1px dotted #000;
				margin-bottom: 15px!important;
				}

.box ul.check li
				{
				background-image: url('../images/icons/check.svg')!important;
				background-position: left 6px;
				background-size: 16px;
				padding-left: 26px!important;
				}

.box ul li:last-child
				{
				padding-bottom: 0!important;
				border-bottom: none;
				margin-bottom: 0!important;
				}

.fifty.fifty-left .box,
.fifty.fifty-right .box
				{
				height: 100%;
				}

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

.frame-space-before-extra-small,
.frame-space-after-extra-small
				{
				height: 1rem;
				}

.frame-space-before-small,
.frame-space-after-small
				{
				height: 2rem;
				}

.frame-space-before-medium,
.frame-space-after-medium
				{
				height: 3rem;
				}

.frame-space-before-large,
.frame-space-after-large
				{
				height: 4rem;
				}

.frame-space-before-big,
.frame-space-after-big
				{
				height: 5rem;
				}

.frame-space-before-extra-big,
.frame-space-after-extra-big
				{
				height: 6rem;
				}

.space-margin.frame-space-before-extra-small,
.space-margin.frame-space-before-small,
.space-margin.frame-space-before-medium,
.space-margin.frame-space-before-large,
.space-margin.frame-space-before-big,
.space-margin.frame-space-before-extra-big,
.space-margin.frame-space-after-extra-small,
.space-margin.frame-space-after-small,
.space-margin.frame-space-after-medium,
.space-margin.frame-space-after-large,
.space-margin.frame-space-after-big,
.space-margin.frame-space-after-extra-big
				{
				height: auto;
				}

.space-margin.frame-space-before-extra-small
				{
				padding-top: 1rem;
				}

.space-margin.frame-space-before-small
				{
				padding-top: 2rem;
				}

.space-margin.frame-space-before-medium
				{
				padding-top: 3rem;
				}

.space-margin.frame-space-before-large
				{
				padding-top: 4rem;
				}

.space-margin.frame-space-before-big
				{
				padding-top: 5rem;
				}

.space-margin.frame-space-before-extra-big
				{
				padding-top: 6rem;
				}	

.space-margin.frame-space-after-extra-small
				{
				padding-bottom: 1rem;
				}

.space-margin.frame-space-after-small
				{
				padding-bottom: 2rem;
				}

.space-margin.frame-space-after-medium
				{
				padding-bottom: 3rem;
				}

.space-margin.frame-space-after-large
				{
				padding-bottom: 4rem;
				}

.space-margin.frame-space-after-big
				{
				padding-bottom: 5rem;
				}

.space-margin.frame-space-after-extra-big
				{
				padding-bottom: 6rem;
				}

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

/*
form
				{
				margin-bottom: 80px;
				}
*/

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
textarea
				{
				width: 100%;
				box-sizing: border-box;
				padding: 15px;
				background: #FFF;
				border: none;
				margin-bottom: 25px;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
				}

textarea
				{
				height: 200px;
				}

select
				{
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				border:none;
				border-radius: 0;
				font-size: 1em;
				width:100%;
				box-sizing: border-box;
				border: none;
				padding: 16px 15px;
				box-shadow: none;
				background-color:#FFF;
				background-image:url('../images/icons/select.svg');
				background-size: 14px;
				background-position: right 10px center;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
				margin-bottom: 10px;
				}

.green input[type="text"],
.green input[type="tel"],
.green input[type="number"],
.green input[type="email"],
.green textarea
				{
				background: #c8cfc1;
				}

::-webkit-input-placeholder,
::-webkit-input-placeholder
				{
				color: #000;
				}

:-ms-input-placeholder,
:-ms-input-placeholder
				{
				color: #000;
				}

::placeholder,
::placeholder
				{
				color: #000;
				}
				
.input-wrapper
				{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				padding: 0;
				}
				
.input-small
				{
				width: 25%!important;
				}
				
.input-big
				{
				width: 70%!important;
				}

.radio-image-wrapper
				{
				margin: 0;
				}

.radio-image
				{
				float: left;
				margin: 0 4px 10px 0;
				}

label span
				{
				margin-bottom: 0;
				}

.input-hidden
				{
				position: absolute;
				left: -9999px;
				}
				
.radio-checkbox-wrapper
				{
				width: 100%;
				margin-bottom: 20px;
				}
			
#id_configurator .radio-checkbox-wrapper
				{
				margin-bottom: 10px;
				}

.radio-checkbox-wrapper label
				{
				width: 25%;
				box-sizing: border-box;
				display: inline-block;
				position: relative;
				padding-left: 28px;
				font-size: .85rem;
				margin: 0;
				cursor: pointer;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				float: left;
				}

.radio-checkbox-wrapper label a
				{
				text-decoration: underline;
				}

.radio-checkbox-wrapper.checkbox-wrapper label,
.radio-checkbox-wrapper.radio-wrapper label
				{
				width: 100%;
				padding-bottom: 1px;
				}
				
.radio-checkbox-wrapper.selection
				{
				margin: 0;
				}
				
.radio-checkbox-wrapper.selection label
				{
				width: 50%;
				}
	
.radio-checkbox-wrapper.radio-wrapper label
				{
				margin: 10px 0;
				}	
			
.radio-checkbox-wrapper input
				{
				position: absolute;
				opacity: 1;
				cursor: pointer;
				height: 1px;
				width: 1px;
				left: .01;
				top:25px;
				opacity: 0;
				}
				
.radio-checkbox-wrapper .checkmark
				{
				position: absolute;
				top: -2px;
				left: 0;
				height: 20px;
				width: 20px;
				border: 1px solid #000;
				background-color: #FFF;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				transition: 500ms all;
				}
				
.radio-checkbox-wrapper :hover input ~ .checkmark
				{
				border: 1px solid #000;
				}
				
.radio-checkbox-wrapper  input:checked ~ .checkmark
				{
				border: 1px solid #000;
				/*box-shadow: 0 0 3px 3px #CCC;*/
				}
				
.radio-checkbox-wrapper .checkmark:after
				{
				content: "";
				position: absolute;
				display: none;
				}
				
.radio-checkbox-wrapper  input:checked ~ .checkmark:after
				{
				display: block;
				}
				
.radio-checkbox-wrapper .checkmark:after
				{
				top: 5px;
				left: 5px;
				width: 10px;
				height: 10px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				background: #f4b351;
				}
				
.radio-checkbox-wrapper .checkmark.checkmark-checkbox
				{
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				}

.radio-checkbox-wrapper .checkmark.checkmark-checkbox:after
				{
				top: 5px;
				left: 5px;
				width: 10px;
				height: 10px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				}

.form-check span.required,
p#errmessage
				{
				display: none;
				}

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

.trust-item
				{
				padding-right: 30px;
				box-sizing: border-box;
				}

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

#id_footer
				{
				background: #89907b;
				position: relative;
				z-index: 2;
				}

#id_footer *
				{
				position: relative;
				font-size: .95rem;
				font-weight: 400;
				text-decoration: none;
				}

#id_footer .inner
				{
				padding: 80px 0 60px 0;
				}

#id_footer_top
				{
				padding-bottom: 30px;
				border-bottom: 1px solid #000;
				margin-bottom: 15px;
				align-items: flex-start;
				}

#id_footer .footer-row
				{
				width: 26%;
				margin-right: 2%;
				padding-top: 12px;
				}

#id_footer .footer-row.footer-row-first
				{
				padding-top: 0;
				}

#id_footer .footer-row.footer-row-last
				{
				padding-top: 5px;
				}

#id_footer .footer-row.footer-row-last
				{
				width: 16%;
				margin-right: 0;
				}

#id_footer img
				{
				width: 160px;
				margin-bottom: 10px;
				}

#id_footer h5
				{
				font-weight: 500;
				}

#id_footer p
				{
				margin: 0;
				}

#id_footer .footer-row.footer-row-first p
				{
				padding-left: 32px;
				}

#id_footer ul
				{
				list-style: none;
				margin: 0 0 30px 0;
				}

#id_footer_bottom ul li,
ul.social-media li
				{
				display: inline;
				}

#id_footer ul li a
				{
				position: relative;
				}

#id_footer a:Hover
				{
				color: #000!important;
				}

#id_footer_bottom
				{
				display: flex;
				}

#id_footer_bottom *
				{
				font-size: .8rem;
				}

#id_footer_bottom #id_footer_bottom_left,
#id_footer_bottom #id_footer_bottom_right
				{
				width: 50%;
				}

#id_footer_bottom #id_footer_bottom_right ul,
ul.social-media
				{
				float: right;
				}

#id_footer_bottom #id_footer_bottom_right ul li
				{
				margin: 0 0 0 20px;
				}

ul.social-media li a:before
				{
				background: none!important;
				}

ul.social-media li
				{
				margin: 0 0 0 10px;
				}

ul.social-media li a
				{
				display: inline-block;
				width: 32px;
				height: 32px;
				background-position: center center;
				background-size: 26px;
				}

ul.social-media li a:Hover
				{
				background-size: 32px;
				}

ul.social-media li a.facebook
				{
				background-image:url('../images/social-media/facebook.svg');
				}

ul.social-media li a.instagram
				{
				background-image:url('../images/social-media/instagram.svg');
				}

ul.social-media li a.linkedin
				{
				background-image:url('../images/social-media/linkedin.svg');
				}

ul.social-media li a.youtube
				{
				background-image:url('../images/social-media/youtube.svg');
				}		
/* ------------------------------------------------------------------------------------------------------------ */

.content-navi
				{
				margin: 80px 0;
				}

.detail
				{
				margin: 50px 0;
				}

.content-navi ul
				{
				margin: 0!important;
				}

.content-navi ul li
				{
				color: #89907b;
				font-weight: 400!important;
				font-size: 1rem!important;
				display: inline;
				background-image: none!important;
				padding: 0!important;
				margin-right: 28px;
				}
				
.content-navi ul li a
				{
				position: relative;
				display: inline-block;
				font-weight: 400;
				font-size: 1rem!important;
				}

.detail
				{
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				padding: 10px 0;
				}

.detail .flex-wrapper
				{
				justify-content: space-between;
				}

.detail span.category
				{
				margin-left: 20px;
				margin-right: 0;
				}

.author
				{
				display: flex;
				align-items: center;
				}

.author img
				{
				width: 50px;
				height: 50px;
				border-radius:50%;
				-moz-border-radius:50%;
				-webkit-border-radius: 50%;
				margin-right: 8px;
				}

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

#btn_top
				{
				display: inline-block;
				width: 40px;
				height: 40px;
				background-image: url('../images/icons/top.svg');
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				position: fixed;
				bottom: 10px;
				right: 10px;
				border-radius:50%;
				-moz-border-radius:50%;
				-webkit-border-radius: 50%;
				z-index: 10;
				transition: all 500ms;
				}

#btn_top:Hover
				{
				background-color: #FFF;
				}



@media (min-width: 768px) and (max-width: 1400px) and (orientation: landscape) {
	
	.parallax
				{
				position: relative;
				width: 100%;
				background-attachment: inherit;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				}

}

@media screen and (max-width: 1400px) {
	
	.inner
				{
				width: 90%;
				padding: 0 5%;
				}
				
	#id_top_bar .inner
				{
				width: 90%;
				padding: 10px 5%;
				}
				
	.overlay-head
				{
				left: 5%;
				}
				
	.fifty-full-wrapper .inner-left,
	.fifty-full-wrapper .inner-right
				{
				padding-left: 5%;
				}

}

@media screen and (max-width: 960px) {
	
	.parallax
				{
				position: relative;
				width: 100%;
				background-attachment: inherit;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				}
	
	.stoerer
				{
				right: 5%;
				top:120px;
				}
	
	.menu #id_top_bar
				{
				margin-top: 0!important;
				}
				
	/*
	background-color: inherit!important;
	*/
	#id_top_bar .inner,
	.scrollytelling #id_top_bar .inner
	/*,.reduced #id_top_bar .inner*/
				{
				padding: 15px 0;
				}

	#id_footer ul.footer-menu li
				{
				display: block;
				margin: 0 0 20px 0;
				}

	.module .inner p
				{
				max-width:100%;
				}
	
	h1,
	h2,
	#id_scrollytelling h1,
	#id_scrollytelling h2
				{
				font-size: 2rem;
				line-height: 1.2em;
				margin-bottom: 30px;
				}
				
	#id_scrollytelling h1 span,
	#id_scrollytelling h2 span
				{
				font-size: 2rem;
				line-height: 1.2em;
				}
	/*			
	h1 br,
	h2 br
				{
				display: none;
				}
	*/		
	h3
				{
				font-size: 1.4rem;
				line-height: 1.2em;
				margin-bottom: 20px;
				}
	
	h4,
	h5
				{
				font-size: 1.2rem;
				line-height: 1.4em;
				margin-bottom: 10px;
				}
	/*
	.slick-prev
				{
				left: 0;
				top:20%;
				}
				
	.slick-next
				{
				right: 0;
				top:20%;
				}
	*/
	
	.testimonial-big
				{
				max-width: 100%;
				}
	
	.same-height
				{
				min-height: 0;
				margin-bottom: 20px;
				}
	
	#id_page,
	#id_main,
	#id_top_bar,
	#id_content,
	.teaser,
	.thirty,
	.fourty,
	.parallax-fifty,
	.fifty,
	.sixty,
	.seventy,
	.three
				{
				display: block;
				float: none!important;
				width: 100%!important;
				padding: 0!important;
				margin-left: 0!important;
				margin-right: 0!important;
				max-width: 100%!important;
				}
	
	.fifty-full-wrapper
				{
				padding: 0;
				}
	
	.flex-wrapper.centered .three
				{
				margin: 0 0 30px 0!important;
				}
	
	.fourty.mobile-intended
				{
				padding: 0 20px!important;
				}
	
	.image-wrapper.circle-bg
				{
				margin: 80px 0 120px 0!important;
				}
	
	.circle-content-wrapper
				{
				min-height: 100px;
				}
		
	.bottom
				{
				position: relative;
				}
				
	.flex-teaser .three,
	.flex-wrapper.flex-three.flex-top .three
				{
    			width: 100%;
    			margin: 0 0 40px 0;
    			padding-bottom: 20px!important;
				}
	
	.flex-teaser .teaser
				{
				margin: 0;
				}
	
	.teaser

				{
				padding: 20px!important;
				margin-bottom: 10px!important;
				}
	
	.btn,
	form input[type="submit"]
				{
				}
	
	.module
				{
				width: 100%;
				padding: 40px 0;
				max-width: 100%;
				}
		
	form input[type="text"]
				{
				width: 100%;
				box-sizing: border-box;
				padding: 10px;
				}
	
	input[type="text"],
	input[type="number"],
	input[type="email"]
				{
				width: 100%;
				padding: 10px;
				}
	
	textarea
				{
				height: 70px;
				padding-top: 10px;
				}
	
	.radio-image input[type=radio] + label>img
				{
				width: 50px;
				height: 50px;
				}
				
	.radio-image span
				{
				width: 50px;
				}
				
	#id_footer li
				{
				margin-bottom: 15px!important;
				}
				
	.flex-wrapper.flex-teaser,
	.trust .flex-wrapper
				{
				width: 100%!important;
				margin-left: 0!important;
				}
				
	.fifty-full-wrapper .fifty
				{
				width: 95%!important;
				margin: 0 0 30px 5%!important;
				}
				
	.fifty-full-wrapper .fifty.fifty-full
				{
				height: 340px!important;
				}
	
	.five.slick-dotted.slick-slider
				{
				margin-bottom: 60px;
				}
		
	.teaser-wrapper
				{
				padding-bottom: 20px;
				}

	#id_menu_btn
				{
				display: inline-block;
				width: 32px;
				height: 32px;
				/*background-image: url('../images/icons/menu-white.svg');
				background-repeat: no-repeat;
				background-size: 32px 32px;
				transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);*/
				}
/*
	.menu #id_menu_btn
				{
				background-image: url('../images/icons/close-white.svg');
				background-size: 32px 32px;
				transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				}

	.dark #id_menu_btn
				{
				background-image: url('../images/icons/menu-black.svg');
				background-size: 32px 32px;
				transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				}
	
	.dark.up #id_menu_btn
				{
				background-image: url('../images/icons/menu-white.svg');
				background-size: 32px 32px;
				transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				}
	
	.dark.menu #id_menu_btn
				{
				background-image: url('../images/icons/close-white.svg');
				background-size: 32px 32px;
				transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				}
*/	
	#id_menu_btn .hamburger
				{
				margin-top: -6px;
				}
				
	#id_menu_btn .hamburger div
				{
				position: relative;
				width: 32px;
				height: 2px;
				background-color: #FFF;
				margin-top: 8px;
				transition: all 0.3s ease-in-out;
				}

	.dark #id_menu_btn .hamburger div,
	.index.ontop #id_menu_btn .hamburger div
				{
				background-color: #000;
				}

	.dark.up #id_menu_btn .hamburger div
				{
				background-color: #FFF;
				}

	.dark.menu #id_menu_btn .hamburger div,
	.index.menu #id_menu_btn .hamburger div
				{
				background-color: #FFF;
				}
				
				
				
				
				
				
	.menu #id_menu_btn .hamburger .top-bun
				{
				background-color: #FFF;
				transform: rotate(-45deg);
				margin-top: 18px;
				}
				
	.menu #id_menu_btn .hamburger .bottom-bun
				{
				background-color: #FFF;
				opacity: 0;
				transform: rotate(45deg);
				}
	
	.menu #id_menu_btn .hamburger .meat
				{
				background-color: #FFF;
				transform: rotate(45deg);
				margin-top: -2px;
				}
	
	
	#id_menu
				{
				position: fixed;
				width:100%;
				top:0;
				display: block;
				height: 100vh;
				padding: 20px;
				box-sizing: border-box;
				left: -100%;
				background: #000;
				z-index: -1;
				transition: all 500ms;
				}
	
	.menu #id_menu
				{
				left: 0;
				max-height: 100vh;
				overflow: auto;
				}
	
	#id_menu #id_menu_inner
				{
				padding: 100px 40px 20px 0;
				}
	
	#id_menu *
				{
				color: #FFF!important;
				}
	
	#id_menu a:before
				{
				background: none!important;
				}
	
	#id_menu ul li
				{
				display: block!important;
				padding: 12px 0!important;
				margin: 0!important;
				border-bottom: 1px solid #FFF;
				}
	
	#id_menu ul li a
				{
				font-size: 1.1rem;
				}
			
	#id_menu ul li span
				{
				display: block;
				width: 18px;
				height: 18px;
				background-image: url('../images/icons/plus.svg');
				background-position: center center;
				background-size: cover;
				position: absolute;
				top:14px;
				right: 0;
				}
				
	#id_menu ul ul
				{
				position: relative;
				padding: 10px 0 0 0;
				}
				
	#id_menu ul ul li
				{
				width:auto;
				border: none!important;
				padding: 5px 0!important;
				}
				
	#id_menu ul ul a
				{
				padding: 5px 0;
				}
	
	.flex-wrapper.mobile-switch
				{
				display: flex;
				flex-wrap: wrap-reverse;
				}
				
	.header .fifty.fifty-image
				{
				min-height: 300px;
				margin: 0!important;
				}
	
	.header .inner-right
				{
				width: 90%;
				margin: 0 5%;
				}
	
	.header .fifty .inner-right h1
				{
				padding: 40px 0;
				}
	
	.inner-right,
	.inner-left,
	.fifty-full-wrapper .inner-left,
	.fifty-full-wrapper .inner-right
				{
				max-width: initial;
				float: none;
				padding: 0 10% 0 0;
				box-sizing: border-box;
				}
				
	.overlay-head
				{
				position: relative;
				margin: 0;
				}
/*
	.image-wrapper .overlay-head
				{
				margin: 0;
				}*/
				
	/*		
	.overlay-head h2
				{
				font-size: 1rem;
				}
	*/

}

@media screen and (max-width: 576px) {
	
	h1,
	h2,
	#id_scrollytelling h1,
	#id_scrollytelling h2/*,
	#id_scrollytelling h1 span,
	#id_scrollytelling h2 span*/
				{
				font-size: 1.6rem;
				}
				
	#id_scrollytelling h1,
	#id_scrollytelling h2
				{
				font-weight: 400;
				}
				
	#id_scrollytelling h1 span,
	#id_scrollytelling h2 span
				{
				font-size: 1.3rem;
				font-weight: 300;
				}
	
	#id_scrollytelling h1.scrollytelling-head,
	#id_scrollytelling h2.scrollytelling-head
				{
				line-height: 1.2em;
				}
	
	h1 br,
	h2 br
				{
				display: none;
				}
	
	.overlay-head
				{
				left: 0;
				}
	
	.image-wrapper .overlay-head
				{
				left: 5%;
				}
	
	.testimonial-big h4
				{
				font-size: 1.4rem;
				}
	
	.module p,
	.parallax p,
	.module .inner ul li,
	.module td
				{
				font-size: 1.05rem;
				}
	/*
	.parallax .btn
				{
				background: #FFF!important;
				color: #000!important;
				}
	*/
	.parallax .btn.btn-configurator,
	.parallax .btn.btn-highlight
				{
				color: #000!important;
				background: #f4b351!important;
				}
	
	.only-mobile
				{
				display: block!important;
				}
	
	.not-mobile
				{
				display: none!important;
				}
	
	.module .inner
				{
				width: 85%;
				padding: 0 10% 0 5%;
				/*padding: 0;*/
				}
	
	#id_configurator_button a:Hover
				{
				background-color: #f4b351;
				}
	
	.btn,
	input[type="submit"]
				{
				font-size: 1rem;
				padding:12px 20px;
				}
	
	#id_scrollytelling
				{
				height: 420lvh;
				}
	
	.scrollytelling-scene img,
	.scrollytelling-scene video
				{
				width: 100%;
				}
	
	#id_scrollytelling #id_scrollytelling_scenes .scrollytelling-scene .inner,
	#id_scrollytelling #id_scrollytelling_scenes .scrollytelling-scene .inner.in
				{
				padding: 40% 0 0 0;
				}
				
	#id_scrollytelling #id_scrollytelling_scenes .scrollytelling-scene#id_scene_4 .inner,
	#id_scrollytelling #id_scrollytelling_scenes .scrollytelling-scene#id_scene_4 .inner.in
				{
				padding: 28% 0 0 0;
				}
	
	#id_scene_4 .fifty
				{
				padding-right: 80px!important;
				box-sizing: border-box;
				}
	
	#id_scene_4 .fifty p
				{
				font-size: .9rem;
				}
	
	#id_configurator
				{
				width:320px;
				}
	
	#id_configurator_wrapper
				{
				width:320px;
				right: -320px;
				padding: 20px;
				}

	#id_configurator_actions
				{
				width: 320px;
				padding: 20px;
				}
	
	.configurator-block .circle
				{
				margin-bottom: 0;
				}
	
	.type span
				{
				font-size: .6rem;
				}
			
	.fancybox-slide--iframe .fancybox-content
				{
				width: 90%;
				max-width: 90%;
				}
	
	.flex-wrapper.flex-three.flex-top .three
				{
				margin-bottom: 0;
				}
	
	.tile .quadrat .quadrat-inner,
	.tile .quadrat .quadrat-inner .details
				{
				padding: 20px;
				}
				
	.fifty
				{
				margin: 0 0 30px 0!important;
				}
				
	.trust .fifty
				{
				margin: 30px 0 10px 0!important;
				}
				
	form .fifty
				{
				margin: 0!important;
				}

	.single-slider .slick-list
				{
				overflow-x: hidden;
				}
	
	[tooltip]::after
				{
				min-width: 200px;
				}
	
	.parallax .inner
				{
				align-items: flex-start;
				padding: 220px 40px 40px 0;
				box-sizing: border-box;
				}
	
	.parallax .inner.position-mobile-top
				{
				align-items: flex-start!important;
				padding: 80px 40px 220px 0!important;
				}
	
	.parallax .inner.position-mobile-bottom
				{
				align-items: flex-end!important;
				padding: 220px 40px 80px 0!important;
				}
	
	.parallax.only-mobile .inner
				{
				padding: 220px 0 40px 0;
				}
	
	/*		
	.parallax
				{
				min-height: 0;
				height: auto;
				padding-top: 300px;
    			background-size: auto 300px;
    			background-position: top;
    			background-attachment: local;
				background-color: #b6beac;
				box-sizing: border-box;
				}
				
	.parallax .inner
				{
				padding: 40px 0;
				}
				
	.parallax .inner *
				{
				color: #000;
				}
	*/
		
	.module .parallax .inner ul li
				{
				background-image: url('../images/icons/check-black.svg');
				}
				
	.same-height .circle-image
				{
				max-width: 220px;
				}
				
	.teaser.teaser-five
				{
				width: 80%!important;
				margin-left: 10%!important;
				}
		
	.teaser-wrapper
				{
				padding-right: 0;
				}
				
	.quadrat-mobile-3-4 .quadrat
				{
				padding-top: 136%;
				}
				
	.quadrat-mobile-3-4 .quadrat.quadrat-image
				{
				background-size: cover;
				}

	#id_footer .footer-row,
	#id_footer .footer-row.footer-row-last
				{
				width: 100%;
				margin: 0 0 30px 0;
				padding: 0;
				}
				
	#id_footer .footer-row.footer-row-last
				{
				margin: 0;
				}
	
	#id_footer .footer-row,
	#id_footer .footer-row.footer-row-last,
	#id_footer_bottom
				{
				padding-left: 32px;
				}
	
	#id_footer img
				{
				margin-left: -32px;
				}
			
	#id_footer .footer-row.footer-row-first p
				{
				padding: 0;
				}
				
	#id_footer ul.footer-menu li
				{
				margin: 0 0 5px 0;
				}
	
	#id_footer_bottom #id_footer_bottom_right ul,
	ul.social-media
				{
				float: none;
				}
	
	ul.social-media li
				{
				margin: 0 10px 0 0;
				}
				
	#id_footer_bottom
				{
				display: block;
				}
				
	#id_footer_bottom #id_footer_bottom_left,
	#id_footer_bottom #id_footer_bottom_right
				{
				width: 100%;
				margin: 0 0 20px 0;
				}
				
	#id_footer_bottom #id_footer_bottom_right ul li
				{
				margin: 0 0 10px 0;
				}
	/*			
	.image-wrapper .overlay-head h2
				{
				font-size: 1.2rem;
				}
		
	.dot
				{
				width: 10px;
				height: 10px;
				}
	*/
	
	.dot
				{
				user-select: none;
				-webkit-tap-highlight-color: transparent;
				}
			
	.stoerer
				{
				right: 0;
				top:60px;
				width: 130px;
				height: 130px;
				}
	
	.fifty.fifty-full.zoom
				{
				min-height: 400px;
				}
	
	.stoerer p,	
	.stoerer h3,
	.stoerer h4,
	.stoerer h5
				{
				font-size: .9rem;
				}
			
	.image-wrapper.image-wrapper-3d
				{
			    padding-top: 100%;
				}
	
}

.modal #id_top_bar,
.modal #id_footer,
.fancybox-button.fancybox-button--fullscreen
				{
				display: none;
				}
				
.inside-iframe #id_top_bar,
.inside-iframe #id_configurator_wrapper,
.inside-iframe #id_footer
				{
				display: none;
				}
				
.header-small .inner
				{
				padding: 80px 0 70px 0;
				min-height: 0;
				}
				
.header-small .inner h1
				{
				margin: 0;
				}
				
@media screen and (max-width: 430px) {

	#id_configurator,
	#id_configurator_wrapper,
	#id_configurator_actions
				{
				width:392px;
				}
	
	#id_configurator_wrapper
				{
				right: -392px;
				}
				
}

@media screen and (max-width: 414px) {

	#id_configurator,
	#id_configurator_wrapper,
	#id_configurator_actions
				{
				width:376px;
				}
	
	#id_configurator_wrapper
				{
				right: -376px;
				}
				
}

@media screen and (max-width: 390px) {

	#id_configurator,
	#id_configurator_wrapper,
	#id_configurator_actions
				{
				width:352px;
				}
	
	#id_configurator_wrapper
				{
				right: -352px;
				}
				
}

@media screen and (max-width: 375px) {

	#id_configurator,
	#id_configurator_wrapper,
	#id_configurator_actions
				{
				width:337px;
				}
	
	#id_configurator_wrapper
				{
				right: -337px;
				}
				
}