/*
Theme Name: Marketing Talk Gutenberg
Theme URI: https://www.marketing-talk.de/
Author: Agentur Schade
Description: Schlankes, responsives Gutenberg-Blocktheme für Marketing Talk.
Version: 1.0.0
Requires at least: 6.9
Requires PHP: 8.2
Text Domain: marketing-talk-gutenberg
*/

:root { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
a { text-underline-offset: .16em; }
.mt-site-header { position: sticky; top: 0; z-index: 50; box-shadow: 0 1px 12px rgba(20,45,70,.08); }
.mt-site-header .wp-block-site-logo img { display: block; }
.mt-site-header .wp-block-navigation-item__content { text-decoration: none; }
.mt-site-header .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent); }
.mt-section { padding: clamp(3rem,7vw,6rem) 1.5rem; }
.mt-section-tight { padding: clamp(2rem,5vw,4rem) 1.5rem; }
.mt-eyebrow { letter-spacing: .14em; text-transform: uppercase; color: #8b949d; font-size: .78rem; font-weight: 600; }
.mt-title { color: var(--wp--preset--color--accent); font-weight: 400; }
.mt-rule { border: 0; border-top: 1px solid #e2e7eb; margin: 1.75rem 0 3.5rem; }
.mt-intro { font-size: clamp(1.15rem,2.2vw,1.55rem); line-height: 1.5; font-style: italic; }
.mt-highlight { background: #ceebff; padding: .05em .28em; }
.mt-profile img { border-radius: 999px; box-shadow: 0 0 0 8px #f5f7f8; }
.mt-profile-line { width: 210px; border-top: 1px solid var(--wp--preset--color--accent); }
.mt-check, .mt-list { list-style: none; padding-left: 0; }
.mt-check li, .mt-list li { position: relative; padding-left: 1.75rem; margin-bottom: .6rem; }
.mt-check li::before, .mt-list li::before { content: "✓"; position: absolute; left: 0; color: var(--wp--preset--color--accent); font-weight: 700; }
.mt-feature-band { background: #f4f5f6; }
.mt-feature { padding: 1.25rem; }
.mt-icon { color: var(--wp--preset--color--accent); font-size: 3rem; line-height: 1; font-weight: 300; }
.mt-card { height: 100%; padding: clamp(1.5rem,3vw,2.5rem); border: 1px solid #e5e9ec; border-radius: 8px; background: #fff; box-shadow: 0 8px 30px rgba(20,45,70,.06); }
.mt-logo-grid img { max-height: 76px; width: auto !important; object-fit: contain; filter: grayscale(100%); opacity: .84; transition: .2s ease; }
.mt-logo-grid img:hover { filter: none; opacity: 1; }
.mt-contact-card { border-left: 3px solid var(--wp--preset--color--accent); padding: 1.5rem 2rem; background: #f4f8fb; }
.mt-contact .wpcf7 input:not([type="submit"]), .mt-contact .wpcf7 textarea { width: 100%; box-sizing: border-box; border: 1px solid #cfd8df; border-radius: 4px; padding: .8rem; font: inherit; }
.mt-contact .wpcf7 input[type="submit"] { border: 0; border-radius: 3px; background: var(--wp--preset--color--accent); color: #fff; padding: .85rem 1.5rem; font: inherit; cursor: pointer; }
.mt-contact .wpcf7 input[type="submit"]:hover { background: #2878ba; }
.mt-footer a { color: inherit; }
@media (max-width: 781px) {
  .mt-site-header { position: static; }
  .mt-section { padding: 3rem 1.1rem; }
  .mt-rule { margin-bottom: 2rem; }
  .mt-profile { margin-top: 1.5rem; }
  .mt-feature { text-align: center; }
  .mt-logo-grid .wp-block-column { flex-basis: 42% !important; }
}
@media (max-width: 480px) {
  .mt-logo-grid .wp-block-column { flex-basis: 100% !important; }
  .wp-block-buttons .wp-block-button { width: 100%; }
  .wp-block-buttons .wp-block-button__link { width: 100%; box-sizing: border-box; }
}