/*
Theme Name: Supersonic Wonder
Theme URI: https://supersonicwonder.com
Author: Supersonic Wonder
Description: One-click demo theme for the Oasis tribute project. Falls back to bundled images if Customizer empty.
Version: 1.2.0
Requires at least: 5.8
Tested up to: 6.5
Text Domain: supersonic-wonder
*/
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111;background:#f5f7fa}
a{text-decoration:none;color:inherit}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
header.site-header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.navbar{display:flex;align-items:center;gap:1rem;padding:.8rem 0}
.site-title{font-weight:900;letter-spacing:.5px}
.btn{display:inline-flex;align-items:center;gap:.5rem;background:#4c8bf5;color:#fff;border:none;border-radius:6px;padding:.6rem 1rem;font-weight:700}
.hero{min-height:70vh;display:flex;align-items:end;justify-content:center;text-align:center;color:#fff;position:relative;background:#000}
.hero .overlay{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.hero .inner{position:relative;z-index:1;padding:3rem 1rem}
.hero h1{font-size:3rem;margin:.5rem 0}
.hero p{font-size:1.25rem}
.grid{display:grid;gap:1.5rem}
.grid-2{grid-template-columns:1.2fr .8fr}
@media(max-width:900px){.grid-2{grid-template-columns:1fr}}
.embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.sidebar img{width:100%;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:block;margin-bottom:1rem;background:#ddd}
h2.section{font-size:2rem;margin:2rem 0 1rem}
.sub{color:#555;margin-bottom:1rem}
footer.site-footer{background:#111;color:#eee;text-align:center;padding:2rem 1rem;margin-top:3rem}
.setlist{column-count:2;column-gap:1.5rem}
@media(max-width:700px){.setlist{column-count:1}}

/* nur für Screenreader – nicht sichtbar, aber crawlbar */
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}