@media print {

  body                     {background: #ffffff !important; height: auto !important; font-size: 16px; 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; }

  h1                       {font-size: 180%; margin: 0px auto 1.0rem; letter-spacing: 0em; }
  h2                       {font-size: 120%; }
  h3                       {font-size: 140%; }

}


/* smaller labtops */
@media only screen and (max-width: 1200px) {

  /* Header */
  .headerBoxLogo,
  .ContentBoxTop-fixed .headerBoxLogo  {margin-left: 15px !important; }
  .SearchBox                           {right: 15px; width: 245px; height: 30px; }
  .QuickfinderBox                      {right: 15px; }
  main img                             {height: auto !important; }

  .BackgroundImage:hover .leftarrow    {left: 10px !important; }
  .BackgroundImage:hover .rightarrow   {right: 10px !important; }

  .mainnav,
  #ContentBoxTopInner                  {padding: 0px 15px; }
  .mainnav                             {font-size: 80%; }
  ul.makeMenu > li                     {margin: 0px 0px 0px 25px; }

  ul.LanguageBox                       {right: 10px; }
  ul.LanguageBox li ul li              {padding: 0px 3px 0px 3px; }

  .rightcolumn,
  .video_bg,
  .gallery_slideshow                           {width: 100% !important; padding: 0px 0px !important; }
  a.foldout-more-btn,
  .FooterSubLineInner,
  .FooterBoxInner,
  .leftcolumn,
  .textblock-inner,
  .textblock_separator_light .textblock-inner,
  .textblock_separator_image_dark,
  .textblock_separator_image,
  .textblock_separator_dark,
  .video .textblock-inner,
  .video_bg .textblock-inner,
  .gallery_slideshow .textblock-inner          {margin: 0px !important; padding-left: 15px !important; padding-right: 15px !important; }

  .tilelink                  {padding-left: 0px; }
  .tilecontent               {margin-left: 0px; }

  .BreadCrumbBox             {width: 100%; padding: 0px 15px 20px 15px; }
  .socialbarCont             {width: 100%; padding: 0px 15px 0px 15px; }

}


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


}


