/* * Baugeschäft Theo Will — supplementary CSS for things theme.json can't express. * * Loaded via wp_enqueue_style in functions.php (not yet wired — see TODO below). * KEEP THIS FILE SHORT. Anything that can live in theme.json should. */ /* The signature red rule under section headings. Applied via Separator block → "Roter Akzent" style variation (functions.php). */ .wp-block-separator.is-style-red-rule { border: none; background: var(--wp--preset--color--accent); width: 80px; height: 4px; margin: 16px 0 26px; opacity: 1; } /* Service tile hover (Group block with bg + border). Applied to .wp-block-group.service-tile (CSS class set in the pattern). */ .wp-block-group.service-tile { transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .wp-block-group.service-tile:hover { transform: translateY(-4px); border-color: var(--wp--preset--color--primary) !important; box-shadow: 0 8px 24px rgba(8, 59, 123, 0.08); } /* Trust strip — checkmark prefix on List items. Applied to .wp-block-list.trust-strip. */ .wp-block-list.trust-strip { list-style: none; padding-left: 0; display: flex; justify-content: center; gap: 32px; flex-wrap: wrap; } .wp-block-list.trust-strip li { padding-left: 26px; position: relative; font-weight: 500; } .wp-block-list.trust-strip li::before { content: '✓'; position: absolute; left: 0; color: var(--wp--preset--color--accent); font-weight: 700; } /* Recruiting block — two-column check-list. */ .wp-block-list.recruit-perks { list-style: none; padding-left: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 28px; max-width: 880px; } .wp-block-list.recruit-perks li { padding-left: 28px; position: relative; } .wp-block-list.recruit-perks li::before { content: '✓'; position: absolute; left: 0; color: var(--wp--preset--color--accent); font-weight: 700; } @media (max-width: 700px) { .wp-block-list.recruit-perks { grid-template-columns: 1fr; } } /* Header — signature 2px red hairline under the nav bar. Applied to the template-part: header (which itself sits in a Group of bg=dark). */ .wp-site-blocks > header .wp-block-template-part, header.wp-block-template-part { box-shadow: 0 2px 0 var(--wp--preset--color--accent); } /* Footer — 4px red top-edge bar (mirror of header) */ footer.wp-block-template-part { position: relative; } footer.wp-block-template-part::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--wp--preset--color--accent); } /* Hyphenation for German content — works because is set by WP */ h1, h2, h3 { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; } /* prefers-reduced-motion */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } } /* Wired via wp_enqueue_style in functions.php — front-end (priority 20) and block-editor preview both get this stylesheet, so service-tile / trust-strip / red-rule variations render consistently in both contexts. */