@import url("./breakpoints/sm.css");
@import url("./breakpoints/m.css");
@import url("./breakpoints/lg.css");
@import url("./breakpoints/xl.css");
@import url("./breakpoints/xxl.css");
@import url("./imports/menu.css");
@import url("./imports/accordion.css");
@import url("./imports/eventdetails.css");
@import url("./imports/agenda.css");
@import url("./imports/introelement.css");
@import url("./imports/formats.css");
@import url("./imports/location.css");
@import url("./imports/footer.css");
@import url("./imports/press.css");
@import url("./imports/speakers.css");
@import url("./imports/fonts.css");
@import url("./imports/button.css");
@import url("./imports/header.css");

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Inter-Light";
  background-color: var(--grey950);
  color: var(--text);
}

.red300 { background-color: var(--red300); }
.centeredText { text-align: center; }

DIV.contentBox { 
    margin: 0 auto; 
}

SECTION {
    overflow: hidden; 
}

DIV.flexBox {
    display: flex;
    flex-wrap: wrap;
}

STRONG { font-family: "Inter-Bold"; }

A.innerTxtLink {
  display: inline-flex;
  gap: var(--halfGridSpace);
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
  color: var(--grey200);
}

A.innerTxtLink:hover {
  text-decoration-style: solid;
}

P.reducedWidth {
    width: var(--reducedPWidth);
}



/* #################################### */

:root {
  --red600: #d5112a;
  --red200:#Fa5146;
  --red300: #F62634;
  --red500: #84181F;
  --grey200: #E0E2E8;
  --grey300: #5F687E;
  --grey400: #3C4655; 
  --grey500: #24262D; 
  --grey950: #111319;
  --blue500: #0B1B51; 

  --white: #fff;
  --bg: #f4f6f8;
  --surface: #ffffff;
  --text: #fff;

}