/* Colors
-------------------------------------------------- */
:root {
  --dark: 34, 34, 34;
  --light: 236, 231, 225;
  --accent: 239, 0, 56; }

svg {
  --dark-hex: #222222;
  --light-hex: #ECE7E1;
  --accent-hex: #ff00ff; }

/* Personen
-------------------------------------------------- */
main a {
  font-weight: bold; }

h1, h2 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 2rem;
  line-height: 1.25em;
  margin-left: -0.05em;
  text-transform: none; }

@media screen and (min-width: 40em) {
  h1, h2 {
    font-size: 3em;
    font-weight: 200; } }

aside.social-networks {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  padding: 2rem;
  position: relative; }

aside.social-networks picture.twitter {
  display: block;
  width: 3.5em;
  position: relative;
  top: -1em;
  left: 1em; }

aside.social-networks picture.instagram {
  display: block;
  width: 3em;
  opacity: 0.8; }

@media screen and (min-width: 40em) {
  .kontakt-intro {
    display: flex;
    flex-flow: row nowrap;
    margin-top: 2rem; }
  aside.social-networks {
    padding: 1rem 2rem; } }

.kontaktperson {
  max-width: none;
  margin-top: 4rem;
  border-bottom: 2px solid;
  border-color: rgba(var(--accent), 1); }

.kontaktperson ul {
  list-style: none; }

.kontaktperson li {
  margin-bottom: 2rem;
  display: flex;
  flex-flow: column nowrap;
  font-variant-numeric: oldstyle-nums; }

.kontaktperson .kontaktperson-text {
  width: 100%;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  margin-top: 2rem;
  padding-top: 0; }

.kontaktperson a, .kontaktperson a:visited {
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
  border: 0; }

.kontaktperson a:hover, .kontaktperson a:active, .kontaktperson a:focus {
  color: #EF0038;
  color: rgba(var(--accent), 1);
  text-decoration: none; }

@media screen and (min-width: 40em) {
  .kontaktperson {
    margin-top: 10rem;
    border: none; }
  .kontaktperson ul {
    display: inline; }
  .kontaktperson li {
    flex-flow: row nowrap;
    width: 80%;
    margin-right: 1.5rem; }
  .kontaktperson li figure {
    width: 18rem;
    flex-shrink: 0;
    border-top: 2px solid;
    border-color: rgba(var(--accent), 1); }
  .kontaktperson {
    margin-top: 6rem; }
  .kontaktperson .kontaktperson-text {
    align-self: flex-start;
    padding-left: 1.5rem;
    border-top: 2px solid;
    border-color: rgba(var(--accent), 1);
    margin-top: 0;
    padding-top: 2rem; }
  .kontaktperson .kontaktperson-text a {
    font-weight: bold; } }

/* Fontspring-Feature */
section.fontspring {
  margin-top: 6rem;
  max-width: 78rem; }

section.fontspring p {
  max-width: 62rem; }

section.fontspring .full-width {
  background-color: rgba(var(--dark), 0.1); }

section.fontspring .font-feature {
  padding: 2rem 1.5rem; }

section.fontspring-link {
  display: flex;
  flex-flow: row nowrap; }

.fontspring-link figure {
  margin-left: 2rem; }

.fontspring-link figure img {
  height: 2em;
  margin-top: -0.1rem; }

ul.font-list {
  list-style: none;
  padding: 3rem 0;
  display: grid;
  grid-template-columns: 1fr;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  row-gap: 1.5rem;
  max-width: 62rem; }

@media screen and (min-width: 40em) {
  section.fontspring {
    margin-top: 12rem; }
  ul.font-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 3rem 1.5rem; } }

/* Newsletter */
main .newsletter {
  margin-top: 6rem;
  width: 100%;
  max-width: 78rem; }

main .newsletter p {
  max-width: 62rem; }

main .newsletter .full-width {
  background-color: rgba(var(--dark), 0.1); }

main .newsletter .inner {
  padding: 0 0 2rem 0;
  margin-top: 4rem; }

main .newsletter .inner h2 {
  display: none; }

main .newsletter .inner a {
  color: #222222;
  color: rgba(var(--dark), 0.5); }

main .content__gdprLegal,
main .mc-field-group label {
  color: #222222;
  color: rgba(var(--dark), 1);
  font-size: 0.8em; }

main .mc_layout-wrapper {
  flex-flow: column nowrap; }

main .mc_layout-wrapper > div:nth-of-type(2) {
  width: auto; }

main .content__gdprLegal {
  -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;
  color: #222222;
  color: rgba(var(--dark), 0.5); }

main .mc_layout-wrapper > div:nth-of-type(1) {
  width: auto;
  max-width: 40rem; }

main #mc_embed_signup {
  margin: 2rem 0; }

@media screen and (min-width: 40em) {
  main .newsletter {
    margin-top: 12rem; }
  main .newsletter .inner {
    padding: 0rem 1.5rem 2.5rem 1.5rem; } }
/*# sourceMappingURL=kontakt.css.map */