/* *  Print  * */
@media print {

  body                     {background: var(--color-highlight3) !important; height: auto !important; margin: 0px !important; padding: 0px !important; overflow:auto !important; }

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

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


@media screen and (min-width: 1500px) {
  .ContentTBImgBoxLeft,
  .ContentTBImgBoxRight                 {max-width: 600px; }
}


@media screen and (max-width: 1360px) {
  .headerBox, .headerBoxLogo,
  .ContentBoxTop-fixed .headerBoxLogo   {margin-left: 0px; }

  a.extrabutton-up                      {bottom: 60px; width: 45px; height: 45px;  }

  .label                                {width: 160px !important; }
  .label-top-right                      {transform: translate(-100%, -50%); -webkit-transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); }

  .fill                                 {padding: inherit; }
  .fill.textblocks_right_medium         {width: 33%; margin-right: 0%;}
  .fill.textblocks_left_medium          {width: 33%; margin-left: 0%; }
}


@media screen and (max-width: 1330px), screen and (max-height: 900px) {
  .BackgroundImageLabel .inner              {font-size: 140%; }

  ul.makeMenu                               {font-size: 80%; }
  .mainnav:not(.mainnav-closed) ul.makeMenu {margin-top: 250px; }
}


@media screen and (max-width: 1260px) {
  .toolbar,
  .main-nav-toggle                      {right: 30px; margin: 0px 0px 0px 0px; }

  #ContentBoxTop > .inner,
  a.foldout-more-btn,
  .headline-container,
  .text-container,
  .leftcolumn,
  .textblock-inner,
  .FooterSubLine,
  .FooterBoxInner            {padding-left: 15px !important; padding-right: 15px !important; }

  .ContentTBBoxLeft,
  .ContentTBBoxRight,
  .ContentTBImgBoxLeft,
  .ContentTBImgBoxRight      {position: relative; left: auto; display:inline-block; max-width: none; }
  .ContentTBBoxLeft          {width: 62%; margin: 0px 0px 0px 0px; }
  .ContentTBBoxRight         {width: 62%; margin: 0px 0px 0px 0px; }
  .ContentTBImgBoxLeft       {float: left;  width: 33%; margin: 0px 3% 0px 0px;  }
  .ContentTBImgBoxRight      {float: right; width: 33%; margin: 0px 0px 0px 3%;  }

  ul.makeMenu                           {padding-left: 20px; padding-right: 20px; }
}


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

  /* Header */
  .SearchBox                            {right: 15px; width: 245px; height: 30px; }

  #ContentBoxTop                        {height: 150px; }
  .headerBox, .headerBoxLogo            {height: 80px; margin: 40px 0px 0px 0px; }
  .main-nav-toggle                      {top: 88px; }

  ul.makeMenu                               {font-size: 80%; }
  .mainnav:not(.mainnav-closed) ul.makeMenu {margin-top: 200px; }

  #pageBody:not(.pageBody-slideshow) main   {padding: 200px 0px 0px; }

  .indent,
  .ContentTBTextBoxNormal,
  .rightcolumn,
  .video_bg,
  .gallery_slideshow                                 {width: 100% !important; padding: 0px 0px !important; }

  .headline-container,
  .text-container                                    {padding-left: 20px !important; }
  .headline-container::before                        {margin-right: -35px;}

  footer h5                  {font-size: 130%; }

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

  .textblocks_left,
  .textblocks_right,
  .textblocks_left_big,
  .textblocks_right_small                      {left: auto; right: auto; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; }
  .textblock_separator_image,
  .textblock_separator_image_white                     {background-size: cover; }

  .news-events .NewsBoxCont .date {}
  .news-events .news_text,
  .news-events .news_img          {width: 60%; }

}


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

  body                        {}

  .LabelBox,
  .show-mobile-0,
  .read-more-show             {display: none !important; }

  /* Slideshows */
  a.extrabutton-up            {width: 40px; height: 40px; }

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

  .mapCont                    {height: 400px; }

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

  .NewsContainer-events       {width: 100%; margin: 0px 0px 20px 0px; }
  table                       {font-size: 90%; }
  th, td                      {padding: 3px !important; }

  .iframe-disclaimer          {font-size: 100%; padding: 20px 20px 20px 100px; background-position: 20px 20px; background-size: 60px auto; }
  .iframe-disclaimer h5       {font-size: 140%; margin: 10px 0px 20px; }
  .allow-iframe,
  .allow-iframe:hover         {position: relative; right: auto; bottom: auto; padding: 5px 10px; }

}


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

  .listblock,
  .list_icons .listblock                    {width: 33.3333%; }
  .textblock_separator_dark .listblock      {width: 50%; }
  .smalllist .listblock                     {font-size: 90%; width: 48%; }
  .tile:not(.tile-foldout)                  {width: 48%; }
  .tile_square,
  .tile_square-video                        {width: 31.3333%; }

  .tilelink .inner                          {width: 80%; }
  .iconbox                                  {width: 16%; }

  .sociallinks,
  .FooterBoxCol                             {position: relative; left: auto; top: auto; display: block !important; text-align: left !important; float: none !important; width: 100% !important; padding: 10px 0px 10px 0px !important; margin: 0px 0px 0px 0px !important;  transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; }
  .FooterBoxCol *                           {text-align: left !important; }
  .ContExtraMenu                            {position: relative; top: auto; right: auto; display: block; width: 100%; margin: 10px 0px 30px 0px; text-align: left; }

}


@media screen and (max-width: 800px), screen and (max-height: 800px) {

  #ContentBoxTop,
  .ContentBoxTop-fixed                      {height: 60px !important; background: var(--color-highlight3); box-shadow: 0px 5px 5px var(--color-dark-15); -moz-box-shadow: 0px 5px 5px var(--color-dark-15); -webkit-box-shadow: 0px 5px 5px var(--color-dark-15); }
  .headerBoxLogo,
  .ContentBoxTop-fixed .headerBoxLogo       {height: 30px; margin-top: 15px; }

  .main_logo,
  .ContentBoxTop-fixed .main_logo           {display: none !important; }
  .main_logo_icon,
  .ContentBoxTop-fixed .main_logo_icon      {display: block !important; }

  #pageBody:not(.pageBody-slideshow) main   {padding: 100px 0px 0px; }

  .toolbar                              {right: 100px; top: 10px; height: auto; }
  .quickfinder-text                     {display: none; }
  .quickfinder-listblock                {margin: 0px 0px 0px 0px; }
  .quickfinder-img                      {height: 32px; }
  .QuickfinderBox a                     {padding: 4px 0px 4px 20px !important; }


  .tile:not(.tile-foldout)              {width: 48%; }
  .tile-foldout .tilelink               {font-size: 80%; }
  .moretext                             {padding: 10px 0px 0px 20px; font-size: 80%; }
  .news_bigfoldoutteaser .TileCont      {width: 35%; }
  .news_bigfoldoutteaser .inner         {width: 65%; }

  h2, h4                                {font-size: 180%; }

  .listblock h5,
  .img-right h5                         {padding: 10px 0px 0px 0px; }
  .listblock-text                       {padding: 10% 0px 0px 20px; }
  .listblock-text-right                 {padding: 30% 20px 0px 0px; }

  .confirmpopup 		                    {font-size: 100%; max-width: 100%; height: 100%; padding: 15px; }
  .confirmpopup h4 	                    {font-size: 170%; }

  .BackgroundImageLabel .inner          {font-size: 120%; }

  /* Menu mobile */
  .main-nav-toggle,
  .mainnavfixed .main-nav-toggle               {top: 15px; right: 30px; margin: 0px; }
  .main-nav-close                              {width:40px !important; height:40px !important; }
  .main-nav-toggle span                        {font-size: 120%; padding: 6px 0px; }
  ul.makeMenu                                  {font-size: 70%; }
  .mainnav:not(.mainnav-closed) ul.makeMenu    {margin-top: 100px; }
  ul.makeMenu > li.hassubs > a::after          {width: 25px; height: 25px; margin: 0px 0px 0px 20px; }
  ul.makeMenu li a                             {font-size: 200%; }
  ul.makeMenu li ul li a                       {font-size: 160%; }
  .li-meta-menu                                {/*display: block !important; */}

  .foldoutlist > ul > li                       {background-size: auto 40px; padding: 0px 0px 0px 50px; }
  
  .textblock_separator_dark .textblock-inner,
  .textblock_separator_middle .textblock-inner       {padding-top: 10%; margin-top: -7%; }

  .textblock_separator_light .textblock-inner,
  .textblock_separator_grey .textblock-inner         {padding-top: 30%; }
  .textblock_separator_image .textblock-inner,
  .textblock_separator_image_white .textblock-inner  {padding-top: 25%; }

  .textblock_separator_dark::before                    {padding: 15% 0 0 0; background-image: url(../img/_layout/bg_separator_dark_top.png); background-size: 100% 100%; }
  .textblock_separator_dark::after                     {padding: 15% 0 0 0; background-image: url(../img/_layout/bg_separator_dark_bottom.png);    background-size: 100% 100%; }
  .textblock_separator_middle::before                  {padding: 15% 0 0 0; background-image: url(../img/_layout/bg_separator_middle_top.png); background-size: 100% 100%; }
  .textblock_separator_middle::after                   {padding: 15% 0 0 0; background-image: url(../img/_layout/bg_separator_middle_bottom.png);    background-size: 100% 100%; }
  .textblock_separator_light::after                    {padding: 15% 0 0 0; background-image: url(../img/_layout/bg_separator_light_bottom.png);    background-size: 100% 100%; }
  .textblock_separator_grey::after                     {padding: 15% 0 0 0; background-image: url(../img/_layout/bg_separator_grey_bottom.png);    background-size: 100% 100%; }

  .textblock_separator_image_white::before             {background-image: url(../img/_layout/bg_separator_image_white_top.png);    background-size: 100% 20%; }
  .textblock_separator_image_white::after              {background-image: url(../img/_layout/bg_separator_image_white_bottom.png); background-size: 100% 20%; }
  .textblock_separator_image,
  .textblock_separator_image_white                    {background-size: cover;  background-attachment: inherit; }

  .label                                     {width: 100px !important; }

}


