@media only screen and (max-width: 1023px) {
    .border-box {
      margin: 15px;
    }
    .compassImage{
      max-width: 400px;
    }
    .portraitDiv{
      display: block;
      padding-top: 40px;
    }
  }
  @media only screen and (min-width: 1024px) {
    .border-box {
      padding: 40px;
      display: inline-block;
      width: 100%;
    }
    .max-width-box{
      max-width: 1280px;
      margin: auto;
    }
    .compassImage{
      max-width: 600px;
    }
    .portraitDiv{
      display: block;
      padding-top: 40px;
    }
  }
    .frontpageP {
    font-size: 1.2em;
    line-height: 1.6em;
  }
  a.frontpageP{
    white-space: nowrap;
  }
  
  @media only screen and (max-width: 1023px) {
    .column1of3 {
      width: 100%;
      overflow: hidden;
    }
    
    .column2and3of3 {
      width: 100%;
      overflow: hidden;
    }
  }
  @media only screen and (min-width: 1024px) {
    .column1of3 {
      width: 30%;
      display: inline-block;
      vertical-align: top;
      overflow: hidden;
    }
    
    .column2and3of3 {
      width: 60%;
      display: inline-block;
      vertical-align: top;
      float: right;
      overflow: hidden;
    }
  }
  .columnheader {
    line-height: 1;
    font-size: 1.2em;
  }
  
  
  .productDropDownTable{
    width: 100%;
    border-top: solid;
    border-top-width: 2px;
    border-top-color: #ccc;
    border-bottom: solid;
    border-bottom-width: 2px;
    border-bottom-color: #ccc;
  }
  
    .productDropDownTableRow{
    width: 100%;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ccc;
    cursor: pointer;
  }
  
   .productDropDownTableRowIndent{
    width: 100%;
	display: none;
	padding-left: 10px;
  }
  
  .productDropDownTableRowPaddingBox{
	padding: 20px;
  }
  
  .dropDownButton {
    background: url(/fileadmin/user_upload/UC_Icons/Navigation/Arrow/Down.svg)  no-repeat;
    background-size: 100%;
    padding-inline: 0px;
    width: 24px;
    height: 24px;
  }