/* LIVE Rosenau */

/*
:root {
  --font-size-heading: var(--step-2);
  --font-size-subheading: var(--step-1);
  --font-size-body: var(--step-0);
  --font-size-info: var(--step--1);
  --font-size-body: var(--step--2);
}
*/

body {
  /*
  font-size: var(--p1-size);
  font-variation-settings: var(--p-settings);
  */
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
  text-wrap: balance;
  hyphens: auto;
  font-variation-settings: 'wght' 600;
}
strong {
  font-variation-settings: 'wght' 600;
}



.heading {
  text-transform: uppercase;
  border-top: 1px solid var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}

table a {
  white-space: nowrap;
}

/* h1 */
.template-event h1,
.template-genre h1,
.template-serie h1,
.template-service h1 {
  font-size: var(--h1-size);
  font-variation-settings: var(--h1-settings);
}
/* h2 */
.events > li .event-basics {
  container-type: inline-size;
}
.events > li .event-basics h3 {
  font-size: var(--h2-size);
  font-variation-settings: var(--h2-settings);
}
/* h3 */
.template-article h1, 
.template-genres h1,
.template-editorial h1,
.template-editorials h1,
.template-series h1 {
  font-size: var(--h3-size);
  font-variation-settings: var(--h3-settings);
}
/* h4 */
.flyer .card {
  container-type: inline-size;
}
.flyer .card h3 {
  font-size: var(--h4-size);
  font-variation-settings: var(--h4-settings);
}
/* h5 */
.cta a {
  display: block;
  container-type: inline-size;
}
.cta a * {
  font-size: var(--h5-size);
  font-variation-settings: var(--h5-settings);
}














/*
h1 {
  font-size: var(--step-5);
}
h2 {
  font-size: var(--step-4);
}
h3 {
  font-size: var(--step-3);
}
*/
/*
.note {
  container-type: inline-size;
}
*/

.fluid {
  --min: 1.5; /* rem */
  --max: 2.25; /* rem */
  --w1: 252; /* px */
  --w2: 432; /* px */

  /* rem of font per 1% of container width */
  --slope-per-cqi: calc(
    (var(--max) - var(--min)) / (var(--w2) - var(--w1)) * 100
  );
  --intercept: calc(var(--min) - var(--slope-per-cqi) * var(--w1) / 100);

  --font-size: clamp(
    calc(var(--min) * 1rem),
    calc(var(--intercept) * 1rem + var(--slope-per-cqi) * 1cqi),
    calc(var(--max) * 1rem)
  );
}




/*
.teaser > li h3, 
.events > li h3 {
  line-height: 1;
  margin-bottom: 0.25em;
}
*/











/* NOT SAFE
p:has(> br:first-child) {
  background: green;
}
p:has(> br:only-child) {
  background: silver;
}
*/