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

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

h2 {
  position: absolute;
  visibility: hidden;
}

#footer-navigation ul {
  margin: 0;
  text-align: center;
}

section {
  flex: 1;
}

section h3 {
  font-size: 1.1em;
  color: var(--qonsult-green);
  margin: 0 0 1em 0;
  padding: 0 0 2px 0;
}

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

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

section.span2 {
  flex: 2;
}

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

  body.home #header-navigation ul li a.home,
  body.qonsult-ag #header-navigation ul li a.qonsult-ag,
  body.branchen #header-navigation ul li a.branchen,
  body.kompetenzen #header-navigation ul li a.kompetenzen,
  body.referenzen #header-navigation ul li a.referenzen,
  body.qonsult-group #header-navigation ul li a.qonsult-group,
  body.karriere #header-navigation ul li a.karriere,
  body.kontakt #header-navigation ul li a.kontakt {
    background: #000;
  }

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

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

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

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

ul.anchor-list {
  list-style: none;
  margin-left: 0;
}

ul.anchor-list a::before {
  margin: 0 2px 0 0;
}

/* branchenexpertise */
dl.branchenexpertise {
  padding-left: 85px;
}

dl.branchenexpertise dt {
  position: relative;
}

dl.branchenexpertise dt::before {
  position: absolute;
  top: 0;
  left: -85px;
  height: 76px;
  width: 76px;
  content: ' ';
}

dl.branchenexpertise dt a {
  color: var(--qonsult-red);
}

dl.branchenexpertise a::before {
  content: '';
  margin: 0;
}

dl.branchenexpertise dd {
  margin-bottom: 30px;
}

dl.branchenexpertise dt:nth-of-type(1)::before {
  background: url('/images/rundfunk-und-fernsehen.jpg') top left / 76px 76px no-repeat;
}

dl.branchenexpertise dt:nth-of-type(2)::before {
  background: url('/images/telekommunikations-und-kabelunternehmen.jpg') 0 0 / cover no-repeat;
}

dl.branchenexpertise dt:nth-of-type(3)::before {
  background: url('/images/transport-und-logistik.jpg') 0 0 / cover no-repeat;
}

dl.branchenexpertise dt:nth-of-type(4)::before {
  background: url('/images/mittelstand.jpg') 0 0 / cover no-repeat;
}

dl.branchenexpertise dt:nth-of-type(5)::before {
  background: url('/images/medizintechnik.jpg') 0 0 / cover no-repeat;
}

/* beratung */
dl.beratung {
  padding-left: 85px;
}

dl.beratung dt {
  position: relative;
}

dl.beratung dt::before {
  position: absolute;
  top: 0;
  left: -85px;
  height: 76px;
  width: 76px;
  content: ' ';
}

dl.beratung dt {
  color: var(--qonsult-red);
}

dl.beratung dd {
  margin-bottom: 30px;
}

dl.beratung dt:nth-of-type(1)::before {
  background: url('/images/qonsult-berater.jpg') top left / 76px 76px no-repeat;
}

dl.beratung dt:nth-of-type(2)::before {
  background: url('/images/international.jpg') 0 0 / cover no-repeat;
}

dl.beratung dt:nth-of-type(3)::before {
  background: url('/images/projektteams.jpg') 0 0 / cover no-repeat;
}

/* bueros */
dl.bueros {
  padding-left: 85px;
}

dl.bueros dt {
  position: relative;
}

dl.bueros dt::before {
  position: absolute;
  top: 0;
  left: -85px;
  height: 76px;
  width: 76px;
  content: ' ';
}

dl.bueros dt {
  color: var(--qonsult-red);
}

dl.bueros dd {
  margin-bottom: 30px;
}

dl.bueros dt:nth-of-type(1)::before {
  background: url('/images/berlin.jpg') top left / 76px 76px no-repeat;
}

dl.bueros dt:nth-of-type(2)::before {
  background: url('/images/basel.jpg') 0 0 / cover no-repeat;
}

dl.bueros dt:nth-of-type(3)::before {
  background: url('/images/zuerich.jpg') 0 0 / cover no-repeat;
}

dl.bueros dt:nth-of-type(4)::before {
  background: url('/images/koeln.jpg') 0 0 / cover no-repeat;
}