/*
  CR Leseagentur — Custom CSS (final)
  Einfügen: WordPress Admin > Erscheinungsbild > Customizer > Zusätzliches CSS
*/

/* ─────────────────────────────────────────────
   CSS TOKENS
───────────────────────────────────────────── */
:root {
  --cr-cream:        #F7F3EC;
  --cr-cream-dark:   #EDE7DA;
  --cr-brown:        #2C1F0E;
  --cr-brown-mid:    #5A3E28;
  --cr-green:        #3D5A47;
  --cr-green-light:  #6A8C74;
  --cr-gold:         #B8903A;
  --cr-gold-light:   #D4A85A;
  --cr-white:        #FDFAF6;
  --cr-font-display: 'Playfair Display', 'Georgia', serif;
  --cr-font-body:    'Lato', 'Helvetica Neue', sans-serif;
  --cr-radius:       4px;
  --cr-shadow:       0 4px 24px rgba(44, 31, 14, 0.10);
  --cr-transition:   0.25s ease;
}

/* ─────────────────────────────────────────────
   GLOBAL
───────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

body {
  background-color: var(--cr-cream) !important;
  color: var(--cr-brown) !important;
  font-family: var(--cr-font-body) !important;
  font-size: 17px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

.site-content, #content, .content-area {
  background-color: var(--cr-cream) !important;
}

/* ─────────────────────────────────────────────
   NAVIGATION
───────────────────────────────────────────── */
#masthead, .site-header, header.site-header, .main-navigation {
  background-color: var(--cr-white) !important;
  border-bottom: 1px solid var(--cr-cream-dark) !important;
  box-shadow: 0 2px 16px rgba(44, 31, 14, 0.06) !important;
  padding: 0 !important;
  position: sticky !important;
  top: 0;
  z-index: 1000;
}

.site-branding img, .custom-logo, header img[src*="logo"] {
  max-height: 60px !important;
  width: auto !important;
}

.main-navigation a, .primary-menu a, .nav-menu a, #masthead nav a {
  font-family: var(--cr-font-body) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--cr-brown-mid) !important;
  text-decoration: none !important;
  padding: 6px 10px !important;
  transition: color var(--cr-transition) !important;
}

.main-navigation a:hover, .primary-menu a:hover, .nav-menu a:hover {
  color: var(--cr-green) !important;
}

.main-navigation a[href*="kontakt"], .nav-menu a[href*="kontakt"],
.main-navigation a[href*="buchen"], .nav-menu a[href*="buchen"] {
  background-color: var(--cr-green) !important;
  color: var(--cr-white) !important;
  border-radius: var(--cr-radius) !important;
  padding: 8px 16px !important;
}

.main-navigation a[href*="kontakt"]:hover, .nav-menu a[href*="kontakt"]:hover,
.main-navigation a[href*="buchen"]:hover, .nav-menu a[href*="buchen"]:hover {
  background-color: var(--cr-brown-mid) !important;
}

.main-navigation .sub-menu, .nav-menu .sub-menu {
  background-color: var(--cr-white) !important;
  border: 1px solid var(--cr-cream-dark) !important;
  border-radius: var(--cr-radius) !important;
  box-shadow: var(--cr-shadow) !important;
  padding: 8px 0 !important;
}

.main-navigation .sub-menu a, .nav-menu .sub-menu a {
  font-size: 13px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 8px 20px !important;
  background: none !important;
  color: var(--cr-brown-mid) !important;
}

/* ─────────────────────────────────────────────
   WARENKORB AUSBLENDEN
───────────────────────────────────────────── */
.cart-contents, .woocommerce-cart-link, a.cart-contents,
.header-cart, .nav-cart, li.woocommerce-cart,
a[href*="cart"], a[href*="warenkorb"] {
  display: none !important;
}

