.marker-cluster-small {
    background-color: rgba(255, 197, 0, 0.6);
}

.footer{background-color:#cff2e3;}
.header{background-color:#cff2e3;}
.header.header-minimal.primary{background-color:#cff2e3;}

        #cookie-consent-modal {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 9999;
            background-color: white;
            color: #000;
            padding: 1rem;
            border-top: 1px solid var(--border-color);
            box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        }
        #cookie-consent-modal .container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1rem;
        }
        @media (min-width: 768px) {
             #cookie-consent-modal .container {
                flex-direction: row;
                justify-content: space-between;
            }
        }
        #cookie-consent-modal button {
            padding: 0.6rem 1.2rem;
            border-radius: 0.5rem;
            font-weight: 600;
            border: none;
            cursor: pointer;
        }
        #accept-cookies {
            background-color: #273e4d;
            color: white;
        }
        #decline-cookies {
            background-color: #e2e8f0;
            color: d4b867;
        }
		
		.half_bg {
  @apply inline text-black/90;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 70%,
    rgba(207, 242, 227, 0.5) 70%,
    rgba(207, 242, 227, 0.5) 100%
  );}
  
.telefon-button {
  position: fixed; /* Hält das Element an einer festen Position im Ansichtsfenster */
  bottom: 0px;   /* 20 Pixel Abstand vom unteren Rand */
  right: 0px;    /* 20 Pixel Abstand vom rechten Rand */
  z-index: 1000;  /* Stellt sicher, dass der Button über anderen Elementen liegt */
}

.telefon-button a {
  display: block;
  padding: 10px 15px;
####line-height:1em;
  background-color: #cff2e3; /* Hintergrundfarbe - ändern Sie diese nach Wunsch */
  color: #000;             /* Text- oder Icon-Farbe */
  border-radius: 8px 0px 0 0;       /* Macht den Button rund */
  font-size:3em;          /* Größe des Icons oder Textes */
  text-decoration: none;    /* Entfernt die Unterstreichung des Links */
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* Fügt einen leichten Schatten hinzu */
  transition: background-color 0.3s; /* Sanfter Übergang für den Hover-Effekt */
      border: 1px solid #93529a;
}

.telefon-button a:hover {
  background-color: #93529a; /* Farbe, wenn man mit der Maus darüber fährt */
  color:#fff;
}



.orientierung-button {
  position: fixed; /* Hält das Element an einer festen Position im Ansichtsfenster */
  bottom: 0px;   /* 20 Pixel Abstand vom unteren Rand */
  right: 76px;    /* 20 Pixel Abstand vom rechten Rand */
  z-index: 1000;  /* Stellt sicher, dass der Button über anderen Elementen liegt */
}

.orientierung-button a {
  display: block;
  padding: 10px 18px;
####line-height:1em;
  background-color: #cff2e3; /* Hintergrundfarbe - ändern Sie diese nach Wunsch */
  color: white;             /* Text- oder Icon-Farbe */
  border-radius: 8px 8px 0 0;       /* Macht den Button rund */
  font-size:3em;          /* Größe des Icons oder Textes */
  text-decoration: none;    /* Entfernt die Unterstreichung des Links */
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* Fügt einen leichten Schatten hinzu */
  transition: background-color 0.3s; /* Sanfter Übergang für den Hover-Effekt */
      border: 1px solid #93529a;
}

.orientierung-button a:hover {
  background-color: #93529a; /* Farbe, wenn man mit der Maus darüber fährt */
  color:#000;
}

.friedhoefe-button {
  position: fixed; /* Hält das Element an einer festen Position im Ansichtsfenster */
  bottom: 0px;   /* 20 Pixel Abstand vom unteren Rand */
  right:158px;    /* 20 Pixel Abstand vom rechten Rand */
  z-index: 1000;  /* Stellt sicher, dass der Button über anderen Elementen liegt */
}

