/*
Theme Name: Holzbau Steiner Theme
Theme URI: https://design.serveone.at
Author: DesignForge
Description: Block-Theme im Marken-Look von Holzbau Steiner — generiert aus dem Brand-Kit (Zimmerei & Holzbau).
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: holzbau-steiner
*/

/* --- DesignForge-Designschicht: hebt die Blöcke über Gutenberg-Defaults --- */

.hero-bg {
  background-image: url('assets/hero.jpg');
  background-size: cover;
  background-position: center;
}
.df-hero { min-height: 78vh; display: flex; align-items: center; }
.df-hero h1 { font-size: clamp(2.4rem, 5.5vw, 4rem); font-weight: 800;
              line-height: 1.08; text-shadow: 0 2px 18px rgba(0,0,0,0.35); }
.df-hero p { font-size: 1.2rem; opacity: 0.94; max-width: 46ch;
             margin-left: auto; margin-right: auto; }
.df-kicker { text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.85rem;
             font-weight: 700; color: #d97706; }
.df-section { padding-top: 5rem; padding-bottom: 5rem; }
.df-section h2 { font-size: clamp(1.7rem, 3.5vw, 2.4rem); font-weight: 800;
                 margin-bottom: 0.4em; }
.df-card { background: #ffffff; border-radius: 16px; padding: 1.8rem !important;
           box-shadow: 0 8px 30px rgba(15, 23, 42, 0.08);
           border-top: 4px solid #d97706; height: 100%; }
.df-card h3 { color: #b45309; font-size: 1.15rem; margin-bottom: 0.4em; }
.df-card p { color: #334155; font-size: 0.98rem; line-height: 1.6; }
.df-band { }
.wp-block-button__link, .wp-element-button {
  border-radius: 999px !important; padding: 0.85rem 2.1rem !important;
  font-weight: 700 !important; background: #d97706 !important; color: #fff !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wp-block-button__link:hover { transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.22); }
.df-header { padding: 1rem 0; }
.df-header .wp-block-site-title a { font-weight: 800; text-decoration: none;
  letter-spacing: 0.01em; color: #b45309; }
.df-footer { padding: 2.2rem 0; border-top: 1px solid rgba(0,0,0,0.08); }
.df-contact-card { border: 2px solid #d97706; border-radius: 16px;
  padding: 2rem !important; }
.df-page-head { padding: 3.5rem 1rem; }
.df-page-head h1 { font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 800; }
.df-content p { font-size: 1.05rem; line-height: 1.75; margin-bottom: 1.1em; }
.df-content h2 { margin-top: 1.6em; }
.df-content ul, .df-content ol { margin: 0 0 1.2em 1.3em; line-height: 1.7; }
h1, h2, h3 { color: #1c1917; }
.has-secondary-background-color h2, .has-secondary-background-color h3,
.has-secondary-background-color p { color: #fff; }
@media (prefers-reduced-motion: reduce) {
  .wp-block-button__link:hover { transform: none; }
}