/* ─────────────────────────────────────────────
   TYPOGRAFIE
───────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6, .entry-title, .page-title {
  font-family: var(--cr-font-display) !important;
  color: var(--cr-brown) !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

h1 { font-size: clamp(1.4rem, 3vw, 2rem) !important;   margin-bottom: 0.4em !important; }
h2 { font-size: clamp(1.2rem, 2.5vw, 1.6rem) !important; margin-bottom: 0.5em !important; }
h3 { font-size: clamp(1rem, 2vw, 1.25rem) !important;  margin-bottom: 0.5em !important; }

.entry-title, .page-title, h1.entry-title, h1.page-title {
  text-align: center !important;
}

a {
  color: var(--cr-green) !important;
  text-decoration: none;
  transition: color var(--cr-transition) !important;
}
a:hover { color: var(--cr-gold) !important; }

/* ─────────────────────────────────────────────
   BUTTONS
───────────────────────────────────────────── */
.btn, .button, input[type="submit"], .wp-block-button__link, a.button {
  background-color: var(--cr-green) !important;
  color: var(--cr-white) !important;
  border: none !important;
  border-radius: var(--cr-radius) !important;
  font-family: var(--cr-font-body) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  cursor: pointer;
  transition: background-color var(--cr-transition), transform var(--cr-transition) !important;
  text-decoration: none !important;
  display: inline-block;
}

.btn:hover, .button:hover, input[type="submit"]:hover, .wp-block-button__link:hover {
  background-color: var(--cr-brown-mid) !important;
  color: var(--cr-white) !important;
  transform: translateY(-2px) !important;
}

/* ─────────────────────────────────────────────
   STARTSEITE — CONTENT
───────────────────────────────────────────── */

/* Bild auf der Startseite: rund mit Goldrand */
img[src*="26805228"] {
  border-radius: 50% !important;
  border: 5px solid var(--cr-gold-light) !important;
  box-shadow: 0 8px 32px rgba(184, 144, 58, 0.25) !important;
  max-width: 280px !important;
  display: block !important;
  margin: 0 auto 32px auto !important;
}

/* Startseiten-Text */
.home .entry-content,
.home .page-content {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 60px 24px !important;
  text-align: center !important;
}

.home .entry-content p,
.home .page-content p {
  font-family: var(--cr-font-display) !important;
  font-size: 1.15rem !important;
  font-style: italic !important;
  color: var(--cr-brown-mid) !important;
  line-height: 1.85 !important;
}

/* ─────────────────────────────────────────────
   ALLGEMEINE UNTERSEITEN
───────────────────────────────────────────── */
.page-template-default .entry-content {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 48px 32px !important;
}

.page-template-default .entry-content p {
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: var(--cr-brown-mid) !important;
  margin-bottom: 1.25em !important;
}

/* Erster Absatz als Intro-Box (Coaching etc.) */
.page-template-default .entry-content > p:first-of-type {
  background-color: var(--cr-cream-dark) !important;
  border-left: none !important;
  border-radius: 8px !important;
  padding: 28px 32px !important;
  font-family: var(--cr-font-display) !important;
  font-style: italic !important;
  font-size: 1.1rem !important;
  text-align: center !important;
  color: var(--cr-brown) !important;
  margin-bottom: 2.5em !important;
  line-height: 1.75 !important;
}

/* H2 mit grüner Farbe und Trennlinie */
.page-template-default .entry-content h2 {
  font-size: 1.25rem !important;
  color: var(--cr-green) !important;
  border-top: 1px solid var(--cr-cream-dark) !important;
  padding-top: 1.5em !important;
  margin-top: 2.5em !important;
  margin-bottom: 0.75em !important;
}

.page-template-default .entry-content h2:first-of-type {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ─────────────────────────────────────────────
   COACHING — LISTEN & SCHRITTE
───────────────────────────────────────────── */
.page-template-default .entry-content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 1.5em 0 2em 0 !important;
}

.page-template-default .entry-content ul li {
  padding: 12px 16px 12px 48px !important;
  margin-bottom: 10px !important;
  background-color: var(--cr-white) !important;
  border-radius: var(--cr-radius) !important;
  border-left: 3px solid var(--cr-gold) !important;
  position: relative;
  font-size: 16px !important;
  line-height: 1.6 !important;
  box-shadow: 0 2px 8px rgba(44,31,14,0.06) !important;
}

.page-template-default .entry-content ul li::before {
  content: '✦';
  position: absolute;
  left: 16px;
  top: 13px;
  color: var(--cr-gold);
  font-size: 13px;
}

.page-template-default .entry-content ul li strong {
  color: var(--cr-brown) !important;
  font-weight: 700;
}

.page-template-default .entry-content ol {
  list-style: none !important;
  padding: 0 !important;
  counter-reset: cr-steps;
  margin: 1.5em 0 2em 0 !important;
}