.friedhoefe-button a {
  display: block;
  padding: 10px 18px;
####line-height:1em;
  background-color: #cff2e3; /* Hintergrundfarbe - ändern Sie diese nach Wunsch */
  color: white;             /* Text- oder Icon-Farbe */
  border-radius: 8px 8px 0 0;       /* Macht den Button rund */
  font-size:3em;          /* Größe des Icons oder Textes */
  text-decoration: none;    /* Entfernt die Unterstreichung des Links */
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* Fügt einen leichten Schatten hinzu */
  transition: background-color 0.3s; /* Sanfter Übergang für den Hover-Effekt */
      border: 1px solid #93529a;
}

.friedhoefe-button a:hover {
  background-color: #93529a; /* Farbe, wenn man mit der Maus darüber fährt */
  color:#000;
}

.faq-button {
  position: fixed; /* Hält das Element an einer festen Position im Ansichtsfenster */
  bottom: 0px;   /* 20 Pixel Abstand vom unteren Rand */
  right:240px;    /* 20 Pixel Abstand vom rechten Rand */
  z-index: 1000;  /* Stellt sicher, dass der Button über anderen Elementen liegt */
}

.faq-button a {
  display: block;
  padding: 10px 18px;
###line-height:1em;
  background-color: #cff2e3; /* Hintergrundfarbe - ändern Sie diese nach Wunsch */
  color: white;             /* Text- oder Icon-Farbe */
  border-radius: 8px 8px 0 0;       /* Macht den Button rund */
  font-size:3em;          /* Größe des Icons oder Textes */
  text-decoration: none;    /* Entfernt die Unterstreichung des Links */
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* Fügt einen leichten Schatten hinzu */
  transition: background-color 0.3s; /* Sanfter Übergang für den Hover-Effekt */
      border: 1px solid #93529a;
}

.faq-button a:hover {
  background-color: #93529a; /* Farbe, wenn man mit der Maus darüber fährt */
  color:#000;
}

#datenschutz-button {
  position: fixed; /* Hält das Element an einer festen Position im Ansichtsfenster */
  bottom: 0px;   /* 20 Pixel Abstand vom unteren Rand */
  left: 0px;    /* 20 Pixel Abstand vom rechten Rand */
  z-index: 1000;  /* Stellt sicher, dass der Button über anderen Elementen liegt */
}

.datenschutz-button {
  position: fixed; /* Hält das Element an einer festen Position im Ansichtsfenster */
  bottom: 0px;   /* 20 Pixel Abstand vom unteren Rand */
  left: 0px;    /* 20 Pixel Abstand vom rechten Rand */
  z-index: 1000;  /* Stellt sicher, dass der Button über anderen Elementen liegt */
}

.datenschutz-button a {
  display: block;
  padding: 10px 15px;
###line-height:1em;
  background-color: #cff2e3; /* Hintergrundfarbe - ändern Sie diese nach Wunsch */
  color: white;             /* Text- oder Icon-Farbe */
  border-radius: 0px 8px 0 0;       /* Macht den Button rund */
  font-size:3em;          /* Größe des Icons oder Textes */
  text-decoration: none;    /* Entfernt die Unterstreichung des Links */
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* Fügt einen leichten Schatten hinzu */
  transition: background-color 0.3s; /* Sanfter Übergang für den Hover-Effekt */
      border: 1px solid #93529a;
}

.datenschutz-button a:hover {
  background-color: #93529a; /* Farbe, wenn man mit der Maus darüber fährt */
  color:#000;
}

#top-button {
  position: fixed; /* Hält das Element an einer festen Position im Ansichtsfenster */
  bottom: 0px;   /* 20 Pixel Abstand vom unteren Rand */
  left: 76px;    /* 20 Pixel Abstand vom rechten Rand */
  z-index: 1000;  /* Stellt sicher, dass der Button über anderen Elementen liegt */
}

