/* Gemeinsames Header-CSS fuer cardandsoul.de */
@import url('https://fonts.googleapis.com/css2?family=Laisha&display=swap');
:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.6;color:#111}
html{scroll-behavior:smooth}
header.site-header{background-color:#e9d5ff;color:#3f3c6b;padding:2rem 2rem;position:relative;overflow:hidden;font-family:'Laisha',serif}
header.site-header::before{content:"";position:absolute;inset:0;background-image:url('../images/logo.png');background-repeat:no-repeat;background-position:center;background-size:cover;opacity:0.20;pointer-events:none}
header.site-header h1{font-size:2.8rem;margin:0;font-weight:700;letter-spacing:0.6px;color:inherit}
header.site-header p{margin:0.5rem 0 0;font-size:1.05rem;color:rgba(63,60,107,0.9)}
@media (max-width:480px){header.site-header::before{background-position:center;background-size:cover}header.site-header h1{font-size:1.8rem}header.site-header p{font-size:0.95rem}}

/* Link-Fokus and header spacing when content follows */
header.site-header + main{padding-top:1rem}

/* Utility */
.container{max-width:800px;margin:2rem auto;padding:1rem}

/* Abstand zwischen Blog-Artikeln */
main.container article + article{margin-top:1.5rem}

/* Events heading */
.upcoming-events{font-size:2.6rem;text-align:center;font-weight:700;color:#9370db;margin:0 0 1.5rem;font-family:'Laisha',serif}
@media (max-width:480px){.upcoming-events{font-size:1.8rem}}

/* Make hero headers match Kontakt spacing */
header.hero{padding:1rem 0}
@media (max-width:480px){header.hero{padding:0.8rem 0}}