.page-template-default .entry-content ol li {
  counter-increment: cr-steps;
  padding: 20px 20px 20px 72px !important;
  margin-bottom: 12px !important;
  background-color: var(--cr-white) !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 12px rgba(44,31,14,0.07) !important;
  position: relative;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.page-template-default .entry-content ol li::before {
  content: counter(cr-steps);
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background-color: var(--cr-green) !important;
  color: var(--cr-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--cr-font-display);
  font-weight: 600;
  font-size: 16px;
}

/* Blockquote */
.page-template-default .entry-content blockquote {
  background-color: var(--cr-green) !important;
  color: var(--cr-white) !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 32px 36px !important;
  margin: 2.5em 0 !important;
  position: relative;
}

.page-template-default .entry-content blockquote::before {
  content: '\201C';
  font-family: var(--cr-font-display);
  font-size: 5rem;
  line-height: 1;
  color: rgba(255,255,255,0.2);
  position: absolute;
  top: 8px;
  left: 20px;
}

.page-template-default .entry-content blockquote p {
  font-family: var(--cr-font-display) !important;
  font-style: italic !important;
  font-size: 1.05rem !important;
  color: var(--cr-white) !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  background: none !important;
  padding: 0 !important;
  border: none !important;
  text-align: left !important;
}

/* Kontakt-Absätze */
.page-template-default .entry-content p:has(a[href^="mailto"]),
.page-template-default .entry-content p:has(a[href^="tel"]) {
  background-color: var(--cr-cream-dark) !important;
  border-radius: var(--cr-radius) !important;
  padding: 16px 20px !important;
  font-size: 15px !important;
  line-height: 2 !important;
}

/* ─────────────────────────────────────────────
   CONTACT FORM 7
───────────────────────────────────────────── */
.cr-form-intro {
  text-align: center !important;
  max-width: 600px;
  margin: 0 auto 2.5em auto !important;
}

.cr-form-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

.cr-form-full { grid-column: 1 / -1 !important; }

.cr-form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.cr-form-group label {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--cr-brown-mid) !important;
}

.cr-required { color: var(--cr-gold) !important; font-weight: 700; }
.cr-optional  { color: #999 !important; font-weight: 400 !important; font-size: 12px !important; text-transform: none !important; }

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea {
  width: 100% !important;
  background-color: var(--cr-white) !important;
  border: 1.5px solid var(--cr-cream-dark) !important;
  border-radius: var(--cr-radius) !important;
  padding: 12px 16px !important;
  font-family: var(--cr-font-body) !important;
  font-size: 15px !important;
  color: var(--cr-brown) !important;
  transition: border-color var(--cr-transition), box-shadow var(--cr-transition) !important;
  outline: none !important;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  border-color: var(--cr-green) !important;
  box-shadow: 0 0 0 3px rgba(61, 90, 71, 0.12) !important;
}

.wpcf7-form textarea { resize: vertical !important; min-height: 140px !important; }

.cr-form-checkbox {
  background-color: var(--cr-cream-dark) !important;
  border-radius: var(--cr-radius) !important;
  padding: 16px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--cr-brown-mid) !important;
}

.cr-form-submit { text-align: center !important; margin: 8px 0 24px 0 !important; }

.wpcf7-submit {
  background-color: var(--cr-green) !important;
  color: var(--cr-white) !important;
  border: none !important;
  border-radius: var(--cr-radius) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 16px 48px !important;
  cursor: pointer !important;
  transition: background-color var(--cr-transition), transform var(--cr-transition) !important;
}

.wpcf7-submit:hover {
  background-color: var(--cr-brown-mid) !important;
  transform: translateY(-2px) !important;
}

.cr-form-contact-alt {
  text-align: center !important;
  padding: 20px !important;
  border-top: 1px solid var(--cr-cream-dark) !important;
}

.wpcf7-mail-sent-ok {
  background-color: rgba(61, 90, 71, 0.12) !important;
  color: var(--cr-green) !important;
  border-left: 3px solid var(--cr-green) !important;
  border-radius: var(--cr-radius) !important;
  padding: 14px 20px !important;
  border-top: none !important; border-right: none !important; border-bottom: none !important;
}

