body {background:white; color:#253B6D; font-family: Arial, Helvetica, sans-serif; line-height: 1.3;}
body.mobilemenuopen { overflow: hidden;  position: fixed;  top: 0; left: 0; right: 0; bottom: 0; }
p {line-height: 1.3;}
/* Header */
.header-container {display:flex; justify-content: space-between; position: relative; min-height: 141px; }
.header-container .bgimg {position: absolute; overflow: hidden; width: 754px; height: 141px; z-index: 11;}
.header-container .bgimg img { width: 754px; aspect-ratio: auto 754 / 141; height: 141px;}
.header-container .header-left {z-index:20; padding:10px; display:flex; align-items: flex-end;}
.header-container .header-left h2 {font-style: italic; font-size: 48px; color:white; text-transform: uppercase;
font-weight: 500; line-height: 1;}
.header-container .header-right {z-index: 20; width: 40%; display: flex; flex-direction: column;
    justify-content: flex-end; padding-right: 30px; text-align: center;}
.header-container .header-right h4, .header-container .header-right h5 a, .header-container .header-right h5 
{color:white; font-size:21px; font-weight: 600; font-style: italic;}
.header-container .header-right h4 {margin-bottom: 15px; line-height: 1.2;}
.header-container .header-right h5 a, .header-container .header-right h5 {font-size:19px;}
.navbar-start {justify-content: center; width: 100%; align-items: center; gap:15px;}
nav.navbar  {background-color: #eee; border-bottom:1px solid #ccc;}
nav.navbar .navbar-link, nav.navbar a.navbar-item {color:#253B6D;  background: #A8E9FF;
    padding: 5px 30px; border-radius: 13px; line-height: 1; font-size: 13px; height: auto; font-weight: 600;
border:2px solid #90D0EB; text-align: center;}
/* Main Container */
main, .footer-top {display:grid; grid-template-columns: 168px auto;}
main .sidebar .intro {font-size:13px; padding:30px 15px; text-align: center; font-weight: 700; color:#666699}
main .sidebar .siderbar-services {font-size:12px; text-align: center; font-weight: 700; color:#666699;
text-transform: uppercase; background:#eee; padding:5px; margin:50px 0 10px;}
.sidebar-img {text-align: center;}
.slider-marque {margin-bottom: 20px;}
.slider-marque .marque-slide .marque-item {color:#666699; text-transform: uppercase; text-align: center; 
    font-size: 12px; font-weight: 700;}
.main-wrapper .content {font-size: 13px; color:#253B6D; padding:30px 0px 20px 50px;}
.main-wrapper .content h6, .main-wrapper .content h1
 {font-size: 17px; font-style: italic; font-weight: 700; color:#253B6D; margin-bottom: 0;}
 .greybg .main-wrapper .content h6 {font-style: normal;}
 .main-wrapper .content h1 {text-align: center; font-size: 20px; margin-bottom: 15px;}
.main-wrapper .content strong {color:#253B6D; font-weight: 700;}
.main-wrapper .content ul {margin-top:2px;}
.main-wrapper .content ul li {line-height: 1.3; margin:0;}
.main-wrapper .content .content-wrap {display: grid; grid-template-columns: 2fr 1fr; gap:10px;}
.greybg .main-wrapper .content {height:100%; background: #f9f9f9; width:90%; margin-left: auto; border-radius:10px;
padding-left:20px; padding-right:50px; margin-top:10px;}

/* Footer */
footer {margin-top:30px !important; display:flex; align-items: flex-end; flex-direction: column;}
footer .footer-top { width:100%; align-items: flex-end;}
footer .footer-right {width: 100%;}
footer .footer-right img { width: 100%; height: 47px;}
footer .lang-switcher {display:flex;}
footer .lang-switcher a {line-height: 0; display: block;}
footer .lang-switcher img {height:43px; width:auto; min-width: 84px; line-height: 0;}
footer .lang-en-span {font-size:13px; font-weight: 700; text-align: center;}
.footer-bottom {min-height:15px; background:#9DA7BD; width:100%; line-height: 1; padding:4px 0; display:grid; 
    grid-template-columns: 84px 84px auto;}

/* Contact Page */
.contactpage .main-wrapper h6 {margin-bottom:20px;}
.contact-info, .contact-info a {font-size: 15px; font-weight: 700; color:black}
.contact-info {display: grid; grid-template-columns: 1fr 3fr; margin-bottom: 15px;}
.contact-info-details {display: flex; flex-direction: column; gap:5px;}
.contact-map {width:100%; min-height:319px;}
.contact-map a {display: block; line-height: 0;}
.contact-map img {height: 320px; width:100%; object-fit: cover;}
.contactpage .greybg .main-wrapper .content {padding:0; padding-top: 30px; display: flex; flex-direction: column;
    justify-content: space-around;}
.contact-info-wrapper {padding-left:20px;}

/* Galerie */
.gallery {display: grid; grid-template-columns: 1fr 1fr 1fr; gap:0}
.gallery img {object-fit: cover; width:100%; height: 100%; min-height: 165px;}
.gallerypage .main-wrapper .content {padding-top:0;}

.visible-md {display:none;}
@media (min-width:1025px) {
    .container {
        width:754px;
    }
}
@media (max-width:1024px) {
    .header-container .bgimg, .header-container .bgimg img {width: 100%;}
    .header-container .header-right {padding-bottom: 15px;}
    .container {max-width: 90%;}
}
@media (max-width:900px) {
    .header-container {flex-direction: column;}
    .container {display: flex; flex-direction: column;}
    .container .sidebar {order:2;}
    .container .main-wrapper {order:1;}
    .gallerypage .main-wrapper .content {padding-left:0;}
    .main-wrapper .content {padding-left: 10px;}
    .greybg .main-wrapper .content {width: 100%;}
    .gallery {grid-template-columns: 1fr 1fr;}
    main .sidebar .siderbar-services {margin-top:0px;}
    .header-container .header-left { margin-top: 20px; padding-left:20px;}
    .header-container .header-left h2 {font-size: 32px;}
    .header-container .header-right {width: 100%; text-align: left; padding-left: 20px;}
    .main-wrapper .content .content-wrap {grid-template-columns: 1fr;}
    .main-wrapper .content h1 {text-align: left;}
    .header-container .header-right h5 {display: none;}
    nav.navbar {display: flex; align-items: center; padding: 0 20px;}
    .visible-md {display: flex; justify-content: space-between; align-items: center; width: 100%;}
    .md-contact-info {display:flex; gap:10px; }
    .md-contact-info a {color:black; font-weight:700; font-size:15px; display: flex; align-items: center; gap:10px;}
    /* Mobile Nav */
    .md-mobilemenu {display:flex; align-items: center; justify-content: center; gap:10px;}
    .md-mobilemenu h4 {text-transform: uppercase; font-weight: 700; font-size: 15px;}
    .md-mobilemenu .fill-space { flex: 1 1 auto; }      
    .md-mobilemenu  nav {display: flex;flex-direction: row; position: relative; z-index: 999; }      
    .md-mobilemenu  .inner-nav {display: flex; flex-direction: column; height: 100%; justify-content: center; gap: 20px;}        
    .md-mobilemenu   .mobile-trigger { display: flex; flex-direction: column; align-items: center; justify-content: center;
          position: relative; }
      .md-mobilemenu  .mobile-trigger .checkbox {
        position: absolute;
        z-index: 5;
        opacity: 0;
        cursor: pointer;
        width: 100%;
        height: 100%;
      }
    .md-mobilemenu   .mobile-trigger .checkbox:checked ~ .hamburger-lines .line1 {transform: rotate(45deg);}
    .md-mobilemenu   .mobile-trigger .checkbox:checked ~ .hamburger-lines .line2 {transform: scaleY(0);}
    .md-mobilemenu    .mobile-trigger .checkbox:checked ~ .hamburger-lines .line3 {transform: rotate(-45deg);}
    .md-mobilemenu   .mobile-trigger .hamburger-lines {height: 21px; width: 27px;  top: 17px;
        left: 20px;  z-index: 2;  display: flex; flex-direction: column;  justify-content: space-between;
        transition: padding-left 0.3s ease-in-out;  }
    .md-mobilemenu   .mobile-trigger .hamburger-lines .line { height: 3px; width: 100%; border-radius: 10px;
        background: #0e2431;  transition: transform 0.4s ease-in-out;  }
      .md-mobilemenu   .mobile-trigger .hamburger-lines .line.line1 { transform-origin: 0% 0%; }
      .md-mobilemenu   .mobile-trigger .hamburger-lines .line.line3 {transform-origin: 0% 100%; }
      
      .md-mobilemenu   #mobile-nav {
        display: flex;
        justify-content: center;
        overflow-y: auto;
        max-height: 100vh;
        position: fixed;
        top: 0px;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #f0f0f0;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        z-index: 800;
        transform: translateY(-110vh);
        transition: transform 0.3s ease-in-out;
      }
      .md-mobilemenu   #mobile-nav a { font-size: 15px; }
}
@media (max-width:600px) {
    .gallery {grid-template-columns: 1fr;}
    .header-container .header-left h2 {font-size: 28px;}
}