/*
||------------------------THEME-------------------------||
||                                                      ||
||         path: /css-styles/themes/headline.css        ||
||                                                      ||
||----------------------css-style-----------------------||

content:
- AHEADLINE
- ACCENT
*/

/* ------------------ HEADLINE ------------------ */

.headline {
  position: relative;
  display: block;

  margin-top: 0px;
  margin-bottom: 24px;
  padding: 8px 0;

  background-color: var(--color-header-bootom);
}

.headline h2,
.headline p {
  color: var(--color-headline);
}

.headline div {
  position: relative;
  margin: 0 auto;
  width: 96%;
}

/* ------------------ ACCENT ------------------ */
.headline hr {
  border: 1px solid var(--color-accent);
}