.wpcf7-validation-errors {
  background-color: rgba(184, 144, 58, 0.12) !important;
  color: var(--cr-brown-mid) !important;
  border-left: 3px solid var(--cr-gold) !important;
  border-radius: var(--cr-radius) !important;
  padding: 14px 20px !important;
  border-top: none !important; border-right: none !important; border-bottom: none !important;
}

/* ─────────────────────────────────────────────
   TEAM-SEITE
───────────────────────────────────────────── */
.cr-team-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 28px !important;
  max-width: 800px !important;
  margin: 0 auto 48px auto !important;
  padding: 0 !important;
}

.cr-team-card {
  background-color: var(--cr-white) !important;
  border-radius: 12px !important;
  padding: 36px 24px !important;
  box-shadow: var(--cr-shadow) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  transition: transform var(--cr-transition), box-shadow var(--cr-transition) !important;
}

.cr-team-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 40px rgba(44,31,14,0.15) !important;
}

.cr-team-card img {
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  max-width: 120px !important;
  max-height: 120px !important;
  object-fit: cover !important;
  object-position: top center !important;
  border-radius: 50% !important;
  border: 4px solid var(--cr-gold-light) !important;
  box-shadow: 0 4px 16px rgba(44,31,14,0.12) !important;
  display: block !important;
  margin: 0 0 20px 0 !important;
}

.cr-team-card h3 {
  font-family: var(--cr-font-display) !important;
  font-size: 1.3rem !important;
  color: var(--cr-brown) !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  border: none !important;
  text-align: center !important;
  width: 100% !important;
}

.cr-team-card p {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--cr-brown-mid) !important;
  max-width: 220px !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

/* ─────────────────────────────────────────────
   FOOTER
───────────────────────────────────────────── */
#colophon, .site-footer, footer.site-footer {
  background-color: var(--cr-brown) !important;
  color: var(--cr-cream) !important;
  padding: 48px 24px 32px !important;
  margin-top: 80px !important;
}

.site-footer a, #colophon a {
  color: var(--cr-gold-light) !important;
  text-decoration: none !important;
}

.site-footer a:hover, #colophon a:hover {
  color: var(--cr-cream) !important;
  text-decoration: underline !important;
}

.site-footer p, #colophon p {
  font-size: 13px !important;
  color: rgba(247, 243, 236, 0.65) !important;
  text-align: center !important;
  margin: 0 !important;
}

/* ─────────────────────────────────────────────
   TRENNLINIEN & SCROLLBAR
───────────────────────────────────────────── */
hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--cr-gold-light), transparent) !important;
  margin: 48px auto !important;
  max-width: 320px;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--cr-cream-dark); }
::-webkit-scrollbar-thumb { background: var(--cr-green-light); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--cr-green); }

/* ─────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────── */
@media (max-width: 768px) {
  .entry-content, .page-content { padding: 40px 16px !important; }
  h1 { font-size: 1.4rem !important; }
  h2 { font-size: 1.2rem !important; }

  .cr-team-grid { grid-template-columns: 1fr !important; }
  .cr-form-grid { grid-template-columns: 1fr !important; }
  .wpcf7-submit { width: 100% !important; padding: 16px !important; }

  .page-template-default .entry-content ol li,
  .page-template-default .entry-content ul li { padding-left: 44px !important; }
}
/* ── TEAM-SEITE (ID 567) ── */
.page-id-567 .entry-content {
  max-width: 900px !important;
  padding: 48px 32px !important;
  display: block !important;
}

.page-id-567 .entry-content > p:first-of-type {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-style: normal !important;
  font-size: 16px !important;
  text-align: left !important;
  margin-bottom: 0 !important;
}

.page-id-567 .cr-team-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 28px !important;
  max-width: 800px !important;
  margin: 32px auto 48px auto !important;
}

