@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@600;700&display=swap');
/* Homepage - Header und Footer ausblenden */
.page-id-573 .site-header,
.page-id-573 #masthead,
.page-id-573 .kadence-header {
    display: none !important;
}

.page-id-573 .site-footer,
.page-id-573 #colophon {
    display: none !important;
}

.page-id-573 .site-content,
.page-id-573 #primary,
.page-id-573 .content-area,
.page-id-573 .entry-content {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.page-id-573 .wp-block-html {
    margin: 0 !important;
    padding: 0 !important;
}
/* Homepage full-width fix */
.page-id-573 #page,
.page-id-573 #content,
.page-id-573 .site,
.page-id-573 main#primary {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.page-id-573 article,
.page-id-573 .entry-content > * {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Homepage - Seitentitel ausblenden */
.page-id-573 .entry-header,
.page-id-573 .page-title,
.page-id-573 header.entry-header {
    display: none !important;
}
/* Homepage - full width container fix */
.page-id-573 div.content-container.site-container,
.page-id-573 #inner-wrap,
.page-id-573 .wrap.kt-clear,
.page-id-573 #primary.content-area {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Homepage - Hintergrund und restlicher Kadence-Header fix */
.page-id-573 body,
.page-id-573 #page {
    background: #141414 !important;
}

.page-id-573 #masthead,
.page-id-573 .site-header,
.page-id-573 header#masthead {
    display: none !important;
    height: 0 !important;
}
/* Homepage - weißer Hintergrund fix */
.page-id-573 article,
.page-id-573 .entry-content,
.page-id-573 .entry-content.single-content,
.page-id-573 #main.site-main,
.page-id-573 .content-wrap {
    background: #141414 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.home body,
.home #page {
    background: #141414 !important;
}

