/*
+ Theme Name:  Catch Box Child
 Template:    catch-box
 Text Domain: catch-box-child
*/

/* Font: Lato */

body, button, input, select, textarea {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}

body,
button,
input,
select,
textarea {
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  line-height: 1.45 !important;
  margin-top: 0.25em !important;
  margin-bottom: 0.15m !important;
}

/* Zeilenhöhe enger – für Inhalt & Auszüge */
#content,
#main,
.entry-content,
.entry-summary,
.post,
.page {
  line-height: 1.45 !important;
}

/* Absatzabstand (unter p) reduzieren – Inhalt & Auszüge */
.entry-content p,
.entry-summary p,
.post p,
.page p {
  margin-bottom: 0.75em !important; /* statt ~1em */
}

/* Optional: Überschriften etwas kompakter */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3 {
  margin-top: 0.5em !important;
  margin-bottom: 0.25m !important;
}

#branding #access {
  background: linear-gradient(to bottom, #1e4f7d 0%, #25598a 50%, #1f3c60 100%) !important;
  border: none !important;
}

/* Menü horizontal zentrieren */
#access {
    text-align: center;
}

/* UL als „Block“ welcher zentriert werden kann */
#access .menu {
    display: inline-block;
    float: none;
}

/* sicherheitshalber auch für wp_nav_menu fallback */
#access ul {
    display: inline-block;
    float: none;
}

/* 1) Floats & Transform-Trick deaktivieren */
#site-logo {
  float: none !important;
  position: static !important;
  left: auto !important;
  transform: none !important;
  display: block !important;
  margin: 0 auto !important;   /* klassisches Zentrieren */
}

/* 2) Logo + Hgroup mittig ausrichten */
#header-content .logo-wrap {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;   /* Logo oben, Text darunter */
  align-items: center !important;       /* horizontal mittig */
  justify-content: center !important;
  text-align: center !important;
}

/* 3) Hgroup nicht mehr floaten */
#header-content .logo-wrap #hgroup {
  float: none !important;
  margin: 0.4rem auto 0 !important;
  text-align: center !important;
}

/* 4) Bild sauber zentrieren & responsiv, ohne Überlauf */
#site-logo img {
  display: block !important;
  margin: 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  /* Falls die .logo-wrap seitlich Padding hat, verhindert das sichtbaren Überlauf: */
  box-sizing: border-box !important;
  max-width: calc(100% - 0px); /* bei Bedarf auf calc(100% - 40px) erhöhen, wenn z.B. 20px Padding links+rechts existieren */
}

.single .byline,
.single .author,
.single .post-author,
.single .entry-meta .byline,
.single .entry-meta .author {
  display: none !important;
}