.page-id-567 .cr-team-card {
  background-color: var(--cr-white) !important;
  border-radius: 12px !important;
  padding: 36px 24px !important;
  box-shadow: var(--cr-shadow) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.page-id-567 .cr-team-card img {
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  object-fit: cover !important;
  object-position: top center !important;
  border-radius: 50% !important;
  border: 4px solid var(--cr-gold-light) !important;
  display: block !important;
  margin: 0 0 20px 0 !important;
}

.page-id-567 .cr-team-card h3 {
  font-size: 1.3rem !important;
  color: var(--cr-brown) !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  border: none !important;
  text-align: center !important;
}

.page-id-567 .cr-team-card p {
  font-size: 14px !important;
  color: var(--cr-brown-mid) !important;
  max-width: 220px !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  font-style: normal !important;
}

@media (max-width: 768px) {
  .page-id-567 .cr-team-grid {
    grid-template-columns: 1fr !important;
  }
}


.page-id-567 .cr-team-card img {
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  object-fit: cover !important;
  object-position: top center !important;
  border-radius: 50% !important;
  border: 4px solid var(--cr-gold-light) !important;
  display: block !important;
  margin: 0 0 20px 0 !important;
}

/*
  CR Leseagentur — Custom CSS (final)
  Einfügen: WordPress Admin > Erscheinungsbild > Customizer > Zusätzliches CSS
*/

/* ─────────────────────────────────────────────
   CSS TOKENS
───────────────────────────────────────────── */
:root {
  --cr-cream:        #F7F3EC;
  --cr-cream-dark:   #EDE7DA;
  --cr-brown:        #2C1F0E;
  --cr-brown-mid:    #5A3E28;
  --cr-green:        #3D5A47;
  --cr-green-light:  #6A8C74;
  --cr-gold:         #B8903A;
  --cr-gold-light:   #D4A85A;
  --cr-white:        #FDFAF6;
  --cr-font-display: 'Playfair Display', 'Georgia', serif;
  --cr-font-body:    'Lato', 'Helvetica Neue', sans-serif;
  --cr-radius:       4px;
  --cr-shadow:       0 4px 24px rgba(44, 31, 14, 0.10);
  --cr-transition:   0.25s ease;
}

/* ─────────────────────────────────────────────
   GLOBAL
───────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

body {
  background-color: var(--cr-cream) !important;
  color: var(--cr-brown) !important;
  font-family: var(--cr-font-body) !important;
  font-size: 17px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

.site-content, #content, .content-area {
  background-color: var(--cr-cream) !important;
}

/* ─────────────────────────────────────────────
   NAVIGATION
───────────────────────────────────────────── */
#masthead, .site-header, header.site-header, .main-navigation {
  background-color: var(--cr-white) !important;
  border-bottom: 1px solid var(--cr-cream-dark) !important;
  box-shadow: 0 2px 16px rgba(44, 31, 14, 0.06) !important;
  padding: 0 !important;
  position: sticky !important;
  top: 0;
  z-index: 1000;
}

.site-branding img, .custom-logo, header img[src*="logo"] {
  max-height: 60px !important;
  width: auto !important;
}

.main-navigation a, .primary-menu a, .nav-menu a, #masthead nav a {
  font-family: var(--cr-font-body) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--cr-brown-mid) !important;
  text-decoration: none !important;
  padding: 6px 10px !important;
  transition: color var(--cr-transition) !important;
}

.main-navigation a:hover, .primary-menu a:hover, .nav-menu a:hover {
  color: var(--cr-green) !important;
}

.main-navigation a[href*="kontakt"], .nav-menu a[href*="kontakt"],
.main-navigation a[href*="buchen"], .nav-menu a[href*="buchen"] {
  background-color: var(--cr-green) !important;
  color: var(--cr-white) !important;
  border-radius: var(--cr-radius) !important;
  padding: 8px 16px !important;
}

.main-navigation a[href*="kontakt"]:hover, .nav-menu a[href*="kontakt"]:hover,
.main-navigation a[href*="buchen"]:hover, .nav-menu a[href*="buchen"]:hover {
  background-color: var(--cr-brown-mid) !important;
}

.main-navigation .sub-menu, .nav-menu .sub-menu {
  background-color: var(--cr-white) !important;
  border: 1px solid var(--cr-cream-dark) !important;
  border-radius: var(--cr-radius) !important;
  box-shadow: var(--cr-shadow) !important;
  padding: 8px 0 !important;
}

.main-navigation .sub-menu a, .nav-menu .sub-menu a {
  font-size: 13px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 8px 20px !important;
  background: none !important;
  color: var(--cr-brown-mid) !important;
}

