/* *  Print  * */
@media print {

  body                     {background: #ffffff !important; height: auto !important; margin: 0px !important; padding: 0px !important; overflow:auto !important; }

  header,
  .printbtn,
  .socialbar               {display: none !important; }
  
  main, footer, div        {color: #000000 !important; background-color: transparent !important; }
  h1, h2, h3, h4, h5, h6   {color: #000000 !important; text-align: left !important; border: none; padding: 0px; margin: 0px 0px 15px 0px; text-shadow: none; }

  h3                       {font-size: 160%; }
  .inner                   {max-width: auto !important; padding: 0px !important; }
}



@media only screen and (max-width: 980px) {

  main                       {font-size: 90%; }
  footer                     {font-size: 80%; }
  .FooterBoxCol              {width: 100%; }

  h1                         {font-size: 160%; }

}


/* iPhones and others */
/* @media only screen and (-webkit-min-device-pixel-ratio:1.5) { */
@media only screen and (max-width: 640px) {

  body                                {line-height: 1.3em; }
  main                                {font-size: 80%; padding: 0px 15px; }

  .section-5::before,
  .leftarrow,
  .rightarrow,
  .QuickfinderBox,
  .LabelBox,
  .socialbar,
  .BreadCrumbBox,
  .parallax-slide,
  .ContentBoxLeft,
  a.printbtn                          {display: none !important; }

  #ContentBoxTop                      {padding: 20px 0px; }

  .mainnav                            {letter-spacing: 0em; }
  ul.makeMenu li a                    {margin: 0px 10px; padding: 13px 5px; }
  .sociallinks                        {left: 10px; display: block; }

  input.radio,
  label                               {margin: 0px 5px 0px 0px !important; float: none !important; }

  .ContentImgBoxLeft img,
  .ContentImgBoxRight img,
  .ContentTBImgBoxNormal img,
  .ContentTBImgBoxLeft img,
  .ContentTBImgBoxRight img   {width: 100%; height: auto !important; display: block; padding: 0px; margin: 0px; }

  .leftcol img,
  .rightcol img	              {display: block; width: 50% !important; margin: 0px auto; }
  
  .section-4 .leftcol,
  .section-2 .leftcol,
  .section-3 .rightcol	      {background: none; }
  
  .leftcol,
  .rightcol,
  .col1-2,
  .col2-3,
  .col1,
  .col2,
  .col3                       {margin: 0px 0px 10px 0px !important; padding: 0px !important; width: 100% !important; max-width: none !important; }

  .slide                      {width: 100%; padding: 15px 15px 30px; overflow: visible; z-index: 2; }

  h1                          {font-size: 140%; letter-spacing: 0.1em; }

  footer                      {padding: 0px 0px 0px 0px; }
  .FooterBoxCol               {width: 100%; padding: 15px 15px 15px; margin: 0px 0px; }

/*
  .headline-container,
  .text-container,
*/
  .ContentContainer           {padding: 20px 0px 0px 0px !important; margin: 0px !important; }
  .NewsContainer,
  .textblocks_left, .textblocks_right,
  .float_left, .float_right, 
  .ContentTextBoxNormal,
  .ContentTextBoxLeft,
  .ContentTextBoxRight,
  .ContentImgBoxNormal,
  .ContentImgBoxLeft,
  .ContentImgBoxRight,
  .ContentTBBoxLeft,
  .ContentTBBoxRight,
  .ContentTBImgBoxNormal,
  .ContentTBImgBoxLeft,
  .ContentTBImgBoxRight       {width: 100% !important; float: none; padding: 0px !important; margin: 0px 0px 10px 0px !important; }

  .mediabox            {width: 96% !important; margin: 0px !important; }
  .Videobox            {height: 260px !important; margin: 0px !important; }
  a.videostart         {display: block; margin: 0px !important; }
  .mapCont             {height: 300px; }
  a.foldout-more-btn   {font-size: 120%; }

  /* Big Teaser */
  .textblock .NewsBoxCont     {width: 100%; padding: 20px; margin: 0px; }
  .textblock_separator_image  {background-size: 200% auto !important; }
  .listblock                  {width: 100%; margin: 0px 0px 10px 0px !important; }

  table                       {font-size: 70%; }
  /*table, tbody, tr, th, td    {display: block !important; clear: both !important; width: 100% !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 10px 0px !important; text-align: left !important; }*/
  .show-mobile-0              {display: none !important; }

  div.input,
  div.input_error,
  div.input-message {width: 97%; margin-right: 0px; }

}


/* phones */
@media only screen and (max-width: 480px) {

  .mainnav                   {}


}