body {
  margin: 0;
}

#chartGenerator {  
  height: 915px; /*750px;*/
}

#chartGenerator h2 {
  font-family: "Helvetica Neue LT W06 55 Roman", sans-serif;
}

div#cgNoData {
  font-size: 16px;
}

ul.cg-sub-selection a {
  line-height: 1.4;
}

#cgFlyout2 ul.cg-selection a {
  line-height: 1.3;
}

#cgTypeSwitches ul li a {
  line-height: 1.5;
}

#cgPlotArea table thead td {
  font-weight: normal;
}

#cgPlotArea table thead .main-column {
  font-weight: normal;
}

#cgFlyout2 ul.cg-selection li {
  padding-left: 15px;
  width: auto;
}

@media screen and (max-width:1190px){
  .kennzahlenvergleich #contentContainer > article {
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
@media screen and (max-width:1024px){

  #chartGenerator {
    width: 100%;
    height: 1550px;
  }

  #cgControls {
    width: 100%;
  }

  #cgSelectFigures {
    width: 100%;
    left: 0;
    top: 785px;
  }

  #cgExportButtons {
    top: 795px;
  }

  #cgPlotArea {
    width: 100% !important;
  }

  #cgSelectYears {
    width: 100%;
  }

  .kennzahlenvergleich #contentContainer > article {
    padding: 0;
  }

  .kennzahlenvergleich #contentContainer > article {
    overflow-x: hidden;
  }
}

@media screen and (max-width:768px){
  #cgPlotArea {
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .highcharts-container {
    width: 760px !important;
  }

  .kennzahlenvergleich #contentContainer > article {
    padding: 0 1em;
  }

  #cgSelectYears {
    height: auto;
    top: 695px;
  }

  #cgFlyout2 {
    height: auto;
    padding-bottom: 0.5em;
  }

  #cgTypeSwitches {
    width: 100%;
  }

  #cgTypeSwitches ul li {
    background: #f0f0f0;
    width: 33%;
  }

  #cgTypeSwitches ul li a {
    height: auto;
    width: auto;
  }

  #cgFlyout2 ul.cg-selection li {
    padding-left: 15px;
    width: auto;
  }

  #cgSelectFigures {
    top: 815px;
  }

  #cgExportButtons {
    top: 830px;
  }

  #cgIndexToggle,
  #cgAxisSwap {
    top: 834px;
  }
}