/* ─────────────────────────────────────────────
   WARENKORB AUSBLENDEN
───────────────────────────────────────────── */
.cart-contents, .woocommerce-cart-link, a.cart-contents,
.header-cart, .nav-cart, li.woocommerce-cart,
a[href*="cart"], a[href*="warenkorb"] {
  display: none !important;
}

/* ─────────────────────────────────────────────
   TYPOGRAFIE
───────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6, .entry-title, .page-title {
  font-family: var(--cr-font-display) !important;
  color: var(--cr-brown) !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

h1 { font-size: clamp(1.4rem, 3vw, 2rem) !important;    margin-bottom: 0.4em !important; }
h2 { font-size: clamp(1.2rem, 2.5vw, 1.6rem) !important; margin-bottom: 0.5em !important; }
h3 { font-size: clamp(1rem, 2vw, 1.25rem) !important;   margin-bottom: 0.5em !important; }

.entry-title, .page-title, h1.entry-title, h1.page-title {
  text-align: center !important;
}

a {
  color: var(--cr-green) !important;
  text-decoration: none;
  transition: color var(--cr-transition) !important;
}
a:hover { color: var(--cr-gold) !important; }

/* ─────────────────────────────────────────────
   BUTTONS
───────────────────────────────────────────── */
.btn, .button, input[type="submit"], .wp-block-button__link, a.button {
  background-color: var(--cr-green) !important;
  color: var(--cr-white) !important;
  border: none !important;
  border-radius: var(--cr-radius) !important;
  font-family: var(--cr-font-body) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  cursor: pointer;
  transition: background-color var(--cr-transition), transform var(--cr-transition) !important;
  text-decoration: none !important;
  display: inline-block;
}

.btn:hover, .button:hover, input[type="submit"]:hover, .wp-block-button__link:hover {
  background-color: var(--cr-brown-mid) !important;
  color: var(--cr-white) !important;
  transform: translateY(-2px) !important;
}

/* ─────────────────────────────────────────────
   STARTSEITE
───────────────────────────────────────────── */
img[src*="26805228"] {
  border-radius: 50% !important;
  border: 5px solid var(--cr-gold-light) !important;
  box-shadow: 0 8px 32px rgba(184, 144, 58, 0.25) !important;
  max-width: 280px !important;
  display: block !important;
  margin: 0 auto 32px auto !important;
}

.home .entry-content, .home .page-content {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 60px 24px !important;
  text-align: center !important;
}

.home .entry-content p, .home .page-content p {
  font-family: var(--cr-font-display) !important;
  font-size: 1.15rem !important;
  font-style: italic !important;
  color: var(--cr-brown-mid) !important;
  line-height: 1.85 !important;
}

/* ─────────────────────────────────────────────
   ALLGEMEINE UNTERSEITEN
───────────────────────────────────────────── */
.page-template-default .entry-content {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 48px 32px !important;
}

.page-template-default .entry-content p {
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: var(--cr-brown-mid) !important;
  margin-bottom: 1.25em !important;
}

.page-template-default .entry-content > p:first-of-type {
  background-color: var(--cr-cream-dark) !important;
  border-left: none !important;
  border-radius: 8px !important;
  padding: 28px 32px !important;
  font-family: var(--cr-font-display) !important;
  font-style: italic !important;
  font-size: 1.1rem !important;
  text-align: center !important;
  color: var(--cr-brown) !important;
  margin-bottom: 2.5em !important;
  line-height: 1.75 !important;
}

.page-template-default .entry-content h2 {
  font-size: 1.25rem !important;
  color: var(--cr-green) !important;
  border-top: 1px solid var(--cr-cream-dark) !important;
  padding-top: 1.5em !important;
  margin-top: 2.5em !important;
  margin-bottom: 0.75em !important;
}

.page-template-default .entry-content h2:first-of-type {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ─────────────────────────────────────────────
   COACHING — LISTEN & SCHRITTE
───────────────────────────────────────────── */
.page-template-default .entry-content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 1.5em 0 2em 0 !important;
}

.page-template-default .entry-content ul li {
  padding: 12px 16px 12px 48px !important;
  margin-bottom: 10px !important;
  background-color: var(--cr-white) !important;
  border-radius: var(--cr-radius) !important;
  border-left: 3px solid var(--cr-gold) !important;
  position: relative;
  font-size: 16px !important;
  line-height: 1.6 !important;
  box-shadow: 0 2px 8px rgba(44,31,14,0.06) !important;
}

