/* projekte.php | function renderReferenzen() */ .ref-card img { width: 100%; border: 2px solid #ddd; border-radius: 0.5rem; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; } .ref-card img:hover { transform: scale(1.05); box-shadow: inset 0 4px 12px rgba(0,0,0,0.2); } .ref-caption { margin-top: 0.5rem; font-size: 1rem; font-weight: 500; } /* Link entfernt Unterstreichung, behält aber Hover-Farbe */ .ref-card a:hover .ref-caption { text-decoration: underline; } /* 1. Breadcrumb-Pill stylen und Divider ersetzen */ .breadcrumb { /* Data-URI für den SVG-Chevron im Kreis (arrow-right-circle) */ --bs-breadcrumb-divider: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3e%3cpath d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0z'/%3e%3cpath fill-rule='evenodd' d='M4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5z'/%3e%3c/svg%3e"); /* arrow-right-circle :contentReference[oaicite:0]{index=0} */ background-color: #f8f9fa; padding: .5rem 1rem; border-radius: .75rem; } /* 2. Entferne alle Icons vor den Breadcrumb-Items */ .breadcrumb-item > i { display: none; } /* 3. Optional: Link-Styling */ .breadcrumb-item a { color: #0d6efd; text-decoration: none; } .breadcrumb-item a:hover { text-decoration: underline; } .breadcrumb-item.active { color: #495057; } /* Projekte_details.php */ /* In eurem Haupt-Stylesheet oder im */ .gallery-img { border-radius: .5rem; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform .3s ease, box-shadow .3s ease; } .gallery-img:hover { transform: scale(1.05); box-shadow: inset 0 4px 12px rgba(0,0,0,0.2); } /* Beschriftung unter den Vorschaubildern */ .gallery-caption { margin-top: .5rem; font-size: 1rem; font-weight: 500; }