/* Emloc EM1 overrides for t3karma (typography scale)
   Keep selectors reasonably specific to outscore theme.css without !important.
   Adjust numbers as needed.
*/

/* Base scale: increase rem baseline */
html { font-size: 14px; } /* 16px -> 18px */

/* Body copy */
html body {
  font-size: 1rem;     /* remains 1rem but rem base is larger */
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headings */
html body h1 { font-size: 2.5rem; line-height: 1.15; }
html body h2 { font-size: 2.0rem; line-height: 1.2;  }
html body h3 { font-size: 1.75rem; line-height: 1.25; }
html body h4 { font-size: 1.5rem;  line-height: 1.3; }
html body h5 { font-size: 1.25rem; line-height: 1.35; }
html body h6 { font-size: 1.1rem;  line-height: 1.4; }

/* Paragraphs, lists, tables */
html body p,
html body li,
html body td,
html body th {
  font-size: 1.0625rem; /* ~17px on 16px base, scales with rem baseline */
}

/* Optional: buttons, navigation, footer fine-tuning (uncomment and adjust)
html body .btn { font-size: 1.0625rem; }
html body .navbar, html body .nav { font-size: 1rem; }
html body footer { font-size: 0.95rem; }
*/

/* If theme.css uses very specific selectors or !important, you can add one-time !important here.
   Prefer not to if possible.
*/


@media (max-width: 575.98px){
  .frame-type-ns_base_4Cols .row > div{
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}


/* t3karma: Abstand Überschrift -> Text im Regular Text Element */
.frame-type-text .heading {
  margin-bottom: 0.5rem; /* einstellen */
}

.frame-type-text p:first-of-type {
  margin-top: 0;
}

#footer .footer-copyright p {
        color: #D7CDC0;
        margin: 0;
        padding: 0;
        font-size: 0.9em;
}
.seo-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}