html {
  font-size: 62.5%;
  width: 100%; }

body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #000000;
  background-color: #eeeeee;
  width: 100%; }

article {
  font-size: 1.35rem;
  line-height: 1.9rem; }

body h1, h2, h3 {
  padding: 0;
  margin: 0;
  color: #003B80;
  font-weight: normal; }

h1 {
  font-size: 2.7rem;
  line-height: 3.2rem; }

h2 {
  font-size: 1.8rem;
  margin-top: 2rem; }

h3 {
  font-size: 1.65rem;
  margin-top: 1.9rem; }

p, ul {
  margin-top: 0.75rem; }
  p li, ul li {
    padding-bottom: 0.2rem; }

ul {
  padding-left: 2.5rem; }

ul.zerotop {
  margin-top: -0.8rem;
  padding-top: 0; }

a {
  color: #003B80; }

.red {
  color: #DB0003; }

#wrapper {
  background-color: #ffffff;
  width: 700px;
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 5rem; }

/* Imagemotiv */
#header-desktop img, #header-mobile img {
  width: 100%; }

#header-desktop img {
  height: 485px; }

#header-mobile {
  display: none; }

article {
  width: 94%;
  padding-left: 3%;
  /* Company-Text fuer Desktop-Darstellung */
  /* Stellenbezeichnung */
  /* Aufgabenbeschreibung */
  /* Anforderungen / Erwartungen */
  /* Wir bieten */
  /* Bewerbungsaufruf */
  /* Anschrift und Kontakt */
  /* Company-Text fuer Mobile-Darstellung */ }
  article #company-top p {
    margin-top: 0;
    padding-top: 0; }
  article #title h2, article #title h3 {
    margin-bottom: 10px; }
  article #title h3 {
    margin-top: 14px; }
  article #title p {
    margin-top: 20px; }
  article #tasks {
    float: left;
    width: 49%;
    margin-right: 1%; }
  article #skills {
    float: right;
    width: 49%;
    margin-left: 1%; }
  article #benefits {
    clear: both; }
  article #company-bottom {
    display: none; }

aside {
  width: 94%;
  padding-left: 3%; }
  aside #diversity {
    padding-bottom: 1.5rem; }
    aside #diversity p {
      font-size: 1.2rem;
      line-height: 1.6rem;
      color: #777777; }
	  
 section:nth-of-type(1) {
	display:inline-block;
	width:58%;
	vertical-align:top;
}
 section:nth-of-type(2) {
	display:inline-block;
	width:42%;
	vertical-align:top;
}

@media (max-width: 700px) {
  #wrapper {
    margin-top: 1rem;
    width: 95%; }

  #header-desktop {
    display: none; }

  #header-mobile {
    display: block; }

  article #company-top {
    display: none; }
  article #company-bottom {
    display: block;
    margin: 2.5rem 0 2rem 0; }
    article #company-bottom p {
      font-size: 1.2rem;
      line-height: 1.6rem;
      color: #777777; }
  article #tasks, article #skills {
    float: none;
    width: 100%; } 
	
	 section:nth-of-type(1) {
	display:inline-block;
	width:100%;
	vertical-align:top;
}
 section:nth-of-type(2) {
	display:inline-block;
	width:100%;
	vertical-align:top;
}
	
	}