/* Neue elegante Icons für Ruhelotsen - Einheitlicher Stil */
/* Quick Cards Icons - Alle gleiche Größe */
.elegant-icon {
width: 48px;
height: 48px;
display: inline-block;
margin-bottom: 25px;
opacity: 0.7;
transition: all 0.4s ease;
background-size: 48px 48px;
background-repeat: no-repeat;
background-position: center;
}
.quick-card:hover .elegant-icon {
opacity: 1;
transform: translateY(-3px) scale(1.05);
}
/* Service Cards Icons - Etwas kleiner */
.elegant-service-icon {
width: 42px;
height: 42px;
display: inline-block;
opacity: 0.7;
transition: all 0.4s ease;
background-size: 42px 42px;
background-repeat: no-repeat;
background-position: center;
}
.service-card:hover .elegant-service-icon {
opacity: 1;
transform: translateY(-3px) scale(1.05);
}
/* Header Service Icons - Einheitliche Größe */
.service-icons a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
margin: 0 8px;
position: relative;
transition: all 0.3s ease;
}
.service-icons a::before {
content: '';
position: absolute;
width: 24px;
height: 24px;
background-size: 24px 24px;
background-repeat: no-repeat;
background-position: center;
opacity: 0.7;
transition: all 0.3s ease;
}
.service-icons a:hover::before {
opacity: 1;
transform: translateY(-2px);
}
/* NEUE ELEGANTE ICONS - Minimalistisch und einheitlich */
/* Trauerfall - Kerze */
.icon-dove {
background-image: url('data:image/svg+xml;utf8,');
}
/* Lotsen-Café - Elegante Tasse */
.icon-coffee {
background-image: url('data:image/svg+xml;utf8,');
}
/* Trauerfeier - Sarg */
.icon-praying-hands {
background-image: url('data:image/svg+xml;utf8,');
}
/* Trauerredner - Mikrofon elegant */
.icon-microphone {
background-image: url('data:image/svg+xml;utf8,');
}
/* Gedenkportal - Buch */
.icon-book-open {
background-image: url('data:image/svg+xml;utf8,');
}
/* Vorsorge - Schirm/Schutz */
.icon-shield-heart {
background-image: url('data:image/svg+xml;utf8,');
}
/* Ratgeber - Info */
.icon-info {
background-image: url('data:image/svg+xml;utf8,');
}
/* Trauerliteratur - Buch geschlossen */
.icon-book-bookmark {
background-image: url('data:image/svg+xml;utf8,');
}
/* Abschied - Herz */
.icon-cloud-sun {
background-image: url('data:image/svg+xml;utf8,');
}
/* Bestattungshaus - Kirche */
.icon-church {
background-image: url('data:image/svg+xml;utf8,');
}
/* Über uns - Personen */
.icon-users {
background-image: url('data:image/svg+xml;utf8,');
}
/* Kundencenter - Computer */
.icon-desktop {
background-image: url('data:image/svg+xml;utf8,');
}
/* SERVICE CARDS ICONS */
/* Erdbestattung - Kreuz */
.icon-cross {
background-image: url('data:image/svg+xml;utf8,');
}
/* Feuerbestattung - Flamme */
.icon-fire {
background-image: url('data:image/svg+xml;utf8,');
}
/* Seebestattung - Wellen */
.icon-water {
background-image: url('data:image/svg+xml;utf8,');
}
/* Waldbestattung - Baum */
.icon-tree {
background-image: url('data:image/svg+xml;utf8,');
}
/* Anonyme Bestattung - Kreis */
.icon-circle {
background-image: url('data:image/svg+xml;utf8,');
}
/* Überführungen - Pin/Marker */
.icon-location {
background-image: url('data:image/svg+xml;utf8,');
}
/* HEADER ICONS */
.icon-svg-file-text::before {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-svg-envelope::before {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-svg-calendar::before {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-svg-book::before {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-svg-coffee::before {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-svg-whatsapp::before {
background-image: url('data:image/svg+xml;utf8,');
}
/* Hover-Effekt für Header-Icons - dunkler statt weiß */
.icon-svg-file-text:hover::before {
background-image: url('data:image/svg+xml;utf8,');
opacity: 1;
transform: translateY(-2px);
}
.icon-svg-envelope:hover::before {
background-image: url('data:image/svg+xml;utf8,');
opacity: 1;
transform: translateY(-2px);
}
.icon-svg-calendar:hover::before {
background-image: url('data:image/svg+xml;utf8,');
opacity: 1;
transform: translateY(-2px);
}
.icon-svg-book:hover::before {
background-image: url('data:image/svg+xml;utf8,');
opacity: 1;
transform: translateY(-2px);
}
.icon-svg-coffee:hover::before {
background-image: url('data:image/svg+xml;utf8,');
opacity: 1;
transform: translateY(-2px);
}
.icon-svg-whatsapp:hover::before {
background-image: url('data:image/svg+xml;utf8,');
opacity: 1;
transform: translateY(-2px);
}