/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* Layout */
.container.startseite{max-width:1200px;margin:0 auto;padding:20px}

/* Hero */
.hero{background:#F7A9A8;text-align:center;padding:80px 20px;color:#fff}
.hero h1{font-size:2.2rem;margin-bottom:15px;color:#fdfdfd}
.hero p{font-size:1.2rem;margin-bottom:25px;color:#f2f2f2}
.cta-button{display:inline-block;padding:12px 28px;background:#A9D6A4;color:#fff;border-radius:30px;text-decoration:none;transition:.3s}
.cta-button:hover{background:#8BBF86}

/* Mandala Kategorien */
.mandala-kategorien{padding:60px 20px;text-align:center}
.mandala-kategorien h2{font-size:1.8rem;margin-bottom:40px;color:#333}
.mandala-kategorie{margin-bottom:70px}
.mandala-kategorie h3{margin-bottom:25px;font-size:1.4rem;color:#5A9E56}

/* Grid allgemein */
.mandala-grid,.blog-grid,.mandala-archive .mandala-grid,.mandala-single .mandala-related .mandala-grid{display:grid;gap:20px;max-width:1100px;margin:30px auto;padding:0 16px;align-items:stretch}
.mandala-grid{grid-template-columns:repeat(4,1fr);gap:28px}
.blog-grid,.mandala-archive .mandala-grid{grid-template-columns:repeat(4,1fr)}
.mandala-single .mandala-related .mandala-grid{grid-template-columns:repeat(3,1fr)}

/* Cards */
.mandala-item,.blog-item,.mandala-archive .mandala-card{background:#FAFAFA;border-radius:12px;padding:18px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.06);transition:.2s;display:flex;flex-direction:column;justify-content:space-between}
.blog-item{background:#fff;border:1px solid #eee;padding:15px}
.mandala-item:hover,.blog-item:hover,.mandala-archive .mandala-card:hover{transform:translateY(-4px)}
.mandala-item img,.blog-item img,.mandala-archive .mandala-thumb img{border-radius:10px;display:block;width:100%;height:auto;margin-bottom:12px}
.blog-item img{border-radius:4px}
.mandala-item h4,.mandala-archive .mandala-title,.blog-item h4{font-size:1.05rem;margin:.25rem 0 .5rem;flex-grow:1}
.blog-item h4{font-size:1.1rem;margin:10px 0}
.blog-item p,.mandala-archive .mandala-excerpt{font-size:.95rem;color:#555;margin:0 0 10px;flex-grow:1}
.mandala-archive .mandala-actions{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}

/* Links */
.more-link{display:inline-block;margin-top:20px;padding:8px 15px;background:#5C8CC6;color:#fff;border-radius:6px;text-decoration:none}

/* SEO Box */
.seo-box{margin-top:50px;padding:25px;background:#f7f7f7;border-radius:8px;color:#333}
.seo-box h2{font-size:1.6rem;margin-bottom:15px}

/* Share Buttons */
.mandala-share{text-align:center;margin:20px 0}
.mandala-share p{font-weight:bold;margin-bottom:10px;color:#333}
.btn-share{display:inline-block;margin:0 6px;padding:9px 15px;border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none;color:#fff;transition:.2s}
.btn-share:hover{opacity:.85}
.btn-share.fb{background:#3b5998}
.btn-share.pin{background:#bd081c}
.btn-share.wa{background:#25d366}

/* Download */
.mandala-download,.mandala-single .mandala-download{text-align:center;margin:30px 0 40px}
.btn-download{display:inline-block;padding:14px 26px;background:#A9D6A4;color:#fff;font-weight:bold;border-radius:25px;text-decoration:none;margin-bottom:10px;transition:.2s;font-size:1rem}
.btn-download:hover{background:#8BBF86}
.direct-download{font-size:.9rem;color:#5C8CC6;text-decoration:underline}
.direct-download:hover{color:#3d6ba1}
.download-count{font-size:.85rem;color:#555;margin-top:8px}

/* Archive Pagination */
.mandala-archive .pagination{text-align:center;margin:40px 0}

/* Single Mandala */
.mandala-single .mandala-image img{max-width:100%;height:auto;display:block;margin:0 auto 20px}

/* Responsive */
@media(max-width:1024px){
  .hero h1{font-size:1.8rem}
  .hero p{font-size:1rem}
  .mandala-grid,.blog-grid,.mandala-archive .mandala-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .mandala-single .mandala-related .mandala-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .hero{padding:50px 15px}
  .hero h1{font-size:1.6rem}
  .hero p{font-size:.95rem}
  .cta-button{padding:10px 20px;font-size:.95rem}
  .mandala-grid,.blog-grid,.mandala-archive .mandala-grid{grid-template-columns:1fr;gap:16px}
}
@media(max-width:500px){
  .mandala-single .mandala-related .mandala-grid{grid-template-columns:1fr}
}