.home article,
.home .entry-content,
.home .entry-content.single-content,
.home #main.site-main,
.home .content-wrap {
    background: #141414 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.home div.content-container.site-container,
.home #inner-wrap,
.home .wrap.kt-clear,
.home #primary.content-area {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.home .entry-header,
.home .page-title,
.home header.entry-header {
    display: none !important;
}
.home #page {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Homepage h1 "Homepage" ausblenden */
.home h1.entry-title,
.home .entry-title {
    display: none !important;
}

/* Hero Leerraum oben entfernen */
.home .hero {
    padding-top: 2rem !important;
}

/* Kadence body padding-top fix */
body.home {
    padding-top: 0 !important;
}

/* Textfarben fix - Kadence überschreibt */
.home h1, .home h2, .home h3, .home h4 {
    color: #f0ede8 !important;
}

.home p, .home li {
    color: #9a9590 !important;
}
/* H1 erste Zeile hell machen */
.home .hero-h1 {
    color: #f0ede8 !important;
}

/* Hero padding reduzieren */
.home .hero {
    padding-top: 0 !important;
    min-height: 70vh !important;
}
@media (max-width: 768px) {
  .wc-hero, .wc-problem, .wc-about, .wc-how, .wc-testimonial {
    padding: 48px 20px !important;
  }
  .wc-problem-grid { display: block !important; }
  .wc-problem-item { margin-bottom: 2px; }
  .wc-about-grid { display: block !important; }
  .wc-about-photo-wrap { max-width: 160px !important; margin: 0 auto 2rem auto !important; }
  .wc-steps { display: block !important; }
  .wc-step { margin-bottom: 2px; }
  .wc-how-stat { flex-direction: column !important; gap: 0.5rem !important; text-align: center !important; }
  .wc-how-stat-number { font-size: 1.1rem !important; }
  .wc-how-stat-divider { width: 32px !important; height: 1px !important; }
  .wc-btn-primary { font-size: 11px !important; padding: 10px 20px !important; }
}
@media (max-width: 480px) {
  .wc-h1 { font-size: 2rem !important; }
  .wc-stats { display: block !important; }
  .wc-stat { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; }
  .wc-stat:last-child { border-bottom: none !important; }
  .wc-testimonial-text { font-size: 0.95rem !important; }
}
/* CTA Button klein auf Mobile */
@media (max-width: 768px) {
  .wc-btn-primary {
    font-size: 11px !important;
    padding: 8px 16px !important;
    white-space: normal !important;
  }
  /* CTA Strip: untereinander */
  div[style*="grid-template-columns:1fr auto"] {
    display: block !important;
  }
  div[style*="grid-template-columns:1fr auto"] a {
    display: inline-block !important;
    margin-top: 1.5rem;
  }
  /* Problem-Karten: gleich aussehen wie How-Steps */
  .wc-problem-item {
    background: #1c1c1c !important;
    padding: 2rem 1.75rem !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 0 !important;
  }
  .wc-problem-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #f0ede8 !important;
    margin-bottom: 0.5rem !important;
  }
  .wc-problem-icon {
    display: inline-block !important;
    background: rgba(201,168,76,0.12) !important;
    border: 1px solid rgba(201,168,76,0.2) !important;
    padding: 3px 10px !important;
    border-radius: 3px !important;
    font-size: 10px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #ad7a3c !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 1.25rem !important;
    opacity: 1 !important;
  }
	/* Seitentitel und weißen Bereich verstecken */
.entry-title {
  display: none !important;
}
.site-main {
  padding-top: 0 !important;
}
.content-area {
  padding-top: 0 !important;
}
.wp-site-blocks {
  padding-top: 0 !important;
}
.page-template-default .site-content,
.page .site-content,
.kadence-page .site-content,
article.page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.wp-block-post-content,
https://webercoach.com/wp-admin/revision.php?revision=644.wp-block-group,
.is-layout-flow,
.kadence-page-header,
.page-content,
.hentry {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.page .content-bg,
body.page .site,
body.page #primary {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.page-template-default .entry-content,
body.page .entry-content,
.page-id .entry-content {
  padding: 0 !important;
  margin: 0 !important;
}
	.wc-btn-ghost {
  color: #9a9590 !important;
}
.wc-btn-ghost:hover {
  color: #ad7a3c !important;
}
	css.site-header .site-branding {
  margin-right: auto !important;
}
.site-header .header-layout-inner {
  justify-content: flex-start !important;
}
@media (max-width: 768px) {
  .wc-hero {
    padding-top: 160px !important;
  }
}
	@media (max-width: 768px) {
  .wc-hero-inner {
    padding-top: 120px !important;
  }
}
	/* Hover-Farbe Navigation: Gold statt Blau */
.main-navigation a:hover,
.main-navigation ul li a:hover,
header .main-navigation a:hover {
  color: #ad7a3c !important;
}

/* "Im echten Alltag" Tagline ausblenden */
.site-tagline,
.site-description,
.kadence-site-tagline {
  display: none !important;
}
	.main-navigation a:hover,
header .main-navigation ul li a:hover {
  color: #ad7a3c !important;
}
	.btn-primary:visited,
.btn-primary:active {
  color: #111111 !important;
  text-decoration: none !important;
}
	.wp-block-html {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
	.wc-hero,
.wc-problem,
.wc-about,
.wc-how,
.wc-testimonial {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
} /* Ende des Handy-Blocks aus Zeile 173 */
/* ===== BLOG: Beiträge + Blog-Übersicht (dunkles Design) ===== */
body.single-post,
body.blog,
body.archive {
  background: #141414 !important;
}
body.single-post .content-bg,
body.single-post .site-main,
body.single-post #inner-wrap,
body.blog .site-main,
body.blog #inner-wrap,
body.archive .site-main,
body.archive #inner-wrap {
  background: transparent !important;
}

/* Lesebreite und Abstand unter dem Header */
body.single-post .content-container.site-container,
body.blog .content-container.site-container,
body.archive .content-container.site-container {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
body.single-post .site-main,
body.blog .site-main,
body.archive .site-main {
  padding-top: 140px !important;
  padding-bottom: 80px !important;
}

/* Beitrag: Titel und Meta */
body.single-post .entry-title {
  font-family: 'Montserrat', sans-serif;
  color: #F7F5F0 !important;
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1.2;
}
body.single-post .entry-meta,
body.single-post .entry-meta a {
  color: #9a9590 !important;
}

/* Beitrag: Text */
body.single-post .entry-content {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  line-height: 1.7;
}
body.single-post .entry-content p,
body.single-post .entry-content li {
  color: #E8E4DC;
}
body.single-post .entry-content p {
  margin: 0 0 1.1em;
}
body.single-post .entry-content h2 {
  font-family: 'Montserrat', sans-serif;
  color: #F7F5F0;
  font-size: 26px;
  margin: 1.8em 0 0.6em;
}
body.single-post .entry-content strong {
  color: #F7F5F0;
}
body.single-post .entry-content a {
  color: #ad7a3c;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.single-post .entry-content a:hover {
  color: #9a9590;
}

/* Blog-Übersicht: Karten */
body.blog .loop-entry,
body.archive .loop-entry {
  background: #1c1c1c !important;
  border: 1px solid #2c2c2c;
  box-shadow: none !important;
}
body.blog .loop-entry .entry-title a,
body.archive .loop-entry .entry-title a {
  font-family: 'Montserrat', sans-serif;
  color: #F7F5F0 !important;
}
body.blog .loop-entry .entry-summary,
body.blog .loop-entry .entry-summary p,
body.archive .loop-entry .entry-summary p {
  color: #d9d5ce;
}
body.blog .loop-entry .entry-meta,
body.blog .loop-entry .entry-meta a,
body.archive .loop-entry .entry-meta a {
  color: #9a9590 !important;
}
body.blog .loop-entry .more-link-wrap a,
body.archive .loop-entry .more-link-wrap a {
  color: #ad7a3c !important;
}
/* Blog: Titel trotz Zeile 217 anzeigen */
body.single-post .entry-title,
body.blog .loop-entry .entry-title,
body.archive .loop-entry .entry-title {
  display: block !important;
}
/* Blog: äußerer Kadence-Rahmen ebenfalls dunkel */
body.single-post .site,
body.single-post #wrapper,
body.single-post .content-area,
body.blog .site,
body.blog #wrapper,
body.blog .content-area,
body.archive .site,
body.archive #wrapper,
body.archive .content-area {
  background: #141414 !important;
}
/* Blog-Übersicht: Header, Titelbereich, Abstand */
body.blog #masthead,
body.blog .site-header-row-container-inner,
body.archive #masthead,
body.archive .site-header-row-container-inner {
  background: #141414 !important;
}
body.blog .entry-hero-container-inner,
body.blog .hero-section-overlay,
body.archive .entry-hero-container-inner,
body.archive .hero-section-overlay {
  background: #141414 !important;
}
body.blog .entry-hero h1,
body.archive .entry-hero h1 {
  font-family: 'Montserrat', sans-serif;
  color: #F7F5F0 !important;
}
body.blog .site-main,
body.archive .site-main {
  padding-top: 40px !important;
}
/* Blog-Übersicht: Einleitungstext unter "Blog" */
body.blog .entry-hero h1::after {
  content: "For engineers in leadership roles. Real situations from daily leadership, and the one practical step that changes them.";
  display: block;
  max-width: 620px;
  margin: 18px auto 0;
  font-family: 'Lato', sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.6;
  color: #9a9590;
}
/* Blog-Übersicht: Abstand zwischen Beitragsbild und Titel */
body.blog .loop-entry .post-thumbnail,
body.archive .loop-entry .post-thumbnail {
  margin-bottom: 0 !important;
}
body.blog .loop-entry .entry-content-wrap,
body.archive .loop-entry .entry-content-wrap {
  padding-top: 40px !important;
}
/* Header: Logo mit Abstand zum linken und oberen Rand (alle Seiten) */
.site-header .site-branding {
  padding-left: 24px !important;
  padding-top: 16px !important;
  padding-bottom: 8px !important;
}
@media (max-width: 768px) {
  .site-header .site-branding {
    padding-left: 16px !important;
    padding-top: 10px !important;
    padding-bottom: 6px !important;
  }
}