/*# 

grau #edebec		rgba(237,235,236,1.00)
olivegrün. #8ea092	rgba(142,160,146,1.00)
sand #eddecb		rgba(237,222,203,1.00)
beeige #cacdc6		rgba(202,205,198,1.00)

 rgba(249,163,146,1.00)
*/


	/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* prata-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prata';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/prata-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../assets/fonts/roboto-v51-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../assets/fonts/roboto-v51-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../assets/fonts/roboto-v51-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





















:root {  --theme-color: #cacdc6;	}
.line { display: inline-block;
  font-size: 1em;
  padding-left: 5px;
  border-radius: 18px;
  background: linear-gradient(
    90deg,
    rgba(245, 245, 240, 0.88) 0%,
    rgba(245, 245, 240, 0.78) 45%,
    rgba(245, 245, 240, 0.45) 75%,
    rgba(245, 245, 240, 0) 100%
  );
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);}

.vs-list-style1 li {line-height: 1.4em;}
 
.mobile-contact{
 margin-top: 1em;
    background:#f5f5f5;
    font-size:14px;

	text-align: left;
}

.mobile-contact a{
    color:#b8905e;
    text-decoration:none;
    font-weight:500;
}


.vs-service { background: linear-gradient(
        rgba(255,255,255,0.85),
        rgba(255,255,255,0.05)
    );}


.divider-icon {
    background-image: url(../bestattung-logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.popup-search-box {
    position: fixed;
    top: 0;
    left: 50%;
    background-color: rgba(237,235,236,1.00);
    height: 0;
    width: 0;
    overflow: hidden;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    transform: translateX(-50%);
    transition: all ease 0.4s;
}




.link-inherit a:hover,
a:hover {
  color: #f23d19;
}

.link-btn.text-theme:hover {
  color: #f23d19 !important;
}

.vs-btn.wave-style2,
.vs-btn.wave-style1 {
  box-shadow: 0px 6px 20px 0px rgba(202,205,198, 0.3);
}

.bg-solid-theme {
  background-color: rgba(202,205,198, 0.15);
}

.vs-comments-layout1,
.vs-comments-layout1 .vs-post-comment,
.widget .twitter-feeds li,
.vs-widget-recent-post.has-border-theme .recent-post,
.border-light-theme {
  border-color: rgba(202,205,198, 0.4) !important;
}

.vs-service-layout2 .vs-service {
  border-color: rgba(202,205,198, 0.2);
}

.tabs-style1 a {
  background-color: rgba(202,205,198, 0.17);
}

.comment-form-style1 textarea:focus,
.comment-form-style1 input:focus,
.comment-form-style1 textarea,
.comment-form-style1 input,
.widget,
.vs-service-layout3 .vs-service,
.quantity-box button,
.bg-light-theme,
.icon-btn .style1 {
  background-color: rgba(202,205,198, 0.1);
}

.hero-box1 {
  box-shadow: 0px 8px 16px 0px rgba(202,205,198, 0.5);
}

.vs-team-layout1 .social-links a,
.header-layout2 .header-btn .icon-btn,
.header-layout1 .header-btn .icon-btn {
  box-shadow: 0px 6px 12px 0px rgba(202,205,198, 0.2);
}

.vs-faq-layout1 .vs-faq-title:before,
.vs-features-layout1 .media-icon .icon-btn,
.vs-service-layout1 .service-icon .icon {
  box-shadow: 0px 8px 16px 0px rgba(202,205,198, 0.2);
}

.input-white .nice-select,
.input-white .form-control {
  box-shadow: 0px 6px 12px 0px rgba(202,205,198, 0.1);
}

.widget form,
.vs-gallery-details .gallery-top-bar,
.pagination-layout2,
.price-list-style1 {
  box-shadow: 0px 16px 32px 0px rgba(202,205,198, 0.1);
}

.vs-service-layout2 .vs-service:hover {
  box-shadow: 0px 8px 16px 0px rgba(202,205,198, 0.3);
}
.vs-service-layout2 .service-btn {
  box-shadow: 0px 8px 16px 0px rgba(202,205,198, 0.1);
}

.vs-about-layout3:before {
  background-image: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(202,205,198, 0.15) 100%);
}

.vs-brand-layout1:before {
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(202,205,198, 0.15) 100%);
}

.vs-brand-layout2:before {
  background-image: linear-gradient(to bottom, rgba(202,205,198, 0.15) 0%, rgb(255, 255, 255) 30%, rgba(202,205,198, 0.15) 120%);
}

.vs-team-layout2 .vs-team {
  box-shadow: 0px 16px 32px 0px rgba(202,205,198, 0.12);
}

.vs-team-layout2 .social-links a {
  box-shadow: 0px 10px 25px 0px rgba(202,205,198, 0.2);
}

.vs-blog-layout1 .blog-content,
.subscribe-form-style1 {
  box-shadow: 0px 16px 32px 0px rgba(202,205,198, 0.16);
}

.vs-gallery-layout2 .vs-gallery:before {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.8) 5%, rgba(202,205,198, 0.8) 100%);
}

.vs-gallery-layout2 .vs-gallery:after {
  background-image: linear-gradient(45deg, rgba(202,205,198, 0.8) 5%, rgba(255, 255, 255, 0.8) 100%);
}

.vs-testimonial-layout3 .vs-testimonial {
  box-shadow: 0 -10px 40px 0 rgba(202,205,198, 0.15);
}
/*# sourceMappingURL=theme-color1.css.map */





.bestattungsarten-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 55px; /* Abstand zwischen den Blöcken */


}

.bestattungsarten-row > .col-lg-3 {
    float: none;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 0;
    padding-right: 0;
}

.bestattungsarten-hinweis {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 20px;
}
.vs-service .service-content {
    padding-left: 15px;
    border-left: 2px solid rgba(0,0,0,0.1);
}
@media (max-width: 1199px) {
    .bestattungsarten-row > .col-lg-3 {
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (max-width: 767px) {
    .bestattungsarten-row > .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}