.cms-heading-xml { background-color: #F3F3F3; padding: 32px 0; display: none; }
.cms-heading-xml .page-title-wrapper { text-align: center; }
.cms-heading-xml h1.page-title { margin-bottom: 0; text-transform: uppercase; font-size: 26px;  }


.columns-xml-grid { display: flex; }
.columns-xml-grid .column.main { 
    flex: 1; order: 2;  
    padding-left: 60px; 
    max-width: 100%;
}
.columns-xml-grid .cms-sidebar-xml { 
    width: 300px; order: 1; border-right: 1px solid #7EB339;
}

.cms-index-index .columns-xml-grid .column.main { padding-left: 0; }

.cms-page-view main#maincontent { padding-top: 0; }

.row-cms-hero {}

.row-cms-title { padding: 22px 0; margin-bottom: 25px;  }
.row-cms-title h2 { font-size: 2.2rem; margin: 0; font-weight: 600; }

.row-cms-content {}
.row-cms-content [data-element="main"] { font-size:1.55rem; padding-bottom: 30px;  }
.row-cms-content p:not(:last-of-type) { margin-bottom: 20px; } 

.cms-sidebar {}


dl.sidemenu-block { border-bottom: 1px solid #7EB339; padding: 30px 0; margin: 0; }
dl.sidemenu-block:last-of-type { border-bottom: none; }
dl.sidemenu-block dt {}
dl.sidemenu-block dd {} 

.sidemenu-title { font-size: 1.9rem; color: #7EB339; margin-bottom: 14px;   }
.sidemenu-title strong { font-weight: 500; }

ul.sidemenu { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
ul.sidemenu > li { margin-bottom: 6px; }
ul.sidemenu > li:last-child { margin-bottom: 0px; }
ul.sidemenu > li > a { color: #000000; text-decoration: none; font-size: 1.6rem; }
ul.sidemenu > li > a:hover { text-decoration: underline; }

.sidemenu-address { color: #000000; font-size: 1.6rem; line-height: 1.6; }
.sidemenu-address a { color: #000000; text-decoration: underline; }

ul.sidemenu.has_icons { padding-left: 33px; }

ul.sidemenu > li[class^="icon-"] { position: relative; } 
ul.sidemenu > li[class^="icon-"]::before {
  content: ''; display: block;
  width: 20px; height: 20px;
  position: absolute; top: 1px; left: -32px;
  background-repeat: no-repeat;  background-position: center center; background-size: contain;
}

ul.sidemenu > li.icon-telephone::before { background-image: url('../images/icon-telephone.svg'); }
ul.sidemenu > li.icon-envelope::before { background-image: url('../images/icon-envelope.svg'); }
ul.sidemenu > li.icon-location::before { background-image: url('../images/icon-location.svg'); }

/* Not in the Visual */
.cms-page-view .usp-container { display: none; }



/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       BREAKPOINTS                                             ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
@media (min-width: 576px) {}
@media (min-width: 768px) {
    
}
@media (min-width: 992px) {	
 
    
} /* @media */
@media (min-width: 1280px) {
    
} /* @media */
@media (min-width: 1366px) {}
@media (min-width: 1440px) {
}
@media (min-width: 1600px) {
}
/* 5XL */
@media (min-width: 1920px) {
} /* 1920px & Up */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                                                                                      ║ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ║                                                                                                      ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* 4XL */
@media (max-width: 1919.98px) {
 
} /* @media -----------------------------------| width < 1920px |-------------------------------------------*/

/* 3XL */
@media (max-width: 1599.98px) {
 
} /* @media -----------------------------------| width < 1600px |-------------------------------------------*/

/* 2XL */
@media (max-width: 1439.98px) {
 
} /* @media -----------------------------------| width < 1440px |-------------------------------------------*/

/* XL */
@media (max-width: 1365.98px) {
 
    
} /* @media -----------------------------------| width < 1366px |-------------------------------------------*/

/* LG */
@media (max-width: 1279.98px) {
    
    .columns-xml-grid .cms-sidebar-xml { width: 272px; }
    
    .cms-heading-xml { padding: 20px 0; }
    .cms-heading-xml h1.page-title { font-size: 23px; }
    
    .row-cms-title { margin-bottom: 0; }
    .row-cms-title h2 { font-size: 1.8rem; }
    .row-cms-content p:not(:last-of-type) { margin-bottom: 16px; }
    .columns-xml-grid .column.main { padding-left: 25px; }
    dl.sidemenu-block { padding: 20px 0; }
    .sidemenu-title { font-size: 1.7rem; margin-bottom: 10px; }
    ul.sidemenu > li > a { font-size: 1.45rem; }
 
} /* @media -----------------------------------| width < 1200px |-------------------------------------------*/

/* MD */
@media (max-width: 991.98px) {
	
    .columns-xml-grid { flex-wrap: wrap; }
    .columns-xml-grid .column.main { padding-left: 0; order: 1;  }
    .columns-xml-grid .cms-sidebar-xml { width: 100%; order: 2; }
    
    .cms-heading-xml { padding: 12px 0; } 
    .cms-heading-xml h1.page-title { font-size: 20px; }
    .row-cms-title { padding: 14px 0; }
    .row-cms-content [data-element="main"] { font-size: 1.5rem; } 
    
    .columns-xml-grid .cms-sidebar-xml { border-right: none; }
    dl.sidemenu-block { padding: 12px 0; }
    .sidemenu-title { font-size: 1.6rem; margin-bottom: 6px; }
    
    .cms-sidebar { display: flex; flex-wrap: wrap; margin: 0 -15px 10px -15px; }
    .cms-sidebar dl.sidemenu-block { width: 50%; padding: 0 15px; margin-bottom: 30px; border-bottom: none;   }
    
} /* @media -----------------------------------| width < 992px |-------------------------------------------*/

/* SM */
@media (max-width: 767.98px) {
    
    .cms-heading-xml { margin-bottom: 15px; }
    .cms-sidebar dl.sidemenu-block { width: 100%; margin-bottom: 15px;  }
   
} /* @media -----------------------------------| width < 768px |-------------------------------------------*/

/* XS */
@media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {

} /* @media -----------------------------------| width < 576px |-------------------------------------------*/

/* ════════════════════════════════════════════╣     END    ╠════════════════════════════════════════════ */
@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }
/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                 ¡ NO STYLES BELOW THIS LINE PLEASE !                                 ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */