/* *  Print  * */
@media print {
  body                     {background: #ffffff !important; height: auto !important; margin: 0px !important; padding: 0px !important; overflow: auto !important; font-size: 16px !important; line-height: 140% !important; }
 
  #pageBody, #pageContainer,
  main, footer, div,
  h1, h2, h3, h4, h5, h6   {position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; color: #000000 !important; background-color: transparent !important; height: auto !important; min-height: auto !important; width: 100% !important; text-align: left !important; border: none !important; padding: 0px 0px 10px 0px !important; margin: 0px !important; overflow: auto !important; text-shadow: none !important; }

  .parent-body-0 h1,
  h1                       {font-size: 150% !important; }
  h3                       {font-size: 130%; }
  .inner                   {max-width: auto !important; padding: 0px !important; }

  .BreadCrumbBox,
  #cookiebanner,
  a.morelink,
  a.extrabutton-up,
  a.extrabutton-down,
  .BackgroundImage a.extrabutton-down,
  .ContentBoxLeft,
  .ContentBoxRight,
  header,
  .printbtn,
  .socialbar               {display: none !important; }
}


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

  /* Header */
  .ContentBoxLeft .headline-container  {width: 100%; font-size: 80%;}
  .ContentBoxLeft .NewsBox             {padding-left: 10px; }
  span.page-title                      {width: auto; }
  h4.counter-value                     {font-size: 170%; }

  #start .leftcolumn:before            {height: auto; padding-top: 30%; }

  .BackgroundImageLabel                {padding: 0px 15px; }
  .BackgroundImage a.morelink          {font-size: 100%; }

  .mainnavfixed,
  .mainnav                             {font-size: 90%; }
  .mainnav                             {}
  #mainnav ul.makeMenu > li > ul                {}

  #makeMenu_footer                     {font-size: 110%; }
  #makeMenu_footer > li,
  #makeMenu_footer > li:hover          {width: 24% !important; }

  ul.LanguageBox                       {right: 15px; }

  .rightcolumn,
  .video_bg,
  .gallery_slideshow                           {width: 100% !important; padding: 0px 0px !important; }
  a.foldout-more-btn,
  .inner,
  .FooterSubLineInner,
  .FooterBoxInner,
  .rightcolumn .text-container,
  .leftcolumn,
  .textblock-inner,
  .textblock_separator_light .textblock-inner,
  .textblock_separator_dark .textblock-inner,
  .parent-body-0 .textblock h3,
  .textblock_separator_light h3,
  .textblock_separator_dark h3,
  .textblock_separator_image_dark,
  .textblock_separator_image,
  .video .textblock-inner,
  .video_bg .textblock-inner,
  .gallery_slideshow .textblock-inner          {/*margin: 0px !important;*/ padding-left: 20px !important; padding-right: 20px !important; }
  a.newstop::before                            {padding-left: 15px !important; }

  .textblock.map_locations .textblock-inner,
  .textblock.contactbox .textblock-inner       {padding: 0px !important; }
  .textblock.contactbox .leftcol,
  .textblock.contactbox .rightcol              {padding: 0px !important; }

  .textblocks_left,
  .textblocks_right,
  .textblocks_left_big,
  .textblocks_right_small                      {left: auto; right: auto; transform: none; -webkit-transform: none; }


}


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

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

  .sociallinks                {text-align: left; }

  #searchform input[type=text]         {width: 20px; border-color: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
  .SearchBox:hover #searchform input[type=text],
  #searchform input[type=text]:hover,
  #searchform input[type=text]:focus   {width: 150px; border-color: #000000; box-shadow: 4px 4px 0px #ffed00; -moz-box-shadow: 4px 4px 0px #ffed00; -webkit-box-shadow: 4px 4px 0px #ffed00; }

  ul.LanguageBox              {font-size: 90%; width: auto; }


  .ContentBoxRight            {font-size: 60%;  }
  .textblock_separator_light h3, .textblock_separator_dark h3,
  h1                          {font-size: 150%; }
  h3                          {font-size: 130%; }   
  h4                          {font-size: 120%; }
  h5                          {font-size: 110%; }
  .parent-body-0 h1,
  span.page-title             {font-size: 180%; }
  blockquote                  {font-size: 120%; }

  .leftcolumn img             {height: 65px !important; }

  .tile_slide video,
  .tile_slide img             {}
  .tile,
  .listblock                  {margin: 0px 2% 3% 0px; width: 31%; }
  .tilecontent,
  .listblock-text             {padding: 15px; }

  div.mapdot-active .cont::after {height: 30px; }

  table                       {font-size: 90%; }

}


@media only screen and (max-width: 980px) {
  .toplink                   {display: none !important; }
  .LabelBox                  {right: 20px; left: auto; transform: none; -webkit-transform: none; font-size: 180%; }
  .LabelBox p                {}
}


/* smaller Tablets */
@media only screen and (max-width: 800px) {
  body                       {font-size: 1.2em; }

  #tooltip                   {font-size: 80%; }

  .ContentBoxRight .kontakt,
  .show-mobile-0,
  .ContentBoxLeft,
  #main-nav-toggle_footer,
  a.printbtn                  {display: none !important; }

  .textblock_separator_light h3, .textblock_separator_dark h3,
  h1                                   {font-size: 135%; }
  h3                                   {font-size: 120%; }   
  h4, h5,
  blockquote                           {font-size: 110%; }
  .parent-body-0 h1,
  span.page-title                      {font-size: 160%; letter-spacing: 0; }
  blockquote                           {font-size: 110%; }
 .textblock:not(.contactbox) h3        {padding-left: 15px !important; padding-right: 15px !important; }

  /* CalendarBox */
  .CalendarBox                   {padding: 5px 37px 90px 20px; font-size: 90%; margin: 10px auto 10px;}
  .CalendarBox span,
  .counter-up span               {font-size: 300%; margin: 10px auto; }

  #mainnav ul.makeMenu li.li-meta-menu)    {display: block !important; }

  #mainnav_footer,  
  #mainnav_footer #mainnav ul.makeMenu,
  #mainnav_footer #mainnav ul.makeMenu ul,
  #mainnav_footer .minimized           {position: relative !important; display: block !important; height: auto !important; width: 100% !important; margin: 0px !important; padding: 0px !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; background: transparent !important; }
  #mainnav_footer                      {padding: 0px 15px !important; }
  #mainnav_footer #mainnav ul.makeMenu li ul li ul  {padding-left: 15px !important; }

  /* Slideshows */
  .BackgroundImage                     {overflow:visible; height: auto !important; min-height: auto; }
  .BackgroundImage::before             {padding-top: 53%; }
  .BackgroundImageLabel                {font-size: 80%; bottom: -20px; }
  .BackgroundImage a.morelink          {bottom: 80px; right: 15px; }
  a.extrabutton-down                   {bottom: -10px !important; width: 45px !important; height: 45px !important; margin: 0px 0px 0px -22px !important; }
  a.extrabutton-down:focus,
  a.extrabutton-down:hover             {bottom: -10px !important; }

  .rightcol,
  .leftcol                             {text-align: center !important; }
  .rightcol,
  .lftcol,
  .ContentBoxMiddle,
  .ContentBoxLeft,
  .ContentBoxRight,
  .ContentTextBoxNormal,
  .ContentTextBoxLeft,
  .ContentTextBoxRight,
  .ContentImgBoxNormal,
  .ContentImgBoxLeft,
  .ContentImgBoxRight,
  .ContentTBBoxLeft,
  .ContentTBBoxRight,
  .ContentTBImgBoxNormal,
  .ContentTBImgBoxLeft,
  .ContentTBImgBoxRight                {position: relative !important; top: auto !important; right: auto !important; width: 100% !important; max-width: 100% !important; float: none; padding: 0px !important; margin: 0px 0px 10px 0px !important; }


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

  .ContentBoxLeft,
  .ContentBoxRight            {font-size: 80%; padding-left: 15px !important; padding-right: 15px !important;  }
  .textblocks_big             {margin-left: 0; width: 100%;}

  div.mapdot .cont            {bottom: 6px; padding: 0px 3px; }
  a.mapdot                    {width: 6px; height: 6px; }

  footer                      {/*font-size: 90%; padding: 20px 0px 20px; */}
  .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; }
  .textblock.contactbox .leftcol,
  .textblock.contactbox .rightcol                   {width: auto !important; }

  .NewsContainer              {width: 100%; padding: 10px 0px 10px 0px; }
  .newscontblock              {width: 50%; }
  .newsimg                    {width: 46%; }

  .Slidearrow                 {bottom: 120px; width: 40px; height: 70px; }
  .mediabox                   {width: 100% !important; height: auto !important; }
  .Videobox                   {width: 100% !important; height: 360px !important; }

  /* Big Teaser */
  .TileCont                   {}
  .tile_square                {width: 50% !important; }

  .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) {
  body                       {}

  #ContentBoxTop             {height: 210px; padding: 30px 0px 0px; }
  .headerBoxLogo             {height: 180px; }
  .LabelBox                  {right: 15px; font-size: 130%; }
  .LabelBox p                {}

  .BackgroundImage a.extrabutton-down,
  a.extrabutton-down,
  .QuickfinderBox,
  .socialbar,
  .BreadCrumbBox,
  .parallax-slide,
  a.printbtn                  {display: none !important; }

  .BackgroundImage            {overflow:visible; }
  .BackgroundImageLabel       {bottom: -20px; }
  .BackgroundImageLabel .labeltitle,
  .BackgroundImageLabel h1,
  .BackgroundImageLabel h2,
  .BackgroundImageLabel h3    {margin: 0px !important; padding: 0px 0px 0px 30px; }

  #makeMenu_footer > li,
  #makeMenu_footer > li:hover {width: 49% !important; }

  h1                          {font-size: 125%; letter-spacing: 0em; margin: 0px auto 0.6rem; }
  h2                          {margin: 0px auto 0.6rem; }
  
  input.radio,
  label                       {margin: 0px 5px 0px 0px !important; float: none !important; }

  .textblock,
  .headline-container,
  .text-container,
  .float_left, .float_right, 
  .FooterBoxCol        {width: 100% !important; max-width: 100% !important; float: none; padding: 0px !important; margin: 0px 0px 10px 0px !important; }
  .textblock           {margin: 0px 0px 0px 0px !important; }

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

  /* Big Teaser */
  .tile,
  .listblock                  {margin: 0px 2% 2% 0px !important; width: 48% !important; }
  .maplist                    {margin: 0px 0px 20px 0px !important; width: 100% !important;  }
  .textblock .NewsBoxCont     {}

  .textblocks_left .tile_square,
  .textblocks_right .tile_square,
  .textblocks_right_small .tile_square               {margin: 0px 0px 0px 0px !important; width: 50% !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; }*/

  div.mapdot-active .cont::after {height: 15px; }

  #cookiebanner               {padding: 10px; font-size: 80%; }
  #cookiebannerCloser         {top: 15px; right: 15px; width: 30px; height: 30px; }
}


/* phones */
@media only screen and (max-width: 440px) {
  #makeMenu_footer            {font-size: 120%; }
  #makeMenu_footer > li,
  #makeMenu_footer > li:hover {width: 100% !important; margin-right: 0px !important; }
}

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

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

}