/* Typography  */
@media all {
  /* In favour of design... */
  * {
    outline: none !important;
  }

  *::selection {
    color: rgb(255, 255, 255);
    background-color: rgb(36, 16, 2);
  }

  .page-logo *::selection {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
  }

  .page-footer-top *::selection {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 80, 0);
  }

  html {
    font-size: 1rem;
  }

  body,
  input:not([type="radio"]):not([type="checkbox"]),
  button,
  select,
  textarea {
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; */
    /* uncomment with other font stacks: font-display: fallback */
    font-family: "Roboto", sans-serif;
    font-size: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: rgb(51, 51, 51);
    color: rgb(36, 16, 2);
    background: rgb(255, 255, 255);
  }

  b,
  strong,
  dt {
    font-weight: 600;
  }

  a {
    color: rgb(254, 80, 0);
    font-weight: 700;
    text-decoration: none;
    text-decoration-skip: ink;
  }

  a:focus,
  a:hover {
    color: rgb(254, 80, 0);
  }

  .content-main a.btn:focus,
  .content-main a.btn:hover {
    background-color: rgb(36, 16, 2);
    color: rgb(255, 255, 255);
  }

  .h1-like,
  .h2-like,
  .h3-like,
  .h4-like,
  .h5-like,
  h1,
  h2,
  h3,
  h4,
  h5 {
    margin: 0;
    line-height: 1.125;
    font-weight: 700;
  }
  .h1-like a,
  .h2-like a,
  .h3-like a,
  .h4-like a,
  .h5-like a,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a {
    /* color: rgb(70,70,70); FIXME */
    text-decoration: none;
  }

  .h1-like,
  h1 {
    font-size: 150%;
  }
  .h2-like,
  h2 {
    font-size: 125%;
  }

  .h3-like,
  h3 {
    font-size: 112.5%;
  }
  .h4-like,
  h4 {
    font-size: 1rem;
    font-weight: 600;
  }
  .h5-like,
  h5 {
    font-size: 1rem;
    font-weight: 600;
  }

  blockquote {
    margin-left: 1.25rem;
    border-left: 4px solid rgb(204, 204, 204);
    padding: 0.9375rem 0 0 1.25rem;
    font-style: italic;
  }

  blockquote::after {
    content: "";
    display: table;
  }

  /* margins */

  .ce-news,
    /* .ce-header,
    .ce-teaserlink-inner, */
    table,
    p, ul, ol, dl {
    margin: 0;
    /*! margin-bottom: 0.625rem; */
    margin-bottom: 1.25rem;
  }

  .ce-bodytext li + li {
    padding-top: 0.3125rem;
  }

  .ce-header + .ce-textpic,
  .ce-header + .ce-uploads,
  .ce-header + div,
  .ce-header + ul,
  .ce-header + ol,
  .ce-header + table {
    margin-top: 1.25rem;
  }

  .ce-bodytext + .ce-gallery {
    margin-top: 2.5rem;
  }

  .ce-header.rc-head + .ce-textpic,
  .ce-header.rc-head + div,
  .ce-header + div.ce-grid,
  .ce-header + div.ce-grid-small,
  .ce-header + div.ce-grid-medium,
  .ce-header + div.ce-grid-large,
  .ce-header + div.ce-grid-fullwidth {
    margin-top: 0;
  }

  .ce-teaserlink-inner {
    margin-bottom: 0;
  }

  .ce-type-gridelements_pi1 > div > div > .ce-header {
    margin: 0;
    padding-top: 2.5rem;
  }

  .ce-type-gridelements_pi1.ce-layout-box-tiles > div > div > .ce-header,
  .page-layout-default .ce-type-gridelements_pi1:not(.ce-accordeon) > div > div > .ce-header {
    text-align: left;
  }

  .page-layout-default .ce-type-gridelements_pi1:not(.ce-accordeon) > div > div > .ce-header + .ce-grid,
  .page-layout-default .ce-type-gridelements_pi1:not(.ce-accordeon) > div > div > .ce-header + .ce-grid-small,
  .page-layout-default .ce-type-gridelements_pi1:not(.ce-accordeon) > div > div > .ce-header + .ce-grid-medium,
  .page-layout-default .ce-type-gridelements_pi1:not(.ce-accordeon) > div > div > .ce-header + .ce-grid-large {
    padding-top: 2.5rem;
  }

  .style-ce-tiles .ce-type-gridelements_pi1 > div > div > .ce-grid .ce-element.ce-layout-box,
  .style-ce-tiles .ce-type-gridelements_pi1 > div > div > .ce-grid-small .ce-element.ce-layout-box,
  .style-ce-tiles .ce-type-gridelements_pi1 > div > div > .ce-grid-medium .ce-element.ce-layout-box,
  .style-ce-tiles .ce-type-gridelements_pi1 > div > div > .ce-grid-large .ce-element.ce-layout-box {
    margin-top: 2.5rem;
  }

  .ce-type-gridelements_pi1.ce-accordeon > div > div > .ce-header {
    padding-top: 0;
    text-align: left;
  }

  p .btn {
    margin-bottom: 0.625rem;
  }

  p:last-of-type .btn {
    margin-bottom: 0;
  }

  p + p .btn {
    margin-top: 0.625rem;
  }

  p .btn + .btn {
    margin-left: 0.625rem;
  }

  .ce-header-subheader,
  .ce-header-date {
    margin-top: 0.3125rem;
  }

  .ce-header-subheader {
    margin-top: 0.625rem;
  }
  .ce-header-date {
    margin: 0.625rem 0 0;
  }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin: 0;
  }

  .ce-menu .ce-menu {
    margin-left: 1.25rem;
  }

  hr,
  .ce-div {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0;
    height: 0.9375rem;
  }

  /* text flow */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 p,
  li,
  a,
  figcaption {
    overflow-wrap: break-word;
    word-wrap: break-word;
    /*! -webkit-hyphens: auto; */
    /*! -moz-hyphens: auto; */
    /*! -ms-hyphens: auto; */
    /*! hyphens: auto; */
  }

  .page-footer,
  .page-footer a {
    color: rgb(255, 255, 255);
  }

  .page-stage .ce-bodytext {
    color: rgb(255, 255, 255);
  }

  .page-stage .ce-header,
  .page-stage .ce-header a {
    color: rgb(255, 255, 255);
    /*! text-decoration: none; */
  }

  .page-stage .ce-bodytext {
    color: rgb(255, 255, 255);
  }

  .cc-revoke.cc-right {
    font-family: "Roboto", sans-serif;
    font-size: 100%;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    font-weight: 700;
  }
}