@media screen and (max-width: 800px) {
  .tile_square,
  .tile_square-video                    {width: 48%; }

  .textblock,
  .textblocks_centered,
  .textblocks_left,
  .textblocks_right,
  .textblocks_right_verybig,
  .textblocks_left_verybig,
  .textblocks_right_big,
  .textblocks_left_big,
  .textblocks_right_medium,
  .textblocks_left_medium,
  .textblocks_left_small,
  .textblocks_right_small                    {width: 100% !important; max-width: none !important; min-height: auto !important; margin: 0px 0px 0px 0px !important;}
  .textblock-outer                           {/*padding: 10px 0px; */}
  .textblock-inner                           {max-width: 100% !important; }

  .textblock_separator_image_white .textblock-inner  {padding-top: 70%; }

}


/* iPhones and others */
/* @media only screen and (-webkit-min-device-pixel-ratio:1.5) { */
@media screen and (max-width: 640px), screen and (max-height: 640px) {
  body                                {font-size: 1.0em; }
  .leftcol, .rightcol                 {font-size: 90%;}

  .show-mobile-0,
  .headline-container::before,
  .headline-container img,
  h1 img,
  h2 img,
  h3 img,
  h4 img,
  h5 img,
  .leftarrow,
  .rightarrow,
  .LabelBox,
  .socialbar,
  .BreadCrumbBox,
  .parallax-slide,
  .ContentBoxLeft,
  a.printbtn                          {display: none !important; }

  /* Menu mobile */
  .mainnav                            {}
  .main-nav-toggle span               {font-size: 140%; }
  ul.makeMenu li                      {width: 100%; border-bottom: 0px solid var(--color-highlight3-0); height: auto; list-style-image: none; z-index: 3201; margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px; vertical-align: top; }
  ul.makeMenu                         {font-size: 60%; }
  .li-meta-menu                       {display: block !important; }
  ul.makeMenu li ul                   {position: relative; left: auto; top: auto; width: 100%; text-align: inherit; border: none; }
  ul.makeMenu li.menu-sel > ul,
  ul.makeMenu li:hover > ul           {padding: 10px 0px 20px 20px; }
  ul.makeMenu li a,
  ul.makeMenu li ul li a              {width: 100%; }
  ul.makeMenu > li.hassubs > a::after            {background-image: url(../img/_layout/arrow_right.png) !important; }
  ul.makeMenu > li.hassubs:hover > a::after,
  ul.makeMenu > li.hassubs.menu-sel0 > a::after,
  ul.makeMenu > li.hassubs.menu-sel > a::after   {background-image: url(../img/_layout/arrow_down.png) !important; }

  #pageBody:not(.pageBody-slideshow) main  {padding: 100px 0px 0px; }

  h1, h3                              {font-size: 100%; }
  h2, h4                              {font-size: 160%; }

  a.extrabutton-down                  {width: 26px; height: 26px; margin: 0px 0px 0px -13px; }

  .Slidearrow                         {top: 50%; width: 30px; height: 54px; }
  .anchormenu a.button                {width: 100%; margin: 0px 0px 10px 0px; }

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

  .ContentImgBoxLeft > img,
  .ContentImgBoxRight > img,
  .ContentTBImgBoxNormal > img,
  .ContentTBImgBoxLeft > img,
  .ContentTBImgBoxRight > img   {position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: auto !important; display: block; padding: 0px; margin: 0px auto; min-height: auto !important; transform: none !important; -webkit-transform: none !important; }

  .ContentContainer           {padding: 0px 0px 0px 0px !important; margin: -20px 0px 0px 0px !important; }
  .NewsContainer,
  .headline-container,
  .text-container,
  .float_left, .float_right, 
  .FooterBoxCol,  
  .ContentTextBoxNormal,
  .ContentTextBoxLeft,
  .ContentTextBoxRight,
  .ContentImgBoxNormal,
  .ContentImgBoxLeft,
  .ContentImgBoxRight,
  .ContentTBBoxLeft,
  .ContentTBBoxRight,
  .ContentTBImgBoxNormal,
  .ContentTBImgBoxLeft,
  .ContentTBImgBoxRight       {position: relative !important; width: 100% !important; clear: both; float: none !important; padding: 0px !important; margin: 0px 0px 10px 0px !important; text-align: left !important; }

  .ContentImgBoxNormal,
  .ContentImgBoxLeft,
  .ContentImgBoxRight,
  .ContentTBBoxLeft,
  .ContentTBBoxRight,
  .ContentTBImgBoxNormal,
  .ContentTBImgBoxLeft,
  .ContentTBImgBoxRight       {width: 100% !important; margin: 0px auto 10px !important; text-align: center !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%; }

  .tile_square                  {font-size: 80%; }
  .listblock,
  .list_icons .listblock,
  .smalllist .listblock         {font-size: 120%; width: 50%; }
  .smalllist .listblock-text    {width: 75%; padding: 0px 0px 0px 10px; }
  .smalllist .listblock-img img {width: 100%; height: auto; }
  .tile:not(.tile-foldout)      {width: 100%; }
  .tilecontent                  {min-height: auto; }

  .smallpics .tile_square::before    {padding-top: 80%; }
  .smallpics .imgbox                 {width: 40%; }

  .listblock h5                      {font-size: 90% !important; padding-top: 5px; }
  .big .listblock                    {margin: 2% 0px 0% 0px; }
  .big .listblock.img-right          {margin: -19% 0px 0% 0px; }
  .big .listblock-text               {padding: 10% 0px 0px 10px; }
  .big .listblock-text-right         {padding: 20% 10px 0px 0px; }

  .textblock-inner,
  .ContentTextBoxNormal                          {}
  .textblock-inner::-webkit-scrollbar,
  .ContentTextBoxNormal::-webkit-scrollbar       {-webkit-appearance: none;	width: 14px;	height: 14px;}
  .textblock-inner::-webkit-scrollbar-thumb,
  .ContentTextBoxNormal::-webkit-scrollbar-thumb {border-radius: 8px;	border: 3px solid #fff;	background-color: rgba(0, 0, 0, .3); }

  table                       {font-size: 65%; font-weight: 400; line-height: 1.2; }
  table.bottom-lines          {font-size: 65%; }
  th, td                      {white-space: normal; /*display: inline-block !important; clear: both !important; width: 24% !important; margin: 0px 0px 0px 0px !important; text-align: left !important; */}
  td                          {/*border: none !important; */  padding: 0px 0px 15px 0px !important; }
  tr                          {/*border: 1px solid #cccccc; */}
  td img                      {max-width: 30px; }
  .hover-color td img         {max-width: 100%; }
  .nobr                       {white-space:normal; hyphens: auto; }

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

}


@media screen and (max-width: 640px) {
/*
  .hover-color table,
  .hover-color tbody,
  .hover-color tr,
  .hover-color th,
  .hover-color 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; }
*/
  td img                      {max-width: 30px; }


  .buttonlist a,
  a.morelink,
  a.btn,
  a.button                            {/*display: block;*/ padding: 8px 20px 8px 55px; }
  .buttonlist a:hover,
  a.morelink:hover,
  a.btn:hover,
  a.button:hover                      {padding: 8px 20px 8px 65px; }
  .buttonlist a::before,
  a.morelink::before,
  a.btn::before,
  a.button::before                    {left: 25px; width: 20px; height: 11px;  }
  .buttonlist a:hover::before,
  a.morelink:hover::before,
  a.btn:hover::before,
  a.button:hover::before              {left: 30px; }

  .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; }
  .col1-2,
  .col2-3,
  .col1,
  .col2,
  .col3                       {/*text-align: center; */}

  .tile_square,
  .tile_square-video                        {width: 100%; }
  .hover-color .tile_square                 {width: 60%; display: block; margin: 0px auto 10px; overflow: visible; }
  .hover-color .tile_square::before         {padding-top: 70%; }

  .tile-foldout                 {padding: 10px 10px 10px 0px; }
  .tilelink .inner              {display: block; width: 100%; text-align: center; }
  .iconbox                      {display: block; margin: 0px auto 10px; width: 40%;  }
}


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

  .newshead,
  ul.makeMenu a,
  h1, h2, h3, h4, h5, h6,
  blockquote,
  th, td, main p, .tilecontent {
    hyphens: auto; 
    hyphenate-limit-chars: auto 3;
    hyphenate-limit-lines: 4;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 3;
    -ms-hyphenate-limit-lines: 4;
  }

  .listblock h3                       {margin: 0px 0px 10px 0px; }
  .list_icons .listblock::before      {padding-top: 125%; }

}


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

  .BackgroundImage::after             {height: 40px; }

}


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

  li.dllink                    {width: 100% !important; }

  .iframe-disclaimer           {font-size: 80%; }
}


/* small phones */
@media only screen and (max-height: 520px) {

  ul.makeMenu li a             {margin: 0px 0px 0px 0px; }

}