/* Tablet/iPad */
@media only screen and (max-width: 980px) {

  .sociallinks                {}
  .scroll-wrapper             {}
  .socialbar                  {}
  .read-more                  {}
  .read-more-show             {display: none !important; }

  #start .headerBoxLogo       {height: 40%; margin-top: 40px; }
  .mainnav                    {font-size: 70%; }

  .BackgroundImage            {height: 400px; }
   #start .BackgroundImage    {height: 600px; }

  ul.DataFoldList,
  ul.DataFoldList li,
  ul.DataFoldList li ul,
  ul.DataFoldList li ul li    {height: auto; list-style-image: url(../img/_layout/list_bullet.png); list-style-type:disc; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
  ul.DataFoldList li ul       {padding-top: 10px;}
  
  ul.LanguageBox              {top: 8px; }
  ul.LanguageBox li ul li     {}
  ul.LanguageBox a            {width: 20px !important; height: 20px !important; }

  /* *  Content boxes  * */
  .ContentBoxRight            {font-size: 90%; }

  h1                          {font-size: 180%; }
  h3                          {font-size: 160%; }
  h2, h5                      {font-size: 120%; }
  h4                          {font-size: 140%; }

  .tilelink a                 {font-size: 100%; }
  table                       {font-size: 90%; }

}



/* smaller Tablets */
@media only screen and (max-width: 980px) {
  .show-mobile-0              {display: none !important; }
   body                       {font-size: 16px; }

  a.printbtn                  {display: none !important; }

  /* Header */
  #ContentBoxTop,
  #start #ContentBoxTop,
  .ContentBoxTop-fixed        {height: 65px !important; }
  .headerBoxLogo,
  #start .headerBoxLogo,
  .ContentBoxTop-fixed .headerBoxLogo  {/*margin-top: 10px !important; height: 66% !important;*/ z-index: 30000; }
  #start .headerBoxLogo                {margin-top: 10px !important; height: 70% !important; }

  a.main-nav-close                     {display: block; }
  .mainnav-closed a.main-nav-toggle    {display: block !important; }
  .mainnav-closed a.main-nav-close     {display: none !important; }
  li#top_345,
  ul.makeMenu li ul li ul,
  ul.makeMenu a img,
  a.main-nav-toggle span,
  .minimized                           {display: none !important; }
  .mainnavfixed,
  .mainnav                             {position: fixed; top: 0px !important; bottom: 0px; left: auto !important; right: 0px !important; font-size: 120%; border: none; width: 100%; height: 100%; margin: 0px !important; background: transparent !important; text-align: right; overflow: visible; }
  .mainnav-closed                      {height: 50px !important; width: auto !important; }
  ul.makeMenu                          {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; top: 0px; right: 0px; left: auto; height: 100% !important; width: 100% !important; overflow: hidden; overflow-y: auto; padding: 65px 0px 0px 0px; margin: 0px auto 0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
  ul.makeMenu li ul .lifirst,
  ul.makeMenu li                       {position: relative !important; top: auto !important; left: auto !important; width: 100% !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #58585a !important; display: block !important; padding: 0px 0px 0px 0px !important; margin: 0px !important; border: none !important; }
  ul.makeMenu li ul li                 {padding: 0px 0px 0px 0px !important; }
  ul.makeMenu li ul li ul,
  ul.makeMenu li ul                    {position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100%; background: transparent !important; border: none !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
  ul.makeMenu > li.hassubs:hover > ul,
  ul.makeMenu > li.hassubs:focus > ul,
  ul.makeMenu > li:hover > ul          {display: block !important; background-color: transparent !important; }
  ul.makeMenu li a                     {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: none !important; margin: 0px 0px 0px 0px !important; color: #ffffff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important; text-align: left !important; height: auto !important; min-height: auto !important; padding: 15px 15px !important; }
  ul.makeMenu li a.menu-sel,
  ul.makeMenu li a:hover               {background-color: rgba(0, 0, 0, 0.1) !important; color: #ffffff !important; }
  ul.makeMenu li ul li a               {padding-left: 40px !important; height: 55px; font-size: 90%; color: #ffffff !important; /*border-right: none !important; */}
  ul.makeMenu li ul li ul li a         {padding-left: 65px !important; height: auto; }
  ul.makeMenu li ul li a:hover         {background-color: rgba(0, 0, 0, 0.1) !important; color: #ffffff !important; }
  ul.makeMenu > li > a::before         {display: none; }
  ul.makeMenu > li.hassubs::after      {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #ffffff !important; content: "\2192"; font-family: sans-serif !important; font-weight: 100 !important; display: block; position: absolute; top: 0px; right: 0px; z-index:100; width: 55px; height: 55px; border-left: 1px solid rgba(255, 255, 255, 0.3); font-size: 100%; padding: 12px 15px; }
  ul.makeMenu > li.hassubs:hover::after      {content: "\2193"; }

  /* Slideshows */
  .BackgroundImage,
   #start .BackgroundImage             {height: 350px; }
  .BackgroundImageLabel                {top: auto; font-size: 120%; }
  .BackgroundImageBtns                 {bottom: 5px; }
  a.extrabutton-down                   {bottom: 30px !important; width: 40px !important; height: 40px !important; margin: 0px 0px 0px -20px !important; }
  a.extrabutton-down:focus,
  a.extrabutton-down:hover             {bottom: 25px !important; }

  .mapCont                    {height: 400px; }
  footer                      {font-size: 90%; padding: 20px 0px 20px; }
  .FooterBoxCol img           {width: 100%; max-width: 110px; }
  .FooterBoxCol               {margin: 0px 0px 10px 0px !important; padding: 0px !important; width: 100% !important; text-align: left !important; float: none !important; }
  .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; }

  .mediabox                   {width: 100% !important; height: auto !important; }
  .Videobox                   {width: 100% !important; height: 360px !important; }

  /* Big Teaser */
  .TileCont                   {}
  .tile,
  .tile_square                {width: 50% !important; }
  .tilelink a                 {font-size: 120%; }
  .tile a.imgbox              {height: auto;}
  .tile-imgtop                {background-size: 100% 70% !important; }
  .tile-imgbottom             {background-size: 100% 50% !important; }
  a.checkboxoption            {margin: 0px 10px 10px 0px;  font-size: 80%; }

  .ContExtraMenu                {float: none !important; margin: 15px 0px !important; }
  ul.makeExtraMenu	            {text-align: left !important; }

  table                       {font-size: 80%; }
  th, td                      {padding: 3px !important; }
}



/* iPhones and others */
/* @media only screen and (-webkit-min-device-pixel-ratio:1.5) { */
@media only screen and (max-width: 640px) {
  .show-mobile-0              {display: none !important; }

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

  .BackgroundImageLabel       {font-size: 100%; }
  .tile_slide img             {height: 100%; }
  .Slidearrow                 {top: 50%; width: 20px; height: 36px; }

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

  h1                         {margin-left: 0px; padding-left: 20px; }
  h3                         {margin-left: 0px; padding-left: 20px; }
  h2, h5                     {}
  h4                         {}
  hr                         {margin-left: 0px !important; width: 100% !important; right: auto !important; }

  main ul, main ul > li      {margin-left: 0px; padding-left: 0px; }

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

  a.section-anchor            {top: -90px; }
  .ContentContainer           {padding: 20px 0px 0px 0px !important; margin: 0px !important; }
  .headline-container,
  .text-container,
  .float_left, .float_right, 
  .FooterBoxCol,  
  .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 */
  .listblock                  {width: 48%; padding: 0px 10px !important; margin: 0px 1% 20px 0px !important; }
  .tile_square .tilelink,
  .tile .tilelink             {min-height: auto !important; }
  .tile-ref .tilelink         {min-height: 100px !important; }
  .tile-teaser                {display: none !important; }
  .tile-subhead               {display: block !important; }

  /*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; }*/

}


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


}


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

  .listblock .imgbox          {width: 70%; }
  .listblock                  {padding: 0px 20px !important; }
  .listblock,
  .tile,
  .tile_square                {width: 100%; padding: 0px !important; margin: 0px 0px 20px 0px !important; }


}