/*
Theme Name: Löricker Buben Frisch – mit Beiträgen
Description: Zurückhaltende Startseite für die Löricker Buben. Basiert auf Simple Days.
Template: simple-days
Version: 1.1.0
Text Domain: loericker-frisch
*/

body.loebu-home {margin:0;background:#f7f7f5;color:#222;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
.loebu-home * {box-sizing:border-box}
.loebu-home a {color:inherit;text-decoration:none}
.loebu-wrap {width:min(1320px,calc(100% - 48px));margin:auto}
.loebu-header {background:#bf001b;color:white}
.loebu-header-inner {min-height:100px;display:flex;align-items:center;gap:28px}
.loebu-brand {display:flex;align-items:center;gap:18px;font-size:1.25rem;font-weight:750;white-space:nowrap}
.loebu-brand img {width:86px;height:86px;object-fit:contain}
.loebu-nav {margin-left:auto;display:flex;align-items:center;gap:28px;font-weight:650}
.loebu-nav a:not(.loebu-button):hover,.loebu-footer a:hover {text-decoration:underline}
.loebu-button {display:inline-block;background:#bd0020;color:white!important;padding:13px 22px;border-radius:8px;font-weight:750;text-align:center}
.loebu-header .loebu-button {background:white;color:#b6001c!important}
.loebu-hero {background:#fff;padding:48px 0}
.loebu-hero-grid {display:grid;grid-template-columns:0.9fr 1.1fr;gap:45px;align-items:center}
.loebu-eyebrow {color:#b80020;text-transform:uppercase;letter-spacing:.09em;font-size:.8rem;font-weight:800}
.loebu-hero h1 {font-size:clamp(2.2rem,4.3vw,4.4rem);line-height:1.07;color:#b80020;margin:12px 0 20px}
.loebu-hero p {font-size:1.1rem;margin:0 0 24px;max-width:40rem}
.loebu-hero-image {width:100%;height:360px;object-fit:cover;object-position:center;border-radius:12px;display:block}
.loebu-news {padding:48px 0 64px}.loebu-news h2 {font-size:clamp(1.9rem,3vw,2.6rem);color:#b80020;margin:0 0 24px}
.loebu-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.loebu-card {background:#fff;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden;box-shadow:0 2px 7px #0000000a}
.loebu-card img {width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.loebu-card-body {padding:20px}.loebu-card h3 {font-size:1.2rem;line-height:1.3;margin:0 0 12px}.loebu-card time {font-size:.9rem;color:#666}
.loebu-pages {display:flex;gap:12px;justify-content:center;margin-top:30px}.loebu-pages a,.loebu-pages span {padding:8px 12px;background:white;border:1px solid #ddd;border-radius:5px}.loebu-pages .current {background:#b80020;color:#fff}
.loebu-footer {background:#262626;color:white;padding:30px 0}.loebu-footer-inner {display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}.loebu-footer-links {display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:760px){.loebu-wrap{width:min(100% - 32px,1320px)}.loebu-header-inner{padding:12px 0;flex-wrap:wrap;gap:10px}.loebu-brand img{width:58px;height:58px}.loebu-nav{width:100%;margin:0;gap:14px;flex-wrap:wrap;font-size:.9rem}.loebu-header .loebu-button{padding:7px 12px}.loebu-hero{padding:30px 0}.loebu-hero-grid{grid-template-columns:1fr;gap:22px}.loebu-hero-image{height:auto;max-height:360px;object-fit:cover}.loebu-cards{grid-template-columns:1fr}.loebu-news{padding:35px 0}}

.loebu-article-wrap {padding:42px 0 70px;background:#f7f7f5}
.loebu-back {display:inline-block;margin-bottom:22px;color:#b80020!important;font-weight:700}
.loebu-article {max-width:980px;margin:auto;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:clamp(24px,5vw,58px)}
.loebu-article header time {color:#666;font-size:.95rem}
.loebu-article h1 {font-size:clamp(2rem,4vw,3.5rem);line-height:1.14;color:#b80020;margin:12px 0 28px}
.loebu-article-content {font-size:1.08rem;line-height:1.75;overflow-wrap:anywhere}
.loebu-article-content img {max-width:100%;height:auto;border-radius:8px}.loebu-article-content a {color:#b80020;text-decoration:underline}.loebu-article-content figure {max-width:100%;margin-left:0;margin-right:0}

@media (max-width:760px) { .loebu-pages { flex-wrap:wrap; gap:6px; } .loebu-pages a, .loebu-pages span { min-width:40px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:8px 10px; font-size:14px; line-height:1.25; white-space:nowrap; } }