:root{
  --maxw: 920px;
}

body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:#ffffff;
  color:#111;
}

.page{
  max-width:var(--maxw);
  margin: 40px auto 80px auto;
  padding:0 20px;
}

.logo{
  width:350px;
  max-width:100%;
  height:auto;
}

h1{
  font-size:42px;
  line-height:1.35;
  margin: 36px 0 35px 0;
}

p{
  font-size:19px;
  line-height:1.35;
  margin:0 0 12px 0;
}

.contacts{
  display:flex;
  gap:60px;
  margin-top:20px;
}

.contacts .col{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.site-footer{
  margin-top:40px;
  font-size:13px;
  color:#666;
}

.content ol {
  font-size: 1em;
  line-height: inherit;
}

.content ol,
.content ol li {
  font-size: inherit;
}

.content ol,
.content ol li {
  font-size: 19px;
  line-height: 1.35;
}


/* uc bullets */
.uc-bullets { margin: 0.35em 0 0.8em 1.2em; padding: 0; font-size: inherit; line-height: inherit; }
.uc-bullets li { margin: 0.12em 0; font-size: inherit; line-height: inherit; }


/* bullets like ordered list above */
.uc-bullets {
  margin: 0 0 1em 1.6em;   /* gleiche linke einrückung wie ol */
  padding: 0;
}

.uc-bullets li {
  margin: 0.25em 0;        /* gleicher vertikaler abstand */
  line-height: 1.35;
}


/* bullet list must match ordered list (indent + font-size) */
.uc-bullets,
.uc-bullets li {
  font-size: inherit !important;
  line-height: inherit;
}

/* kill browser defaults, then rebuild indent like ol */
.uc-bullets{
  margin: 0 !important;
  padding-left: 2.1em !important;   /* näher an der ol-einrückung */
  list-style-position: outside;
}

.uc-bullets li{
  margin: 0.15em 0;
}



/* uc bullets: exakt gleiche schriftgröße wie fließtext */
.uc-bullets,
.uc-bullets li{
  font-size: 19px !important;
  line-height: 1.35;
}

/* uc: spacer block */
.uc-spacer{ height: 16px; }

/* uc: contacts block = standardschriftgröße */
.contacts a{
  font-size: 19px !important;
  line-height: 1.35;
}

/* uc: reduce top whitespace above logo (half) */
.content{
  padding-top: calc(var(--pady) * 0.5) !important;
}

/* uc: kill any header top whitespace */
.site-header{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}
.site-header .logo{
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* uc: tighter hero title line-height */
h1{
  line-height: 0.9 !important;
}

/* uc: hero title line-height 1.0 */
h1{
  line-height: 1.0 !important;
}

/* uc: contacts paired rows (desktop two-column, mobile stacked) */
.contacts{
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  column-gap: 60px !important;
  row-gap: 6px !important;
  margin-top: 20px !important;
}
.contact-row{
  display: contents !important; /* children become grid items */
}
.contacts a{
  font-size: 19px !important;
  line-height: 1.35 !important;
}
.contacts .phone{
  justify-self: end !important;
}

@media (max-width: 767px){
  .contacts{
    grid-template-columns: 1fr !important;
    row-gap: 10px !important;
  }
  .contacts .phone{
    justify-self: start !important;
  }
}

/* uc: contacts responsive pairing (variant a) */
.contacts{
  display: grid !important;
  grid-template-columns: 1fr auto !important; /* email left, tel right */
  column-gap: 60px !important;
  row-gap: 6px !important;
  align-items: baseline !important;
}
.contact-row{ display: contents !important; }
.contacts a{
  font-size: 19px !important;
  line-height: 1.35 !important;
}
.contacts a.tel{
  white-space: nowrap !important; /* keep number on one line */
  justify-self: start !important;
}

/* mobile: stack tel under matching email */
@media (max-width:767px){
  .contacts{
    grid-template-columns: 1fr !important;
    row-gap: 10px !important;
  }
  .contact-row{
    display: block !important;
  }
  .contacts a.email{
    display: block !important;
  }
  .contacts a.tel{
    display: block !important;
    margin-top: 4px !important;
  }
}

/* uc: contacts inline (email, tel) - no breakpoint magic */
.contacts{
  display: block !important;
  gap: 0 !important;
  margin-top: 20px !important;
}
.contacts .col{ display:none !important; } /* legacy safety, if any remains */
.contacts .row{
  margin: 6px 0;
  font-size: 19px;
  line-height: 1.35;
}
.contacts .row a{
  font-size: inherit !important;
  line-height: inherit !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}