@media all and (min-width: 42.5em), print {
  .ce-type-gridelements_pi1 > div > div > .ce-header {
    text-align: center;
  }
}

/* large */
@media all and (min-width: 62.5em) {
  /* typography */

  .h1-like,
  h1 {
    font-size: 175%;
  }
  .h2-like,
  h2 {
    font-size: 150%;
  }

  .h3-like,
  h3 {
    font-size: 125%;
  }

  .h4-like,
  h4 {
    font-size: 112.5%;
  }
}

/* xlarge */
@media all and (min-width: 82.5em) {
  /* typography */

  .h1-like,
  h1 {
    font-size: 200%;
    font-size: 2.5rem;
  }

  .h2-like,
  h2 {
    font-size: 175%;
    font-size: 2rem;
  }

  .h3-like,
  h3 {
    font-size: 150%;
    font-size: 1.5rem;
  }

  .h4-like,
  h4 {
    font-size: 125%;
    font-size: 1.25rem;
  }

  .h5-like,
  h5 {
    font-size: 112.5%;
    font-size: 1.125rem;
    font-weight: inherit;
  }
}

@media all and (min-width: 112.5em) {
  body,
  input:not([type="radio"]):not([type="checkbox"]),
  button,
  select,
  textarea {
    font-size: 112.5%;
    font-size: 1.125rem;
  }

  .ce-news,
    /*.ce-header,
    .ce-teaserlink-inner, */
    table,
    p, ul, ol, dl {
    margin: 0 0 1.875rem;
  }

  .ce-header + .ce-textpic,
  .ce-header + .ce-uploads,
  .ce-header + div {
    margin-top: 1.875rem;
  }

  .ce-type-gridelements_pi1 > div > div > .ce-header {
    padding-top: 5rem;
  }

  .page-layout-default .ce-type-gridelements_pi1:not(.ce-accordeon) > div > div > .ce-header + .ce-grid,
  .page-layout-default .ce-type-gridelements_pi1:not(.ce-accordeon) > div > div > .ce-header + .ce-grid-small,
  .page-layout-default .ce-type-gridelements_pi1:not(.ce-accordeon) > div > div > .ce-header + .ce-grid-medium,
  .page-layout-default .ce-type-gridelements_pi1:not(.ce-accordeon) > div > div > .ce-header + .ce-grid-large {
    padding-top: 5rem;
  }

  .ce-bodytext + .ce-gallery {
    margin-top: 5rem;
  }

  .style-ce-tiles .ce-type-gridelements_pi1 > div > div > .ce-grid .ce-element.ce-layout-box,
  .style-ce-tiles .ce-type-gridelements_pi1 > div > div > .ce-grid-small .ce-element.ce-layout-box,
  .style-ce-tiles .ce-type-gridelements_pi1 > div > div > .ce-grid-medium .ce-element.ce-layout-box,
  .style-ce-tiles .ce-type-gridelements_pi1 > div > div > .ce-grid-large .ce-element.ce-layout-box {
    margin-top: 5rem;
  }
}