@charset "UTF-8";
/* CSS Document */





		/* 							*/
		/* COLUMNS                  */
		/* 							*/

			.columns         {width: 100%;font-size:0;line-height: 0;margin: 0;padding: 0;}
			.columns .column {display: inline-block; vertical-align: top; font-size: 0;line-height: 0; margin: 0; padding: 0; }

			.columns .column.align-to-middle { vertical-align:middle;}
			.columns .column.align-to-bottom { vertical-align:bottom;}

			/* exception: mobile */ @media screen and (min-width:0px) and (max-width: 859px){
			
				.mirror > .contents > .columns > .column:nth-child(1) {
					display: block;
					margin-bottom: 25px;
				}
				.mirror > .contents > .columns > .column:nth-child(2) {
					display: block;
				}
				.mirror > .contents > .columns > .column:nth-child(2) > .mirror {
					margin-left: -15px;
					padding: 15px;
					width: calc(100% - 0px);
				}
			}

			/* exception: desktop */ @media screen and (min-width:860px) 
			{
				/*	1:|_______________________________________|	1 col				*/	.columns[data-columns="1"]         .column   { width:100%; }
				/*	2:|___________________|___________________|	2 equal cols		*/	.columns[data-columns="1-1"]       .column   { width: 50%; }		.columns[data-columns="1-1"]       .column:nth-child(1) {                 background-color:#9DD28E00; }	.columns[data-columns="1-1"]          .column:nth-child(2) {                 background-color:#D3A4F000; }
				/*	3:|____________|_____________|____________|	3 equal cols		*/	.columns[data-columns="1-1-1"]     .column   { width: 33.333%; }	.columns[data-columns="1-1-1"]     .column:nth-child(1) {                 background-color:#E9F0C500; }	.columns[data-columns="1-1-1"]        .column:nth-child(2) {                 background-color:#F1C7E600; }	.columns[data-columns="1-1-1"]       .column:nth-child(3) { background-color:#BBCBED00; }
				/*	4:|_________|_________|_________|_________|	4 equal cols		*/	.columns[data-columns="1-1-1-1"]   .column   { width: 25%; }		.columns[data-columns="1-1-1-1"]   .column:nth-child(1) {                 background-color:#E9F0C500; }	.columns[data-columns="1-1-1-1"]      .column:nth-child(2) {                 background-color:#F1C7E600; }	.columns[data-columns="1-1-1-1" ]    .column:nth-child(3) { background-color:#BBCBED00; }	.columns[data-columns="1-1-1-1"]   .column:nth-child(4) { background-color:#BBEDE200; }
				/*	5:|_______|_______|_______|_______|_______|	5 equal cols		*/	.columns[data-columns="1-1-1-1-1"] .column   { width: 25%; }		.columns[data-columns="1-1-1-1-1"] .column:nth-child(1) {                 background-color:#E9F0C500; } .columns[data-columns="1-1-1-1-1"]    .column:nth-child(2) {                 background-color:#F1C7E600; }	.columns[data-columns="1-1-1-1-1"]   .column:nth-child(3) { background-color:#BBCBED00; } 	.columns[data-columns="1-1-1-1-1"] .column:nth-child(4) { background-color:#BBEDE200; } .columns[data-columns="1-1-1-1-1"] .column:nth-child(5) { background-color:#CFED0000; }
				/*	3:|__________________________|____________|	2/1 distinct cols	*/	.columns[data-columns="2-1"]       .column   { }					.columns[data-columns="2-1"]       .column:nth-child(1) { width: 66.666%; background-color:#E9F0C500; }	.columns[data-columns="2-1"]          .column:nth-child(2) { width: 33.333%; background-color:#F1C7E600; }
				/*	3:|____________|__________________________|	1/2 distinct cols	*/	.columns[data-columns="1-2"]       .column   { }					.columns[data-columns="1-2"]       .column:nth-child(1) { width: 33.333%; background-color:#E9F0C500; }	.columns[data-columns="1-2"]          .column:nth-child(2) { width: 66.666%; background-color:#F1C7E600; }
				/*	4:|_____________________________|_________|	3/1 distinct cols	*/	.columns[data-columns="3-1"]       .column   { width: 25%; }		.columns[data-columns="3-1"]       .column:nth-child(1) { width: 75%;     background-color:#E9F0C500; }	.columns[data-columns="3-1"]          .column:nth-child(2) { width: 25%;     background-color:#F1C7E600; }
				/*	4:|_________|_____________________________|	1/3 distinct cols	*/	.columns[data-columns="1-3"]       .column   { width: 25%; }		.columns[data-columns="1-3"]       .column:nth-child(1) { width: 75%;     background-color:#E9F0C500; }	.columns[data-columns="1-3"]          .column:nth-child(2) { width: 25%;     background-color:#F1C7E600; }
				/*	5:|_______________________________|_______|	4/1 distinct cols	*/	.columns[data-columns="4-1"]       .column   { }					.columns[data-columns="4-1"]       .column:nth-child(1) { width: 80%;     background-color:#E9F0C500; } .columns[data-columns="4-1"]          .column:nth-child(2) { width: 20%;     background-color:#F1C7E600; }
				/*	5:|_______________________|_______________|	3/2 distinct cols	*/	.columns[data-columns="3-2"]       .column   { }					.columns[data-columns="3-2"]       .column:nth-child(1) { width: 60%;     background-color:#E9F0C500; }	.columns[data-columns="3-2"]          .column:nth-child(2) { width: 40%;     background-color:#F1C7E600; }
				/*	5:|_______________|_______________________|	2/3 distinct cols	*/	.columns[data-columns="2-3"]       .column   { }					.columns[data-columns="2-3"]       .column:nth-child(1) { width: 40%;     background-color:#E9F0C500; }	.columns[data-columns="2-3"]          .column:nth-child(2) { width: 60%;     background-color:#F1C7E600; }
				/*	5:|_______|_______________________________|	1/4 distinct cols	*/	.columns[data-columns="1-4"]       .column   { }					.columns[data-columns="1-4"]       .column:nth-child(1) { width: 20%;     background-color:#E9F0C500; } .columns[data-columns="1-4"]          .column:nth-child(2) { width: 80%;     background-color:#F1C7E600; }
				/*	6:|________________________________|______|	5/1 distinct cols	*/	.columns[data-columns="5-1"]       .column   { }					.columns[data-columns="5-1"]       .column:nth-child(1) { width: 66.666%; background-color:#E9F0C500; }	.columns[data-columns="5-1"]          .column:nth-child(2) { width: 16.666%; background-color:#F1C7E600; }
				/*	6:|______|________________________________|	1/5 distinct cols	*/	.columns[data-columns="1-5"]       .column   { }					.columns[data-columns="1-5"]       .column:nth-child(1) { width: 16.666%; background-color:#E9F0C500; }	.columns[data-columns="1-5"]          .column:nth-child(2) { width: 66.666%; background-color:#F1C7E600; }

				.columns[data-columns="2-1"] .column:nth-child(1) .mirror { 	                  } .columns[data-columns="2-1"] .column:nth-child(2) span.mirror { padding:0 0 0 20px; }
				.columns[data-columns="3-1"] .column:nth-child(1) .mirror { padding: 0 0 0 20px;  } .columns[data-columns="3-1"] .column:nth-child(2) span.mirror { padding:0 0 0 20px; } .columns[data-columns="3-1"] .column:nth-child(3) span.mirror { padding:0 0 0 20px; }

				.columns[data-columns="1"]         .column { width: 100%; }
				.columns[data-columns_ratio="1-1"] .column { width:  50%; }
				
				.columns[data-columns="1-1"] .column:nth-child(1) .mirror { padding-right: 3rem; }
			}



		/* 							*/
		/* BLOCKS 	                */
		/* 							*/
		
			.framed {
				padding: 25px;
				margin-block:25px;
				background-color: #EEEEEE;
			}
			
			
			/* Products */
			
			ul.products {
				margin: 0; padding: 0;
			}
			ul.products li.product {
				list-style: none;
				display: block;
				padding-block: 25px;
				border-top: 1px solid #CCCCCC;
			}
			ul.products li.product h3 {
				font-size:   3.5rem;
				line-height: 1.3;
			}
			ul.products li.param-group-title em {
				font-weight: bold;
				padding-top: 15px;
			}
			
			/* Multi columns */
			
				.multi-columns {
					display: grid;
					grid-gap: 25px;
					grid-template-columns: repeat(2,1fr);
				}
				.multi-columns.copy-first  { Xflex-direction: row-reverse; }
				.multi-columns.image-first { Xflex-direction: row; }
				.multi-columns .mc-item {
				}
				.multi-columns .mc-item p { text-align: justify; }
				
				
			/* Params */
			
				.simple-params {
					display: table;
					margin: 0; padding: 0;
					font-size: 1.2rem;
					border-top: 1px solid #BFBFBF;
				}
				.simple-params > li {
					display: table-row;
					list-style: none;
				}
				.simple-params > li > em {
					display: table-cell;
					padding: 3px;
					border-bottom: 1px solid #BFBFBF;
				}
				.simple-params > li > em:first-child { }
				.simple-params > li > em:last-child  { Xcolor:var(--brand_darkestgray); font-family: Lato; }
				
				
				
				video.in-mirror {
					width: 100%;
					height: auto;
					aspect-ratio:16 / 9;
				}
				figure.overflow-visible img {
					position: relative;
					z-index: -1;
					top: 50%; left: 50%;
					transform:translate(-50%,-50%);
					visibility: visible;
				}
				figure.overflow-visible[data-scale= "50"] img { width:  50%; }
				figure.overflow-visible[data-scale= "60"] img { width:  60%; }
				figure.overflow-visible[data-scale= "70"] img { width:  70%; }
				figure.overflow-visible[data-scale= "80"] img { width:  80%; }
				figure.overflow-visible[data-scale= "90"] img { width:  90%; }
				figure.overflow-visible[data-scale="100"] img { width: 100%; }
				figure.overflow-visible[data-scale="110"] img { width: 110%; }
				figure.overflow-visible[data-scale="120"] img { width: 120%; }
				figure.overflow-visible[data-scale="130"] img { width: 130%; }
				figure.overflow-visible[data-scale="140"] img { width: 140%; }
				figure.overflow-visible[data-scale="150"] img { width: 150%; }
				figure.overflow-visible[data-scale="160"] img { width: 160%; }
				figure.overflow-visible[data-scale="170"] img { width: 170%; }


			/* Picture with copy */
			
			figure.copy-inside {
				margin: 0 -200px 0 -200px;
				background-color: #EEEEEE;
				background-position: center left;
				position: relative;
				aspect-ratio:3 / 1;
				overflow-y: hidden;
				border-top: 1px solid var(--brand_blue);
				border-bottom: 1px solid var(--brand_blue);
			}
			figure.copy-inside figcaption {
				position: absolute;
				z-index: 1;
				top: 50%;
				transform: translateY(-50%);
				left:  200px;
				right: 10%;
				text-align: left;
				font-family: Lato-Light;
				font-weight: normal;
				font-size: 9rem;
				line-height: 1;
				letter-spacing: 3pt;
				text-transform: uppercase;
				color: var(--brand_blue);
				text-shadow: 0 2px 5px white;
				/*
				color: white;
				font-family: Lato;
				font-weight: bold;
				text-shadow: 0 2px 5px rgba(0,0,0,0.19);
				*/
			}
			figure.copy-inside figcaption em {
				display: block;
				font-style: normal;
			}
			figure.copy-inside figcaption em:nth-child(1) { text-indent:0.0em; }
			figure.copy-inside figcaption em:nth-child(2) { text-indent:0.0em; }
			figure.copy-inside figcaption em:nth-child(3) { text-indent:0.0em; }
			figure.copy-inside figcaption em:nth-child(4) { text-indent:0.0em; }
			
			figure.copy-inside:before {
				position: absolute;
				content:"";
				inset:0;
				background-color: rgba(255,255,255,0.6);
			}
			figure.copy-inside:after {
				position: absolute;
				content:"";
				inset:0;
				Xbackground: linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100% );
			}
			figure.copy-inside img {
				visibility: hidden;
			}




		/* 							*/
		/* HEADER                   */
		/* 							*/


			#header {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				height: 84px;
				outline: 0px solid green;
				z-index: 200;
				background-color: rgba(255,255,255,0);
				box-shadow: 0 5px 15px 0 rgba(0,0,0,0);
				backdrop-filter:blur(8px);
				-webkit-backdrop-filter:blur(8px);
				transition: background-color 0.5s ease, box-shadow 0.5s ease;
			}
			#header:before {
				display: block;
				position: fixed;
				content:"";
				width: 100%;
				height: 84px;
				background-image: url("../../images/background/background.webp");
				background-size: cover;
				background-repeat: no-repeat;
				opacity: 0.4;
				transition: opacity 1s ease;
			}
			#header:hover {
				background-color: white;
				box-shadow: 0 5px 15px 0 rgba(0,0,0,0.11);
			}
			#header:hover:before {
				opacity: 0.1;
			}
			
			
			
			
			
			




		/* 							*/
		/* FOOTER                   */
		/* 							*/


			/* position always on the bottom of the page */
			section.component[data-component="body"] {
				/*
				min-height: calc(100vh - 360px);
				*/
			}
			[data-component="footer"] {
			}
			

				/*	Default settings */

				/*
				.footer-wrapper .footer h2 { font-size:2rem; letter-spacing: 0.2px; color: white; margin-bottom: 10px; }
				.footer-wrapper .footer p  { font-size:1.4rem; line-height: 1.4; color: white; }
				*/



				.footer-wrapper {
					display: block;
					position: relative;
					width: 100%;
					height: auto;
					overflow: hidden;
				}
				.footer-wrapper:before {
					content:" ";
					position: absolute;
					width: 100%;
					height: 1000px;
					background-color: #232323;
				}
				.footer-wrapper .footer {
					position: relative;
					left: 50%;
					transform:translateX(-50%);
					padding: 30px 0 0 0;
				}
				.footer-wrapper .contents {
				}
				.footer-wrapper .footer .blocks {
					display: block;
					font-size: 0; line-height: 0; margin: 0; padding: 0;
				}
				.footer-wrapper .footer .blocks .block {
					display: inline-block;
					vertical-align: top;
					font-size: 1.5rem;
					line-height: 1;
				}
				.footer-wrapper .footer .blocks .block-gap {
					display: inline-block;
					width: 15px;
				}
				.footer-wrapper .footer .blocks .block[data-label="about"]    { width: 350px; }
				.footer-wrapper .footer .blocks .block[data-label="contacts"] { width: 300px; }
				
				
				
				/* Logo and about */
				
				.footer-wrapper .footer .blocks .block[data-label="about"] {
					padding: 0 0 30px 0;
				}
				.footer-wrapper .footer .blocks .block[data-label="about"] .logo {
					width:100px;
					height: 40px;
					background-repeat: no-repeat;
					background-size: contain;
					margin: 0 0 30px 0;
				}
				.footer-wrapper .footer .blocks .block[data-label="about"] .logo.color {
					background-image: url("../../images/logo/axia-logo-negativ.png");
				}
				.footer-wrapper .footer .blocks .block[data-label="about"] p {
					font-size: 1.2rem;
					line-height: 2.0;
					color: #ababab;
					padding-right: 22%;
				}
				
				/* Contact info */
				
				.footer-wrapper .footer .blocks .block[data-label="contacts"] {
					padding: 0 0 30px 0;
					text-align: left;
				}
				.footer-wrapper .footer .blocks .block[data-label="contacts"] h2 {
					font-size: 1.9rem;
					line-height: 1.3;
					font-weight: bold;
					margin: 15px 0 30px 0;
					color: white;
					text-align: inherit;
				}
				.footer-wrapper .footer .blocks .block[data-label="contacts"] ul {
					font-size: 1.3rem;
					line-height: 1.3;
					color: #ababab;
					margin: 0;
					padding: 0;
					text-align: inherit;
				}
				.footer-wrapper .footer .blocks .block[data-label="contacts"] ul li {
					list-style: none;
					margin: 0 0 15px 0;
					padding: 0;
					color: inherit;
				}
				
				.footer-wrapper .footer .blocks .block[data-label="contacts"] ul li[data-label="address"]   {}
				.footer-wrapper .footer .blocks .block[data-label="contacts"] ul li[data-label="mobile"]    {}
				.footer-wrapper .footer .blocks .block[data-label="contacts"] ul li[data-label="email"]     {}
				.footer-wrapper .footer .blocks .block[data-label="contacts"] ul li[data-label="taxnumber"] {}
				
				/* Bottom menu */
				
				.footer-wrapper .footer .bottom-menu {
					
					position: relative;
					width: 100%;
					height: 75px;
					text-align: center;
				}
				.footer-wrapper .footer .bottom-menu:before {
					content:"";
					position: relative;
					display: block;
					width: calc(100% + 2000px);
					height: 75px;
					margin: 0 0 -75px -1000px;
					z-index: -1;
					background-color: #2B2B2B;
				}
				.footer-wrapper .footer .bottom-menu .separator {
					display: inline-block;
					width: 40px;
				}
				.footer-wrapper .footer .bottom-menu .separator:before { content:"•"; }
				.footer-wrapper .footer .bottom-menu p { 
					position: relative;
					letter-spacing: .5pt;
					color: #969696;
					text-align: inherit;
					line-height: 75px;
				}
				.footer-wrapper .footer .bottom-menu a { 
					color:#F6F773;
					text-decoration: underline;
				}
				

				/* Sizes */

				@media screen and (min-width:1440px)                        { .footer-wrapper .footer {width:1200px;} }
				@media screen and (min-width:1240px) and (max-width:1439px) { .footer-wrapper .footer {width:1100px;} }
				@media screen and (min-width:1040px) and (max-width:1239px) { .footer-wrapper .footer {width:1000px;} }
				@media screen and (min-width: 960px) and (max-width:1039px) { .footer-wrapper .footer {width: 900px;} }
				@media screen and (min-width: 860px) and (max-width: 959px) { .footer-wrapper .footer {width: 800px;} }
				@media screen and (min-width: 700px) and (max-width: 859px) { .footer-wrapper .footer {width: 680px;} }
				@media screen and (min-width: 580px) and (max-width: 699px) { .footer-wrapper .footer {width: 560px;} }
				@media screen and (min-width: 310px) and (max-width: 579px) { .footer-wrapper .footer {width: 310px; width: calc(100% - 20px); } }
				


				/*	Responsives	*/
				
				@media screen and (min-width:   0px) and (max-width: 859px) {
					.footer-wrapper .footer .blocks .block-gap { display: block; width: 100%; height: 15px; }
					.footer-wrapper .footer .blocks .block[data-label="about"] .logo { width: 100%; }
					.footer-wrapper .footer .blocks .block[data-label="about"] { width: 100%; }
					.footer-wrapper .footer .blocks .block[data-label="about"] p { text-align: center; padding-right: 0; }
					.footer-wrapper .footer .blocks .block[data-label="contacts"] { width: 100%; text-align: center; }
					.footer-wrapper .footer .bottom-menu { height: 100px; }
					.footer-wrapper .footer .bottom-menu:before { height: 100px; margin-bottom: -100px; }
					.footer-wrapper .footer .bottom-menu p { font-size:1.3rem; line-height: 1.3; margin-top: 15px; }
					.footer-wrapper .footer .bottom-menu .separator { display: block; font-size: 0; height: 15px; }
				}