*{box-sizing:border-box}html,body,button,input,textarea,select{font-family:Arial,Helvetica,sans-serif}html,body{margin:0;padding:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:#333}body{background:#e9dacc url("../images/template/glaeser-transparent.png") no-repeat fixed 20px 80px;background-size:300px}body.page-besetzung{background-image:url("../images/template/besteck.png");background-position:150px 80px;background-size:700px}body.page-musik{background-image:url("../images/template/flaschen-transparent.png");background-position:20px 80px;background-size:200px}body.page-kontakt{background-image:url("../images/template/tasse.png");background-position:20px 80px;background-size:250px}body.page-impressum{background-image:url("../images/template/logo-impressum.png");background-position:left top}.wrapper{max-width:1170px;margin:0 auto;min-height:100vh;padding:0 20px;display:flex;flex-direction:column}header{padding-top:18px}.site-nav{text-align:right;display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}.site-nav a{padding:10px;color:#3c8341;font-weight:bold;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.site-nav a:hover,.site-nav a:focus{background:#333;color:#3c8341}main{flex:1;padding:20px 0 50px}.home-grid{width:min(90%,900px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:25px;align-items:start}.home-logo{display:block;max-width:100%;margin:0 auto 20px}.home-copy{text-align:right;font-size:16px}.home-copy p{margin:0 0 15px}.home-portraits{padding-top:337px}.home-portraits img{display:block;width:200px;height:auto;margin:0 auto 16px}.section-logo{display:block;max-width:100%;margin:0 auto 25px}.besetzung,.musik,.contact-page{max-width:920px;margin:0 auto}.members{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:end}.members article{text-align:center}.members img{max-width:100%;height:auto}.members h2{font:400 20px/1.15 Arial,Helvetica,sans-serif;margin:10px 0 20px}.members p{font-size:16px;margin:12px 0;text-align:left}.music-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 20px;align-items:start}.music-grid article{text-align:center;min-height:120px}.music-grid audio{width:100%;max-width:300px}.music-grid h2{font:400 20px Arial,Helvetica,sans-serif;margin:10px 0}.audio-note{text-align:center}.contact-intro{display:grid;grid-template-columns:260px 1fr;gap:25px;align-items:center;margin-bottom:25px}.contact-intro img{max-width:100%}.contact-form{max-width:600px;margin:0 auto;background:rgba(255,255,255,.25);padding:20px}.contact-form label{display:block;margin-bottom:14px;font-weight:bold}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #999;background:rgba(255,255,255,.8);font:inherit}.contact-form textarea{resize:vertical}.contact-form button{padding:10px 25px;background:#461a09;color:#fff;border:0;cursor:pointer}.honeypot{position:absolute;left:-10000px;width:1px!important;height:1px!important}.success,.error{padding:12px;margin:15px 0;background:rgba(255,255,255,.7);border-left:4px solid #3c8341}.error{border-color:#8b0000}.text-page{max-width:850px;margin:0 auto;background:rgba(255,255,255,.2);padding:10px 25px}.text-page h3{margin-top:25px}footer{text-align:center;padding:15px 0 20px;font-size:12px}footer a{color:#333}@media(max-width:800px){body{background-size:180px;background-position:0 110px}.wrapper{padding:0 12px}.site-nav{justify-content:center}.home-grid{width:100%;grid-template-columns:1fr}.home-copy{text-align:center}.home-portraits{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.home-portraits img{margin:0}.members,.music-grid{grid-template-columns:1fr}.members article{max-width:360px;margin:auto}.contact-intro{grid-template-columns:1fr;text-align:center}.contact-intro img{margin:auto}.text-page{padding:10px}}
/* Musik page */
.musik-intro{max-width:760px;margin:0 auto 35px;text-align:left;font-size:16px}
.musik-intro p{margin:0 0 16px}
.musik-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:stretch}
.musik-songs h2,.musik-gallery h2{font:400 20px/1.2 Arial,Helvetica,sans-serif;margin:0 0 15px}
.song{margin:0 0 13px}
.song-title{display:block;width:100%;padding:4px 0;margin:0 0 4px;border:0;background:none;color:#3c8341;font:700 16px/1.25 Arial,Helvetica,sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.song-title:hover,.song-title:focus{text-decoration:underline}
.song audio{display:block;width:100%;height:30px}
.musik-gallery{display:flex;flex-direction:column;height:100%}
.slideshow-row{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:12px;flex:1;min-height:0}
.slideshow{overflow:hidden;background:rgba(255,255,255,.25);min-height:0}
.slideshow img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;transition:opacity .45s ease}
.slideshow img.fade{opacity:0}
@media(max-width:800px){.home-portraits{padding-top:0}.musik-content{grid-template-columns:1fr}.musik-gallery{height:auto}.slideshow-row{grid-template-columns:1fr 1fr;grid-template-rows:none;flex:none}.slideshow{aspect-ratio:4/3}.musik-intro{max-width:none}.song audio{height:32px}}
@media(max-width:500px){.slideshow-row{grid-template-columns:1fr;grid-template-rows:none}}