.elementor-13437 .elementor-element.elementor-element-048acec:not(.elementor-motion-effects-element-type-background), .elementor-13437 .elementor-element.elementor-element-048acec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11490F;}.elementor-13437 .elementor-element.elementor-element-048acec{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-048acec > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13437 .elementor-element.elementor-element-73b5d59 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-728911f{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-657dd4d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-d818137 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-541c47f > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13437 .elementor-element.elementor-element-020f615 > .elementor-widget-container{margin:13px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-020f615 img{width:100%;border-radius:8px 8px 8px 8px;box-shadow:1px 2px 10px 2px rgba(255, 255, 255, 0.5);}.elementor-13437 .elementor-element.elementor-element-1565638 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-13bf8cc > .elementor-widget-container{margin:105px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-0b46510 > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 0px 40px 0px;}.elementor-13437 .elementor-element.elementor-element-4322ede:not(.elementor-motion-effects-element-type-background), .elementor-13437 .elementor-element.elementor-element-4322ede > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13437 .elementor-element.elementor-element-4322ede{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:40px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-4322ede > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13437 .elementor-element.elementor-element-313be3b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-d394bf4{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-c923b05 > .elementor-element-populated{margin:7px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13437 .elementor-element.elementor-element-710c7ed > .elementor-widget-container{margin:0px 40px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-710c7ed{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;color:#222222;}.elementor-13437 .elementor-element.elementor-element-9cfd7d4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-9cfd7d4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13437 .elementor-element.elementor-element-6d26885{margin-top:38px;margin-bottom:0px;padding:0px 0px 50px 0px;}.elementor-13437 .elementor-element.elementor-element-0d6a5bd > .elementor-widget-container{margin:0px 0px 0px 30px;}.elementor-13437 .elementor-element.elementor-element-0d6a5bd{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;color:#222222;}.elementor-13437 .elementor-element.elementor-element-97407da:not(.elementor-motion-effects-element-type-background), .elementor-13437 .elementor-element.elementor-element-97407da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-13437 .elementor-element.elementor-element-97407da{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:20px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-97407da > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13437 .elementor-element.elementor-element-4b4e0e6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-0451f88 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-85cd019 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-13437 .elementor-element.elementor-element-524d261 > .elementor-widget-container{margin:11px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-524d261 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-13437 .elementor-element.elementor-element-524d261 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-13437 .elementor-element.elementor-element-524d261 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-13437 .elementor-element.elementor-element-524d261 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-13437 .elementor-element.elementor-element-524d261 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-13437 .elementor-element.elementor-element-524d261 .elementor-icon-list-icon i{color:#11490F;transition:color 0.3s;}.elementor-13437 .elementor-element.elementor-element-524d261 .elementor-icon-list-icon svg{fill:#11490F;transition:fill 0.3s;}.elementor-13437 .elementor-element.elementor-element-524d261{--e-icon-list-icon-size:23px;--icon-vertical-offset:0px;}.elementor-13437 .elementor-element.elementor-element-524d261 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-13437 .elementor-element.elementor-element-524d261 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-13437 .elementor-element.elementor-element-524d261 .elementor-icon-list-text{color:#222222;transition:color 0.3s;}.elementor-13437 .elementor-element.elementor-element-26522c2 > .elementor-element-populated{margin:40px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-13437 .elementor-element.elementor-element-0827fed > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-0827fed{color:#333333;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13437 .elementor-element.elementor-element-8be3e4b .elementor-button{background-color:#11490F;font-family:"Roboto", Sans-serif;font-size:0.99rem;font-weight:500;padding:14px 14px 14px 14px;}.elementor-13437 .elementor-element.elementor-element-8be3e4b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-597564a:not(.elementor-motion-effects-element-type-background), .elementor-13437 .elementor-element.elementor-element-597564a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-13437 .elementor-element.elementor-element-597564a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:20px 0px 40px 0px;}.elementor-13437 .elementor-element.elementor-element-597564a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13437 .elementor-element.elementor-element-cc1f68c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-4712d7a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-b588f07 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-7cff351 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-4fbb970 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-3939bc1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-d1e22be:not(.elementor-motion-effects-element-type-background), .elementor-13437 .elementor-element.elementor-element-d1e22be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13437 .elementor-element.elementor-element-d1e22be{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:30px;margin-bottom:0px;}.elementor-13437 .elementor-element.elementor-element-d1e22be > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13437 .elementor-element.elementor-element-cb6ac83:not(.elementor-motion-effects-element-type-background), .elementor-13437 .elementor-element.elementor-element-cb6ac83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13437 .elementor-element.elementor-element-cb6ac83{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:60px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-cb6ac83 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13437 .elementor-element.elementor-element-274c8eb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-036747d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 80px 0px;}@media(max-width:767px){.elementor-13437 .elementor-element.elementor-element-048acec{margin-top:0px;margin-bottom:0px;padding:120px 0px 0px 20px;}.elementor-13437 .elementor-element.elementor-element-d818137 > .elementor-widget-container{margin:0px 0px 0px 15px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-020f615 > .elementor-widget-container{margin:30px 15px 0px 15px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-13bf8cc > .elementor-widget-container{margin:105px 15px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-0b46510 > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-13437 .elementor-element.elementor-element-710c7ed > .elementor-widget-container{margin:0px 40px 0px 15px;}.elementor-13437 .elementor-element.elementor-element-9cfd7d4{margin-top:40px;margin-bottom:0px;}.elementor-13437 .elementor-element.elementor-element-db3afdb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-6d26885{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-5685a5c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-7467309 > .elementor-widget-container{margin:0px 0px 0px -19px;}.elementor-13437 .elementor-element.elementor-element-90d3e56 > .elementor-element-populated{margin:0px 0px 0px 15px;--e-column-margin-right:0px;--e-column-margin-left:15px;padding:0px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-0d6a5bd > .elementor-widget-container{margin:40px 0px 0px 0px;padding:130px 0px 0px 0px;}.elementor-13437 .elementor-element.elementor-element-97407da{margin-top:0px;margin-bottom:0px;padding:20px 0px 0px 15px;}.elementor-13437 .elementor-element.elementor-element-036747d > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-0b46510 */.containerbe {

  margin: 0 auto;

  background-color: background-color: #11490F!important; /* Background color for the container */
  border-radius: 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}


.title {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 40px;
}

.locations {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.location {
  background-color: #ffffff!important;
  padding: 25px;
  border-radius: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.location:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

.location .icon {
  font-size: 40px;
  margin-bottom: 20px;
  text-align: center;
}

.location .icon i {
  color: #11490F!important; /* Icon color */
}

.location .info {
  color: #fff!important;
}

.location h2 {
  font-size: 24px;
  font-weight: 600;
  color: #11490F;
  margin-bottom: 10px;
}

.location h2 span {
  font-size: 14px;
  color: #888;
}

.location p {
  font-size: 16px;
  line-height: 1.5;
  color: #555;
  margin-top: 15px;
}

.location i.fa.fa-info-circle {
  color: #11490F;
  font-size: 24px;
  margin-left: 10px;
}

.location.amber {
  background-color: #FFEB3B;
}

.location.blue {
  background-color: #03A9F4;
}

.location.green {
  background-color: #8BC34A;
}


/* Media Query for Mobile Devices */
@media (max-width: 768px) {
  /* Stack the locations vertically on mobile */
  .locations {
    display: block; /* Stack items vertically */
    padding: 0; /* Remove any extra padding */
  }

  .location {
    margin-bottom: 20px; /* Add space between stacked items */
    width: calc(100% - 25px); /* Make the width 100% minus left and right margin */
    margin-left: 10px; /* 20px margin on the left */
    margin-right: 10px; /* 20px margin on the right */
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4712d7a */.container-custom {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    justify-content: center;
}

.card-custom {
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    overflow: hidden;
    width: 300px;
    text-align: center;
    position: relative;
}

.card-custom:hover {
 border: 2px solid #E94444;
}




.card-custom img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.price-custom {
    background: #11490F;
    color: #fff;
    font-size: 1.5rem;
    padding: 10px 0;
    margin: 0;
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
    padding: 10px;
}

.title-custom {
    margin: 30px 0 10px;
    font-size: 1.2rem;
}

.features-custom {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    padding: 0 20px;
}

.features-custom li {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.features-custom li i {
    margin-right: 10px;
    color:  #11490F;
}

.buttons-custom {
    display: flex;
    justify-content: space-around;
    padding: 20px 0;
    border-top: 1px solid #eaeaea;
}

.btn-custom {
    text-decoration: none;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background 0.3s;
}

.book-now-custom {
    background: #11490F;
    color: #fff!important;
}

.view-details-custom {
    background: #11490F;
      color: #fff!important;
}



/* Responsive Design */
@media (max-width: 768px) {
    .container-custom {
        flex-direction: column;
        align-items: center;
        
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7cff351 */.container-custom {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    justify-content: center;
}

.card-custom {
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    overflow: hidden;
    width: 300px;
    text-align: center;
    position: relative;
}

.card-custom:hover {
 border: 2px solid #E94444;
}




.card-custom img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.price-custom {
    background: #11490F;
    color: #fff;
    font-size: 1.5rem;
    padding: 10px 0;
    margin: 0;
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
    padding: 10px;
}

.title-custom {
    margin: 30px 0 10px;
    font-size: 1.2rem;
}

.features-custom {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    padding: 0 20px;
}

.features-custom li {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.features-custom li i {
    margin-right: 10px;
    color: #11490F;
}

.buttons-custom {
    display: flex;
    justify-content: space-around;
    padding: 20px 0;
    border-top: 1px solid #eaeaea;
}

.btn-custom {
    text-decoration: none;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background 0.3s;
}

.book-now-custom {
    background: #11490F;
    color: #fff!important;
}

.view-details-custom {
    background: #11490F;
      color: #fff!important;
}



/* Responsive Design */
@media (max-width: 768px) {
    .container-custom {
        flex-direction: column;
        align-items: center;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3939bc1 */.container-custom {
    display: flex;
    flex-wrap: wrap;
gap: 30px;
  width: 100%;
    justify-content: center;
}



.card-custom {
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    overflow: hidden;
   transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
    text-align: center;
    position: relative;
    width: 340px;
}

.card-custom:hover {
    border: 2px solid #E94444;
     box-shadow: 0 0 8px #11490F;
     transform: translateY(-20px);
}

.fa-users:before {
    content: "\f007";
    color: #11490F;
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085";
    color: #11490F;
}

.fa-shield-alt:before, .fa-shield-blank:before {
    content: "\f3ed";
      color: #11490F;
}

.card-custom img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.price-custom {
    background: #11490F;
    color: #fff;
    font-size: 1.5rem;
    padding: 10px 0;
    margin: 0;
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
    padding: 10px;
}

.title-custom {
    margin: 30px 0 10px;
    font-size: 1.2rem;
}

.features-custom {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    padding: 0 20px;
}

.features-custom li {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.features-custom li i {
    margin-right: 10px;
    color:  #11490F;
}

.buttons-custom {
    display: flex;
    justify-content: space-around;
    padding: 20px 0;
    border-top: 1px solid #eaeaea;
}

.btn-custom {
    text-decoration: none;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background 0.3s;
}

.book-now-custom {
    background: #11490F;
    color: #fff!important;
}

.view-details-custom {
    background: #11490F;
    color: #fff!important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .container-custom {
        flex-direction: column;
        align-items: center;
    }
    .card-custom {
        width: 100%; /* Full width on smaller screens */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee77321 *//* Responsive adjustments */
@media (max-width: 768px) {
    .containerklima {
        padding: 15px;
    }
    .titleklima {
        font-size: 1.8em;
    }
    .climate-table {
         display: block;
         overflow-x: auto;
    }

    .climate-table thead, .climate-table tbody, .climate-table tr, .climate-table th, .climate-table td {
        display: block;
    }
    .climate-table th {
       
        text-align: left;
    }
  
    .climate-table thead tr{
            position: absolute;
        top: -9999px;
        left: -9999px;
    }

     .climate-table tr {
        border: 1px solid #ccc;
        margin-bottom: 10px;
    }
    .climate-table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        
        
    }

    .climate-table td::before {
            position: absolute;
        
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
    }

   .climate-table td:nth-of-type(1):before { content: "Monat"; }
     .climate-table td:nth-of-type(2):before { content: "Temperatur (°C)"; }
    .climate-table td:nth-of-type(3):before { content: "Niederschlag (mm)"; }
   
}

/* Styles for larger screens */
@media (max-width: 769px) {
     .climate-table th:nth-child(1),
    .climate-table td:nth-child(1),
        .climate-table th:nth-child(2),
    .climate-table td:nth-child(2),
      .climate-table th:nth-child(3),
    .climate-table td:nth-child(3) {
        background-color: #11490f;
        color: white; /* Ensure text is readable on the dark background */
    }

}/* End custom CSS */