#filter-navigation {
    background-color: #9bd0c2 !important;
}
.navigation a:hover{
    color: #9bd0c2 !important;
}
a:hover, 
.chitra-social-media li .fa:hover,
.chitra-social-media li a>i:hover
{
    color: #9bd0c2;
}
.color-default{
    color: #9bd0c2 !important;
}
.panel-heading .accordion-toggle.active,
.panel-heading .accordion-toggle.active i,
.accordion-heading .accordion-toggle.active,
.accordion-heading .accordion-toggle.active i,
.default-callout-box,
.cap-default,
.pricing-table-col.active .pricing-title,
.progress-bar-default,
#blog .blog_quote,
.staff-header,
.contact_header,
.post-info,
.post-info:before,
#blog-masonry .element .post-info:before,
.square-mode-box .fa.default:after,
.service-item:hover .service-icon.square-border-box .fa.default:after,
.page-banner,
#active-menu-wrapper,
.preload_portfolio,
#single-column-blog-masonry .blog_quote,
.content-header,
#single-column-blog-masonry .element .post-info:before,
.portfolio-detail .picture .view-link,
.portfolio-detail .picture .image-link,
.og-expander .view-link,
.og-expander .image-link
{
    color:#ffffff;
    background: #9bd0c2;
}
.btn-default,
.square-mode-box .fa.default
{
    background-color: #9bd0c2 !important;
    color: #FFFFFF !important;
    border: #9bd0c2 2px solid !important;
}
.btn-default-bordered, .btn-default:hover,
.service-item:hover .service-icon.square-mode-box .fa.default,
.square-mode-box .fa.default:hover,
.square-border-box .fa.default
{
    border: #9bd0c2 2px solid !important;
    color: #9bd0c2 !important;
    background-color: transparent !important;
}
.btn-default-bordered:hover:after,
.square-border-box .fa.default:hover:after{
    background: none repeat scroll 0 0 #9bd0c2;
    width: 100%;
}
.flex-control-paging li a.flex-active
{
    background: none repeat scroll 0 0 #9bd0c2 !important;
}
.quote-default .fa,
.simple .fa.default,
.service-item:hover .service-icon.simple .fa.black,
.simple .fa.black:hover,
.service-item:hover .service-icon.simple .fa.white,
.simple .fa.white:hover,
#blog-masonry .post-description .fa,
#blog-masonry .post-description .dot-irecommendthis:before,
#single-column-blog-masonry .post-description .dot-irecommendthis:before,
#single-column-blog-masonry .post-description .fa
{
    color: #9bd0c2 !important;
}
.btn-blue ,
.square-mode-box .fa.default:after,
.display_details:before, .display_details,
.portfolio-detail, .og-expander,
.porfolio-content:hover .mask-description,
.masonry-container .is_active .mask-description,
#portfolio-container .is_active .mask-description,
#portfolio-container.is_active .mask-description,
.og-grid .is_active .mask-description,
.masonry-porfolio-content:hover .mask-description,
.masonry-project-content:hover .mask-description
{
    background-color: #9bd0c2 !important;
}
.btn-default:after{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #9bd0c2;
}
.service-item:hover .service-icon.square-border-box .fa.default,
.square-border-box .fa.default:hover
{
    color: #FFFFFF !important;
    border: #9bd0c2 2px solid !important;
}
.contact_form input[type=text]:focus,
.contact_form input[type=email]:focus,
.contact_form input[type=password]:focus,
textarea:focus,
select:focus,
.uneditable-input:focus,
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus,
.comment-form-comment input:focus,
.comment-form-author textarea:focus,
.comment-form-email textarea:focus,
.comment-form-url textarea:focus,
.comment-form-comment textarea:focus{
    border: #9bd0c2 1px solid !important;
}
 .pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
    background: #9bd0c2;
    border-color: #9bd0c2;
}
.pagination > li > a,
.navigation li.current_page_item > a,
.pagination > li > span{
    color: #9bd0c2;
}
.bg-img .full-img{
    background-color: #9bd0c2;
}

.fab-appointment {
  position: fixed;
  top: 40px;
  right: 20px;
 /* display: inline-flex; */
 display: none;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  background-color: #3fa180; /* Dunkelgrün */
  color: #ffffff;
  border-radius: 8px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  transition: all 0.3s ease;
  cursor: pointer;
}

.fab-appointment:hover {
  background-color: #145030;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
  color: #ffffff;
}

.fab-appointment svg {
  flex-shrink: 0;
}

.fab-appointment span {
  white-space: nowrap;
}

/* Responsive: Auf kleinen Bildschirmen nur Icon */
@media (max-width: 768px) {
  .fab-appointment {
    padding: 12px 16px;
    top: 15px;
    right: 15px;
  }
  
  /*.fab-appointment span {
    display: none;
  }*/
}