div#divCatalogueGerman {
  border: thin lightgrey solid;
  width: 98%;
  margin: 0;
  padding: 0;
  padding: 0.5em;
}

div#divCatalogueGerman div#CatalogueGermanText {
  display: block;
  clear: both;
  width: 99%;
  text-align: left;
  padding: 0.25em;
  margin: 0;
}

div#divCatalogueGerman div#CatalogueGermanButton {
  display: block;
  clear: both;
  width: 99%;
  text-align: center;
  margin: 0;
  padding: 0;
}

  div#divCatalogueGerman div#CatalogueGermanButton img {
    display: block;
    clear: both;
    width: 3em;
    max-width: 100px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    text-align: center;
  }

div#divCatalogueGerman div#CatalogueGermanText p.optional {
  display: none;
}

@media (min-width: 400px) {

  div#divCatalogueGerman div#CatalogueGermanText {
    display: inline;
    float: left;
    width: 60%;
    text-align: left;
  }

  div#divCatalogueGerman div#CatalogueGermanButton {
    display: inline;
    clear: none;
    float: right;
    width: 30%;
    text-align: center;
  }

    div#divCatalogueGerman div#CatalogueGermanButton img {
      width: 4em;
      max-width: 125px;
      height: auto;
    }
}

@media (min-width: 500px) {

  div#divCatalogueGerman div#CatalogueGermanText {
    width: 70%;
  }

  div#divCatalogueGerman div#CatalogueGermanButton {
    width: 25%;
  }

  div#divCatalogueGerman div#CatalogueGermanButton img {
    width: 4em;
    max-width: 150px;
    height: auto;
  }

  div#divCatalogueGerman div#CatalogueGermanText p.optional {
    display: block;
  }
}