@import 'https://qonsult.com/styles/qonsult-common.v1.0.3.css';

main {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  gap: 10px;
  justify-content: space-evenly;
  background: #fff;
}

h2 {
  position: absolute;
  top: 100px;
  left: 10px;
  z-index: 1000;
  visibility: hidden;
}

nav[aria-labelledby='footer-navigation'] ul {
  margin: 0;
  text-align: center !important;
}

section {
  flex: 1;
}

section>h3 {
  position: absolute;
  visibility: hidden;
}

section.padding {
  padding: 10px;
}

section.heading h3 {
  position: static;
  visibility: visible;
  margin: 0 0 1em 0;
  padding: 0 0 2px 0;
  font-size: 1.1em;
  color: var(--qonsult-green);
}

section.underline h3 {
  border-bottom: 1px solid #000;
}

section.red h3 {
  color: var(--qonsult-red);
}

section.gray {
  background: var(--qonsult-light-gray);
}

section.span2 {
  flex: 2;
}

@media screen and (min-width: 44em) {

  body.start nav[aria-labelledby='primary-navigation'] ul li a.start,
  body.qonsult-ag nav[aria-labelledby='primary-navigation'] ul li a.qonsult-ag,
  body.branchen nav[aria-labelledby='primary-navigation'] ul li a.branchen,
  body.kompetenzen nav[aria-labelledby='primary-navigation'] ul li a.kompetenzen,
  body.referenzen nav[aria-labelledby='primary-navigation'] ul li a.referenzen,
  body.qonsult-group nav[aria-labelledby='primary-navigation'] ul li a.qonsult-group,
  body.karriere nav[aria-labelledby='primary-navigation'] ul li a.karriere,
  body.kontakt nav[aria-labelledby='primary-navigation'] ul li a.kontakt {
    background: #000;
  }

  body>main>section:nth-of-type(1) {
    order: 2;
  }

  body>main>section:nth-of-type(2) {
    order: 1;
  }

  body>main>section:nth-of-type(3) {
    order: 3;
  }
}

div.test img {
  width: 150px;
  margin: 20px 0 20px 20px;
}