.page-template-default .entry-content ul li::before {
  content: '✦';
  position: absolute;
  left: 16px;
  top: 13px;
  color: var(--cr-gold);
  font-size: 13px;
}

.page-template-default .entry-content ul li strong {
  color: var(--cr-brown) !important;
  font-weight: 700;
}

.page-template-default .entry-content ol {
  list-style: none !important;
  padding: 0 !important;
  counter-reset: cr-steps;
  margin: 1.5em 0 2em 0 !important;
}

.page-template-default .entry-content ol li {
  counter-increment: cr-steps;
  padding: 20px 20px 20px 72px !important;
  margin-bottom: 12px !important;
  background-color: var(--cr-white) !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 12px rgba(44,31,14,0.07) !important;
  position: relative;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.page-template-default .entry-content ol li::before {
  content: counter(cr-steps);
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background-color: var(--cr-green) !important;
  color: var(--cr-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--cr-font-display);
  font-weight: 600;
  font-size: 16px;
}

.page-template-default .entry-content blockquote {
  background-color: var(--cr-green) !important;
  color: var(--cr-white) !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 32px 36px !important;
  margin: 2.5em 0 !important;
  position: relative;
}

.page-template-default .entry-content blockquote::before {
  content: '\201C';
  font-family: var(--cr-font-display);
  font-size: 5rem;
  line-height: 1;
  color: rgba(255,255,255,0.2);
  position: absolute;
  top: 8px;
  left: 20px;
}

.page-template-default .entry-content blockquote p {
  font-family: var(--cr-font-display) !important;
  font-style: italic !important;
  font-size: 1.05rem !important;
  color: var(--cr-white) !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  background: none !important;
  padding: 0 !important;
  border: none !important;
  text-align: left !important;
}

.page-template-default .entry-content p:has(a[href^="mailto"]),
.page-template-default .entry-content p:has(a[href^="tel"]) {
  background-color: var(--cr-cream-dark) !important;
  border-radius: var(--cr-radius) !important;
  padding: 16px 20px !important;
  font-size: 15px !important;
  line-height: 2 !important;
}

/* ─────────────────────────────────────────────
   CONTACT FORM 7
───────────────────────────────────────────── */
.cr-form-intro {
  text-align: center !important;
  max-width: 600px;
  margin: 0 auto 2.5em auto !important;
}

.cr-form-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

.cr-form-full { grid-column: 1 / -1 !important; }

.cr-form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.cr-form-group label {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--cr-brown-mid) !important;
}

.cr-required { color: var(--cr-gold) !important; font-weight: 700; }
.cr-optional  { color: #999 !important; font-weight: 400 !important; font-size: 12px !important; text-transform: none !important; }

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea {
  width: 100% !important;
  background-color: var(--cr-white) !important;
  border: 1.5px solid var(--cr-cream-dark) !important;
  border-radius: var(--cr-radius) !important;
  padding: 12px 16px !important;
  font-family: var(--cr-font-body) !important;
  font-size: 15px !important;
  color: var(--cr-brown) !important;
  transition: border-color var(--cr-transition), box-shadow var(--cr-transition) !important;
  outline: none !important;
}

.wpcf7-form input:focus, .wpcf7-form textarea:focus {
  border-color: var(--cr-green) !important;
  box-shadow: 0 0 0 3px rgba(61, 90, 71, 0.12) !important;
}

.wpcf7-form textarea { resize: vertical !important; min-height: 140px !important; }

.cr-form-checkbox {
  background-color: var(--cr-cream-dark) !important;
  border-radius: var(--cr-radius) !important;
  padding: 16px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--cr-brown-mid) !important;
}

.cr-form-submit { text-align: center !important; margin: 8px 0 24px 0 !important; }

.wpcf7-submit {
  background-color: var(--cr-green) !important;
  color: var(--cr-white) !important;
  border: none !important;
  border-radius: var(--cr-radius) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 16px 48px !important;
  cursor: pointer !important;
  transition: background-color var(--cr-transition), transform var(--cr-transition) !important;
}

.wpcf7-submit:hover {
  background-color: var(--cr-brown-mid) !important;
  transform: translateY(-2px) !important;
}

