/* =========================================================
   CHRISTINA RICHTER – GLOBAL TYPOGRAFIE + FOOTER
   TYPO3 14.3.x / Bootstrap Package 16.0.x
   Bootstrap bleibt Basis. Nur projektspezifische Overrides.
   ========================================================= */
:root{
 --cr-mauve:#915F6D;
 --cr-dark:#673147;
 --cr-text:#62575E;
 --cr-light:#F8F5F2;
 --cr-soft:#EEE5E8
}

/* =========================================================
   TYPOGRAFIE – ALLE CR-INHALTSBLÖCKE
   Nur Schriftwerte zentralisieren; Layout/Farben bleiben lokal.
   !important ist hier bewusst auf Typografie begrenzt, damit
   bestehende Inline-<style>-Blöcke zuverlässig überstimmt werden.
   ========================================================= */
#page-content [class^="cr-"] h1,
#page-content [class*=" cr-"] h1{
 font-size:clamp(40px,3.7vw,54px)!important;
 line-height:1.1!important;
 letter-spacing:-1px!important
}

#page-content [class^="cr-"] h2,
#page-content [class*=" cr-"] h2{
 font-size:clamp(34px,3.1vw,48px)!important;
 line-height:1.14!important;
 letter-spacing:-.8px!important
}

#page-content [class^="cr-"] h3,
#page-content [class*=" cr-"] h3{
 font-size:clamp(26px,2.2vw,30px)!important;
 line-height:1.22!important;
 letter-spacing:-.35px!important
}

/* Normaler Fließtext innerhalb der Christina-Blöcke. Kleine
   Eyebrows/Labels/Zitate bleiben bewusst in ihrer Sondertypografie. */
#page-content [class^="cr-"] p:not([class*="eyebrow"]):not([class*="label"]):not([class*="kicker"]):not([class*="overline"]):not([class*="quote"]):not([class*="signature"]),
#page-content [class*=" cr-"] p:not([class*="eyebrow"]):not([class*="label"]):not([class*="kicker"]):not([class*="overline"]):not([class*="quote"]):not([class*="signature"]),
#page-content [class^="cr-"] li,
#page-content [class*=" cr-"] li,
#page-content [class*="__lead"],
#page-content [class*="__text"],
#page-content [class*="__intro"]{
 font-size:23px!important
}

/* =========================================================
   FOOTER – Bootstrap-Struktur bleibt erhalten
   ========================================================= */
#page-footer .footer-section-content,
#page-footer .footer-section-meta{
 background:var(--cr-mauve)!important;
 color:#fff!important
}

#page-footer .footer-section-content a,
#page-footer .footer-section-meta a{
 color:#fff!important
}

#page-footer .footer-section-content a:hover,
#page-footer .footer-section-content a:focus,
#page-footer .footer-section-meta a:hover,
#page-footer .footer-section-meta a:focus{
 color:#fff!important;
 opacity:.84
}

/* =========================================================
   TABLET
   ========================================================= */
@media(max-width:900px){
 #page-content [class^="cr-"] h1,
 #page-content [class*=" cr-"] h1{font-size:clamp(36px,5.2vw,46px)!important}

 #page-content [class^="cr-"] h2,
 #page-content [class*=" cr-"] h2{font-size:clamp(32px,4.8vw,42px)!important}

 #page-content [class^="cr-"] h3,
 #page-content [class*=" cr-"] h3{font-size:28px!important}

 #page-content [class^="cr-"] p:not([class*="eyebrow"]):not([class*="label"]):not([class*="kicker"]):not([class*="overline"]):not([class*="quote"]):not([class*="signature"]),
 #page-content [class*=" cr-"] p:not([class*="eyebrow"]):not([class*="label"]):not([class*="kicker"]):not([class*="overline"]):not([class*="quote"]):not([class*="signature"]),
 #page-content [class^="cr-"] li,
 #page-content [class*=" cr-"] li,
 #page-content [class*="__lead"],
 #page-content [class*="__text"],
 #page-content [class*="__intro"]{font-size:21px!important}
}

/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:700px){
 #page-content [class^="cr-"] h1,
 #page-content [class*=" cr-"] h1{font-size:clamp(34px,9vw,40px)!important}

 #page-content [class^="cr-"] h2,
 #page-content [class*=" cr-"] h2{font-size:clamp(30px,8.5vw,38px)!important}

 #page-content [class^="cr-"] h3,
 #page-content [class*=" cr-"] h3{font-size:26px!important}

 #page-content [class^="cr-"] p:not([class*="eyebrow"]):not([class*="label"]):not([class*="kicker"]):not([class*="overline"]):not([class*="quote"]):not([class*="signature"]),
 #page-content [class*=" cr-"] p:not([class*="eyebrow"]):not([class*="label"]):not([class*="kicker"]):not([class*="overline"]):not([class*="quote"]):not([class*="signature"]),
 #page-content [class^="cr-"] li,
 #page-content [class*=" cr-"] li,
 #page-content [class*="__lead"],
 #page-content [class*="__text"],
 #page-content [class*="__intro"]{font-size:19px!important}
}