/* FELDRAND MUSIK – Ergänzung zum eingefrorenen Status quo. Benötigt common.css + assets/feldrand-startseite-final.png */
.music-layer{position:absolute;z-index:5;left:0;right:0;top:10.7%;bottom:8.1%;background:transparent;overflow:hidden;padding:4.2% 10% 3.2%}
.music-layer:before{display:none}
.music-location{position:absolute;z-index:7;left:1.45%;top:11.7%;color:#e8ded0;font:700 clamp(8px,1vw,16px)/1 'Arial Narrow',Arial,sans-serif;letter-spacing:.08em;white-space:nowrap}
.album-grid{position:relative;z-index:6;width:min(70%,760px);height:100%;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5% 10%;align-items:center;justify-items:center}
.album-card{width:min(100%,240px);aspect-ratio:1;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #b58b52;background:linear-gradient(145deg,#17130f,#070707 62%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.75);color:#e8ded0;transition:border-color .08s linear,color .08s linear;position:relative}
.album-card:after{content:"";position:absolute;inset:7px;border:1px solid rgba(181,139,82,.32);pointer-events:none}
.album-card:hover,.album-card:focus-visible{color:#e60012;border-color:#e60012;outline:none}
.album-no{font:800 clamp(34px,4.2vw,68px)/1 'Arial Narrow',Arial,sans-serif;letter-spacing:.05em}.album-label{margin-top:9%;font:800 clamp(10px,1.1vw,17px)/1 'Arial Narrow',Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.album-page{position:absolute;z-index:5;left:0;right:0;top:10.7%;bottom:8.1%;background:transparent;padding:5.2% 13% 3%;color:#e8ded0;font-family:'Arial Narrow',Arial,sans-serif}.album-page h1{margin:0 0 2%;font-size:clamp(28px,4vw,62px);letter-spacing:.08em}.album-page p{font-size:clamp(12px,1.25vw,19px)}.tracks{margin-top:4%;border-top:1px solid #8f6b3f}.track{display:flex;align-items:center;gap:2%;padding:1.2% 0;border-bottom:1px solid #4d3b28}.track span{min-width:26%;font-weight:700;letter-spacing:.06em}.track audio{width:min(70%,520px);height:34px}.back{display:inline-block;margin-top:3%;color:#e8ded0;text-decoration:none;font-weight:800;letter-spacing:.08em}.back:hover{color:#e60012}
@media(max-width:700px){.music-layer{padding-left:14%;padding-right:14%}.album-grid{width:100%;gap:4% 8%}.album-page{padding-left:8%;padding-right:8%}}

/* Album 1 aktiv; die drei übrigen Felder bleiben unsichtbar und nicht klickbar. */
.album-cover{padding:0;overflow:hidden;background:#050505}
.album-cover img{display:block;width:100%;height:100%;object-fit:cover}
.album-cover:hover,.album-cover:focus-visible{border-color:#e60012}
.album-hidden{visibility:hidden;pointer-events:none;border:0;background:transparent;box-shadow:none}
.album-hidden:after{display:none}

.album-page.album1{padding-top:3.6%;overflow:auto}.album-page.album1 h1{font-size:clamp(24px,3.1vw,48px);margin-bottom:.6%}.album-subtitle{margin:0 0 2.2%;font-weight:700;letter-spacing:.06em}.album1 .tracks{margin-top:1.5%}.album1 .track{padding:.65% 0}.album1 .track span{min-width:31%;font-size:clamp(10px,1.05vw,17px)}.album1 .back{margin-top:1.7%}