.cr-form-contact-alt {
  text-align: center !important;
  padding: 20px !important;
  border-top: 1px solid var(--cr-cream-dark) !important;
}

.wpcf7-mail-sent-ok {
  background-color: rgba(61, 90, 71, 0.12) !important;
  color: var(--cr-green) !important;
  border-left: 3px solid var(--cr-green) !important;
  border-radius: var(--cr-radius) !important;
  padding: 14px 20px !important;
  border-top: none !important; border-right: none !important; border-bottom: none !important;
}

.wpcf7-validation-errors {
  background-color: rgba(184, 144, 58, 0.12) !important;
  color: var(--cr-brown-mid) !important;
  border-left: 3px solid var(--cr-gold) !important;
  border-radius: var(--cr-radius) !important;
  padding: 14px 20px !important;
  border-top: none !important; border-right: none !important; border-bottom: none !important;
}

/* ─────────────────────────────────────────────
   TEAM-SEITE (page-id-567)
───────────────────────────────────────────── */
.page-id-567 .entry-content {
  max-width: 900px !important;
  padding: 48px 32px !important;
  display: block !important;
}

/* Intro-Box auf Team-Seite deaktivieren */
.page-id-567 .entry-content > p:first-of-type {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-style: normal !important;
  font-size: 16px !important;
  text-align: left !important;
  margin-bottom: 0 !important;
}

.page-id-567 .cr-team-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 28px !important;
  max-width: 800px !important;
  margin: 32px auto 48px auto !important;
}

.page-id-567 .cr-team-card {
  background-color: var(--cr-white) !important;
  border-radius: 12px !important;
  padding: 36px 24px !important;
  box-shadow: var(--cr-shadow) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  transition: transform var(--cr-transition), box-shadow var(--cr-transition) !important;
}

.page-id-567 .cr-team-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 40px rgba(44,31,14,0.15) !important;
}

.page-id-567 .cr-team-card img {
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  object-fit: cover !important;
  object-position: top center !important;
  border-radius: 50% !important;
  border: 4px solid var(--cr-gold-light) !important;
  box-shadow: 0 4px 16px rgba(44,31,14,0.12) !important;
  display: block !important;
  margin: 0 0 20px 0 !important;
  flex-shrink: 0 !important;
}

.page-id-567 .cr-team-card h3 {
  font-family: var(--cr-font-display) !important;
  font-size: 1.3rem !important;
  color: var(--cr-brown) !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  border: none !important;
  text-align: center !important;
  width: 100% !important;
}

.page-id-567 .cr-team-card p {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--cr-brown-mid) !important;
  max-width: 220px !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  font-style: normal !important;
}

/* ─────────────────────────────────────────────
   FOOTER
───────────────────────────────────────────── */
#colophon, .site-footer, footer.site-footer {
  background-color: var(--cr-brown) !important;
  color: var(--cr-cream) !important;
  padding: 48px 24px 32px !important;
  margin-top: 80px !important;
}

.site-footer a, #colophon a {
  color: var(--cr-gold-light) !important;
  text-decoration: none !important;
}

.site-footer a:hover, #colophon a:hover {
  color: var(--cr-cream) !important;
  text-decoration: underline !important;
}

.site-footer p, #colophon p {
  font-size: 13px !important;
  color: rgba(247, 243, 236, 0.65) !important;
  text-align: center !important;
  margin: 0 !important;
}

/* ─────────────────────────────────────────────
   TRENNLINIEN & SCROLLBAR
───────────────────────────────────────────── */
hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--cr-gold-light), transparent) !important;
  margin: 48px auto !important;
  max-width: 320px;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--cr-cream-dark); }
::-webkit-scrollbar-thumb { background: var(--cr-green-light); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--cr-green); }

/* ─────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────── */
@media (max-width: 768px) {
  .entry-content, .page-content { padding: 40px 16px !important; }
  h1 { font-size: 1.4rem !important; }
  h2 { font-size: 1.2rem !important; }

  .page-id-567 .cr-team-grid { grid-template-columns: 1fr !important; }
  .cr-form-grid { grid-template-columns: 1fr !important; }
  .wpcf7-submit { width: 100% !important; padding: 16px !important; }

  .page-template-default .entry-content ol li,
  .page-template-default .entry-content ul li { padding-left: 44px !important; }
}