.top-button {
  position: fixed; /* Hält das Element an einer festen Position im Ansichtsfenster */
  bottom: 0px;   /* 20 Pixel Abstand vom unteren Rand */
  left: 68px;    /* 20 Pixel Abstand vom rechten Rand */
  z-index: 1000;  /* Stellt sicher, dass der Button über anderen Elementen liegt */
}

.top-button a {
  display: block;
  padding: 10px 15px;
###line-height:1em;
  background-color: #cff2e3; /* Hintergrundfarbe - ändern Sie diese nach Wunsch */
  color: white;             /* Text- oder Icon-Farbe */
  border-radius: 8px 8px 0 0;       /* Macht den Button rund */
  font-size:3em;          /* Größe des Icons oder Textes */
  text-decoration: none;    /* Entfernt die Unterstreichung des Links */
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* Fügt einen leichten Schatten hinzu */
  transition: background-color 0.3s; /* Sanfter Übergang für den Hover-Effekt */
      border: 1px solid #93529a;
}

.top-button a:hover {
  background-color: #93529a; /* Farbe, wenn man mit der Maus darüber fährt */
  color:#000;
}


#bestatter-button {
  position: fixed; /* Hält das Element an einer festen Position im Ansichtsfenster */
  bottom: 0px;   /* 20 Pixel Abstand vom unteren Rand */
  left: 152px;    /* 20 Pixel Abstand vom rechten Rand */
  z-index: 1000;  /* Stellt sicher, dass der Button über anderen Elementen liegt */
}

.bestatter-button {
  position: fixed; /* Hält das Element an einer festen Position im Ansichtsfenster */
  bottom: 0px;   /* 20 Pixel Abstand vom unteren Rand */
  left: 152px;    /* 20 Pixel Abstand vom rechten Rand */
  z-index: 1000;  /* Stellt sicher, dass der Button über anderen Elementen liegt */
}

.bestatter-button a {
  display: block;
  padding: 10px 15px;
###line-height:1em;
  background-color: #cff2e3; /* Hintergrundfarbe - ändern Sie diese nach Wunsch */
  color: white;             /* Text- oder Icon-Farbe */
  border-radius: 8px 8px 0 0;       /* Macht den Button rund */
  font-size:3em;          /* Größe des Icons oder Textes */
  text-decoration: none;    /* Entfernt die Unterstreichung des Links */
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* Fügt einen leichten Schatten hinzu */
  transition: background-color 0.3s; /* Sanfter Übergang für den Hover-Effekt */
      border: 1px solid #93529a;
}

.bestatter-button a:hover {
  background-color: #93529a; /* Farbe, wenn man mit der Maus darüber fährt */
  color:#000;
}


        .bestatter-button a, .top-button a, .datenschutz-button a, .telefon-button a, .faq-button a, .friedhoefe-button a, .orientierung-button a {
        margin-bottom:-2px;
  }
        
        @media (max-width: 968px) {
        
         .bestatter-button a, .top-button a, .datenschutz-button a, .telefon-button a, .faq-button a, .friedhoefe-button a, .orientierung-button a {
  font-size:1.5em; padding: 8px 9px;
  }
         .faq-button  { right: 144px; }
         .friedhoefe-button { right: 96px; }
         .orientierung-button { right: 48px; }
         #top-button { left: 48px; }
         #bestatter-button  { left: 96px; }
         }
         
.cityguide-list-search li .cityguide-search-btn { color:#fff; }


.notify-drift {
    position: absolute;
    padding: 10% 5%;
    width: 40%;
    height: 40%;
    text-align: center;
    font-family: Latobo;
    font-size: 0.8em;
    transform: rotate(0deg);
    top: 30%;
    left: 30%;
    background: #375863;
    border: 0px solid #000;
    border-radius: 50%;
    color: #fff;
    text-shadow: 0px 1px 2px #333;
	}
	
div h4-drift {
    font-family: Dosis;
    font-size: 0.8em;
    line-height: 80%;
    font-weight: 300;
    border-radius: 0 0 0 0px;
    box-shadow: 0px 0px 0px #fff;
    text-transform: uppercase;
    text-align: center;
}