/* Base styles and content styles */

@import url(https://fonts.googleapis.com/css?family=Raleway:800|Roboto:300);

:root {
  --scandio-red: #d21515;
  --scandio-blue: #42d4fb;
}

.coal {
  --quote-bg: hsl(226, 15%, 17%);
}

.light {
  --links: var(--scandio-red);
  --quote-bg: var(--scandio-blue);
}

html {
    font-family: "Roboto", sans-serif;
}

h1,h2,h3 {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
}

.solution {
  margin: 12px 0;
}

.solution * {
  margin-top: 12px;
}

.solution:not(.expanded) * {
  display: none;
}

.solution::before {
  content: 'Lösung';
  cursor: pointer;
  color: var(--links);
}

.solution:hover::before {
  color: var(--scandio-blue);
}

a:hover {
  color: var(--scandio-blue);
}

.content a:hover {
  text-decoration: none;
}