@charset "UTF-8";
			html {
  				height: -webkit-fill-available;
			}
			body.landing {
  				min-height: 100vh;
  				min-height: -webkit-fill-available;
				background: rgb(26,53,103);
				background: linear-gradient(180deg, rgba(26,53,103,1) 0%, rgba(75,118,185,1) 100%);
				color: #fff;
				overflow: hidden;
			}
			.landing .content {
				padding: 0 4%;
				height: 350px;
				max-width: 500px;
				margin: 70px auto 0 auto;
			}
			.landing .logo {
				text-align: center;
				margin: 100px 0 0 0;
				}
			.landing .logo img {
				width: 310px;
				}
			.landing h4 {
				    font-size: 14px;
					color: #fff;
					text-align: center;
					text-transform: uppercase;
				}
			.landing #footer {
				width: 96%;
				margin: 0 auto;
				padding: 0 2%;
				position: fixed;
				bottom: 0px;
				background: #2a5a8d;
				border-top: 1px solid #fecf03;
				min-height: 55px;
			}
			.landing #footer li {
				width: 23%;
				float: left;
				box-shadow: 0px 0px 9px -4px #000;
				padding: 3px 1% 3px 1%;
			}
			.landing #footer i {
				width: 100%;
				color: white;
				font-size: 25px;
				margin-top: 8px;
			}
			.landing #footer span {
				color: #fecf03;
			}
			.landing #footer ul {
				text-align: center;
				height: 55px;
				max-width: 500px;
				margin: 0 auto;
			}
			.landing .en, .landing .lu {
				display: none;
			}
			span.langelb {
			  color: #ffce00;
			  font-size: 20px;
			  margin: 0 18px;
			}
			.landing ul {
				list-style: none;
			}
			.fr, .de, .en, .lu {
				width: 25%;
				text-align: center;
			}
			.fr img, .de img, .en img, .lu img {
				max-width: 75%;
			}
			.en {
				float: right;
			}
			.de {
				float: right;
			}
			.fr {
				float: left;
			}
			.lu {
				float: inline-start;
			}
			/*-- smartphone --*/
			@media only screen and (max-width: 510px) {
			.landing .en, .landing .lu {
							display: block;
						}
			}