:root{--wine:#74162d;--dark:#241a1b;--gold:#b38439;--cream:#fbf5ea;--paper:#fffaf2;--ink:#2f2927}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 Georgia,'Times New Roman',serif}a{color:var(--wine)}.wrap{width:min(1240px,calc(100% - 42px));margin:auto}.site-header{background:#fffaf3;border-bottom:1px solid #e4d6bf;position:relative;z-index:5}.header-inner{display:flex;align-items:center;gap:18px;min-height:112px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--dark);line-height:1.1;white-space:nowrap}.brand strong{display:block;font-size:30px;font-weight:normal;font-style:italic}.brand small{display:block;font-size:20px;font-style:italic}.clef{font-size:67px;line-height:1;color:var(--gold)}.brand-divider{height:60px;width:1px;background:#cbb48c}.trio-brand{font-size:18px;line-height:1.25;text-decoration:none;color:var(--wine);white-space:nowrap}nav{display:flex;align-items:center;gap:5px;margin-left:auto}nav a{text-decoration:none;color:var(--ink);padding:10px 12px;border-radius:5px;white-space:nowrap;font-size:16px}nav a.active,nav a:hover{background:var(--gold);color:white}.menu-toggle{display:none;background:none;border:0;font-size:30px;color:var(--wine)}.hero{min-height:440px;display:grid;grid-template-columns:1fr 1fr;background:var(--dark);color:#fff;overflow:hidden}.hero-photo{background:linear-gradient(90deg,transparent 72%,#241a1b),url('img/daniela.png') center 35%/cover}.hero-content{text-align:center;align-self:center;padding:38px 5vw}.eyebrow{text-transform:uppercase;letter-spacing:3px;font:13px/1.4 Arial,sans-serif;color:var(--gold)}.hero h1{color:#f1ce8c;font-size:clamp(38px,4vw,65px);font-weight:normal;font-style:italic;line-height:1.15;margin:10px 0}.hero-content>p:not(.eyebrow){font-size:clamp(19px,2vw,28px);line-height:1.3}.hero-content .hero-sub{font-size:19px!important;font-style:italic}.ornament{font-size:38px;color:var(--gold);border-bottom:1px solid #977441;display:inline-block;padding:0 70px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:34px 0 72px}.card{background:var(--paper);border:1px solid #e7d6bd;border-radius:15px;overflow:hidden;box-shadow:0 9px 18px #38200d1a;display:flex;flex-direction:column}.card img{width:100%;height:245px;object-fit:cover}.card-body{padding:24px;display:flex;flex:1;flex-direction:column}.card h2{font-size:27px;color:var(--wine);line-height:1.2;margin:0 0 12px;font-weight:normal}.card p{margin:0 0 20px}.card .btn{margin-top:auto;align-self:flex-start}.btn{display:inline-block;border:0;border-radius:5px;background:linear-gradient(#bc9148,#986c2a);color:white;text-decoration:none;padding:10px 23px;font:17px Georgia;cursor:pointer}.btn:hover{filter:brightness(.9)}.event-card{background:linear-gradient(130deg,#fff7e9,#f5e5cc)}.event-card h3{font-size:25px;color:var(--wine);line-height:1.3}.event-date{color:#92621d;font-weight:bold}.page-content{padding:54px 0 90px;min-height:60vh}.page-content h1{font-size:clamp(36px,4vw,54px);font-style:italic;font-weight:normal;color:var(--wine);margin:0 0 30px}.page-content h2{font-size:29px;font-weight:normal;color:#956a2d;margin:30px 0 12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}.feature-image{width:100%;border-radius:12px;box-shadow:0 14px 30px #26140f25}.offer-list{columns:2;padding-left:24px}.offer-list li{padding:4px}.bio{max-width:900px;margin-top:50px}.note{background:#f5e9d8;border-left:4px solid var(--gold);padding:17px 22px;border-radius:4px}.event-list{display:grid;gap:12px;margin-bottom:45px}.event-item{display:grid;grid-template-columns:145px 1fr;gap:18px;background:#fffaf3;border:1px solid #eadfcd;padding:18px 22px;border-radius:8px}.event-item h3{margin:0;color:var(--wine);font-size:21px}.event-item p{margin:4px 0}.filterbar{margin:15px 0 22px;display:flex;gap:15px;align-items:center}input,select,textarea{font:16px Arial,sans-serif;border:1px solid #d0c3b2;padding:11px;border-radius:5px;max-width:100%;background:white}select{min-width:140px}.contact-form{background:var(--paper);padding:26px;border-radius:12px;border:1px solid #e4d5bf}.contact-form label{display:block;margin-bottom:16px}.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%}.consent{font:14px/1.4 Arial,sans-serif}.hp{position:absolute;left:-10000px}footer{background:#282122;color:#f6e8cf;padding:32px 0}footer a{color:#e6c78c;text-decoration:none;margin-left:20px}footer p{margin:4px 0;font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}@media(max-width:1100px){.header-inner{flex-wrap:wrap;padding:14px 0}.menu-toggle{display:block;margin-left:auto}nav{display:none;width:100%;margin:0;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{display:block}.cards{grid-template-columns:repeat(2,1fr)}.event-card{grid-column:1/-1}}@media(max-width:700px){.brand strong{font-size:23px}.brand small{font-size:15px}.clef{font-size:49px}.brand-divider,.trio-brand{display:none}.hero{grid-template-columns:1fr}.hero-photo{min-height:290px;background:linear-gradient(0deg,#241a1b,transparent 30%),url('img/daniela.png') center 30%/cover}.hero-content{padding:16px 20px 40px}.cards,.split{grid-template-columns:1fr}.cards{gap:18px}.card img{height:230px}.event-card{grid-column:auto}.event-item{grid-template-columns:1fr;gap:2px}.footer-inner{display:block}footer a{margin:0 15px 0 0}.page-content{padding:30px 0 60px}}

/* Startseite: persönlicher Einblick */
.home-about{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center;background:#fffaf3;border:1px solid #e7d6bd;border-radius:14px;padding:36px;margin:-25px 0 75px}.home-about h2{color:var(--wine);font-size:clamp(30px,3vw,42px);font-weight:normal;font-style:italic;margin:5px 0 16px}.home-about p{margin:0 0 17px}.home-about .btn{margin-top:10px}.home-about img{width:100%;max-height:350px;object-fit:cover;object-position:center 30%;border-radius:10px}.bio{scroll-margin-top:25px}@media(max-width:700px){.home-about{grid-template-columns:1fr;padding:23px;gap:20px;margin:0 0 45px}.home-about img{max-height:300px}}

/* Musikerinnen untereinander anzeigen */
.trio-members {
    display: block;
    columns: 1;
}

.trio-members li {
    display: list-item;
    width: 100%;
    margin-bottom: 8px;
}