.elementor-16602 .elementor-element.elementor-element-6f864154:not(.elementor-motion-effects-element-type-background), .elementor-16602 .elementor-element.elementor-element-6f864154 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11490F;}.elementor-16602 .elementor-element.elementor-element-6f864154{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-16602 .elementor-element.elementor-element-6f864154 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16602 .elementor-element.elementor-element-55158db4 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-2f9d0ab2{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-6d6979ba > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-265fd18a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-12d1826e > .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-16602 .elementor-element.elementor-element-334051f2 > .elementor-widget-container{margin:13px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-334051f2 img{width:100%;border-radius:8px 8px 8px 8px;box-shadow:1px 2px 10px 2px rgba(255, 255, 255, 0.5);}.elementor-16602 .elementor-element.elementor-element-22a30238 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-17776239 > .elementor-widget-container{margin:105px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-57b58186 > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 0px 40px 0px;}.elementor-16602 .elementor-element.elementor-element-3574690e:not(.elementor-motion-effects-element-type-background), .elementor-16602 .elementor-element.elementor-element-3574690e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16602 .elementor-element.elementor-element-3574690e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:30px;margin-bottom:0px;}.elementor-16602 .elementor-element.elementor-element-3574690e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16602 .elementor-element.elementor-element-80502b8{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-43518b1c > .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-16602 .elementor-element.elementor-element-532d690d > .elementor-widget-container{margin:0px 40px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-532d690d{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;color:#222222;}.elementor-16602 .elementor-element.elementor-element-539351af > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-360a63a1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 60px 0px;}.elementor-16602 .elementor-element.elementor-element-360a63a1 img{border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-16602 .elementor-element.elementor-element-4358c345{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-16602 .elementor-element.elementor-element-4358c345 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16602 .elementor-element.elementor-element-6baa870d{margin-top:38px;margin-bottom:0px;padding:0px 0px 50px 0px;}.elementor-16602 .elementor-element.elementor-element-2d5d9069 > .elementor-widget-container{margin:0px 0px 0px 30px;}.elementor-16602 .elementor-element.elementor-element-2d5d9069{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;color:#222222;}.elementor-16602 .elementor-element.elementor-element-1c7adbd0:not(.elementor-motion-effects-element-type-background), .elementor-16602 .elementor-element.elementor-element-1c7adbd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-16602 .elementor-element.elementor-element-1c7adbd0{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-16602 .elementor-element.elementor-element-1c7adbd0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16602 .elementor-element.elementor-element-26d86a09 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-2696842d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-101b48ee > .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-16602 .elementor-element.elementor-element-5726bf12 > .elementor-widget-container{margin:11px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-5726bf12 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-16602 .elementor-element.elementor-element-5726bf12 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-16602 .elementor-element.elementor-element-5726bf12 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-16602 .elementor-element.elementor-element-5726bf12 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-16602 .elementor-element.elementor-element-5726bf12 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-16602 .elementor-element.elementor-element-5726bf12 .elementor-icon-list-icon i{color:#11490F;transition:color 0.3s;}.elementor-16602 .elementor-element.elementor-element-5726bf12 .elementor-icon-list-icon svg{fill:#11490F;transition:fill 0.3s;}.elementor-16602 .elementor-element.elementor-element-5726bf12{--e-icon-list-icon-size:23px;--icon-vertical-offset:0px;}.elementor-16602 .elementor-element.elementor-element-5726bf12 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16602 .elementor-element.elementor-element-5726bf12 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-16602 .elementor-element.elementor-element-5726bf12 .elementor-icon-list-text{color:#222222;transition:color 0.3s;}.elementor-16602 .elementor-element.elementor-element-f763b62 > .elementor-element-populated{margin:40px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-16602 .elementor-element.elementor-element-479a4328 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-479a4328{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-16602 .elementor-element.elementor-element-295781bf .elementor-button{background-color:#11490F;font-family:"Roboto", Sans-serif;font-size:0.99rem;font-weight:500;padding:14px 14px 14px 14px;}.elementor-16602 .elementor-element.elementor-element-295781bf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-2d4b3bb2:not(.elementor-motion-effects-element-type-background), .elementor-16602 .elementor-element.elementor-element-2d4b3bb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-16602 .elementor-element.elementor-element-2d4b3bb2{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-16602 .elementor-element.elementor-element-2d4b3bb2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16602 .elementor-element.elementor-element-3bab1559 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-a221695 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-6cee42d1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-399c1828 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-42088502 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-b15f06 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-21278400:not(.elementor-motion-effects-element-type-background), .elementor-16602 .elementor-element.elementor-element-21278400 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16602 .elementor-element.elementor-element-21278400{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:30px;margin-bottom:0px;}.elementor-16602 .elementor-element.elementor-element-21278400 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16602 .elementor-element.elementor-element-7f5930cf:not(.elementor-motion-effects-element-type-background), .elementor-16602 .elementor-element.elementor-element-7f5930cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16602 .elementor-element.elementor-element-7f5930cf{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-16602 .elementor-element.elementor-element-7f5930cf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16602 .elementor-element.elementor-element-53f30f2d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-6aefd2f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 80px 0px;}@media(max-width:767px){.elementor-16602 .elementor-element.elementor-element-6f864154{margin-top:0px;margin-bottom:0px;padding:120px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-265fd18a > .elementor-widget-container{margin:0px 0px 0px 15px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-334051f2 > .elementor-widget-container{margin:30px 15px 0px 15px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-17776239 > .elementor-widget-container{margin:105px 15px 0px 15px;}.elementor-16602 .elementor-element.elementor-element-57b58186 > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-16602 .elementor-element.elementor-element-532d690d > .elementor-widget-container{margin:35px 40px 0px 15px;}.elementor-16602 .elementor-element.elementor-element-360a63a1 > .elementor-widget-container{margin:35px 15px 0px 15px;}.elementor-16602 .elementor-element.elementor-element-502272dc > .elementor-widget-container{margin:0px 0px 0px -19px;}.elementor-16602 .elementor-element.elementor-element-1ffcb1a0 > .elementor-element-populated{margin:0px 0px 0px 15px;--e-column-margin-right:0px;--e-column-margin-left:15px;padding:0px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-2d5d9069 > .elementor-widget-container{margin:160px 0px 0px 0px;}.elementor-16602 .elementor-element.elementor-element-1c7adbd0{padding:20px 0px 0px 15px;}.elementor-16602 .elementor-element.elementor-element-6aefd2f4 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-57b58186 */.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-a221695 */.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-399c1828 */.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-b15f06 */.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-502084b2 */.containerklima {
    width: 100%;
    margin: 20px auto;
    background-color: #ffffff;
   padding: 0px;
    border-radius: 8px;
   
}

.titleklima {
    text-align: left!important; 
   font-size: 35px;
  font-weight: bold;
  color: #11490f!important; 
   margin-bottom: 10px;

}

.descriptionklima {
    text-align: left;
    color: #555;
    font-size: 1.1em;
    margin-bottom: 20px;
}

/* Tabellenstile */
.climate-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.climate-table th, .climate-table td {
    padding: 12px;
    text-align: center;
    border: 1px solid #ddd;
}

.climate-table th {
    background-color: #4CAF50;
    color: white;
}

.climate-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.climate-table tr:hover {
    background-color: #ddd;
}

/* Zusammenfassung */
.summary {
    margin-top: 20px;
 text-align: left!important; 
    color: #555;
    font-size: 1.1em;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .containerklima {
  padding: 0px;
    }
    .titleklima {
            text-align: left!important; 
   font-size: 1.8rem;
  font-weight: bold;
  color: #11490f!important; 
   margin-bottom: 10px;
    }
    .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 */