.albums-overview .albums-total{flex:none;margin-left:auto;color:var(--color-secondary);font-size:.9rem}.albums-overview .album-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:1.5rem}.album{overflow:hidden;border-radius:.8rem;background-color:var(--bg-main);box-shadow:0 2px 12px rgba(0,0,0,.08);scroll-margin-top:calc(var(--header-height) + 4rem);transition:transform .3s,box-shadow .3s}.album summary{display:flex;flex-direction:column;cursor:pointer;list-style:none}.album summary::-webkit-details-marker{display:none}.album summary:focus-visible{outline:3px solid var(--accent-color);outline-offset:-3px;border-radius:.8rem}.album:not([open]) summary{height:100%}.album:not([open]):hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.14)}.album:not([open]):hover .album-cover img{transform:scale(1.04)}.album .album-cover{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:16/10;overflow:hidden;background-color:var(--bg-secondary)}.album .album-cover img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;transition:transform .4s}.album .album-cover img:first-child{grid-row:1/3}.album .album-cover.album-cover-1 img{grid-column:1/3}.album .album-cover.album-cover-2 img:nth-child(2){grid-row:1/3}.album .album-body{display:grid;flex:1;grid-template-columns:1fr auto;align-items:center;gap:.2rem 1rem;padding:1rem 1.2rem 1.2rem}.album .album-title{grid-column:1/3;margin:0;font-size:1.15rem;line-height:1.35}.album .album-meta{display:inline-flex;grid-column:1;align-items:center;gap:.35rem;color:var(--accent-color);font-size:.8rem;font-weight:bold;letter-spacing:.05em}.album .album-meta svg{width:1rem;height:1rem;fill:currentColor}.album .album-toggle{grid-column:2;color:var(--accent-color);white-space:nowrap;font-size:.9rem;font-weight:bold}.album .album-toggle::after{content:"Ansehen →"}.album .gallery-images{line-height:1.8rem;column-count:5;column-gap:.5rem;padding:0 1.2rem 1.2rem}.album .gallery-images a{display:block;margin-bottom:.5rem;overflow:hidden;border-radius:.3rem;break-inside:avoid}.album .gallery-images img{display:block;width:100%;height:auto;transition:transform .3s,filter .3s}.album .gallery-images a:hover img{transform:scale(1.04);filter:brightness(1.1)}.album[open]{grid-column:1/-1;box-shadow:0 8px 24px rgba(0,0,0,.14)}.album[open] .album-cover{display:none}.album[open] .album-title{font-size:1.5rem}.album[open] .album-toggle::after{content:"Schließen ×"}@media only screen and (max-width: 1200px){.album .gallery-images{column-count:4}}@media only screen and (max-width: 1000px){.album .gallery-images{column-count:3}}@media only screen and (max-width: 800px){.album .gallery-images{column-count:2;padding:0 .8rem .8rem}.album[open] .album-title{font-size:1.2rem}}@media only screen and (max-width: 600px){.albums-overview .albums-total{display:none}}@media(prefers-reduced-motion: reduce){.album,.album .album-cover img,.album .gallery-images img{transition:none}}