/* *  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 only screen and (max-width: 1300px) {
  .headerBox, .headerBoxLogo,
  .ContentBoxTop-fixed .headerBoxLogo       {margin: 0px 0px 0px 0px; }
  .main-nav-toggle                          {right: 15px; }

}


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

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

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

  .textblock_separator_image                         {padding-top: 20.5% !important; }
  .textblock_separator_image::before                 {position: absolute; top: 0px; }
  .textblock_separator_image::before,
  .textblock_separator_image .textblock-outer::after {left: -15px; right: -15px; width: auto; }

  .FooterSubLine,
  .FooterBoxInner                              {padding-left: 15px !important; padding-right: 15px !important; }

  .tilecontent               {padding: 10px 10px; }

  .QuickfinderBox            {right: 15px; font-size: 80%; margin: 0px; }
  .quickfinder-img           {/*height: 50px; */}

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

  .BackgroundImageLabel      {left: 15px; }
  .BackgroundImageBtns       {left: 15px; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; }

  .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; }

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

}


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

  body                       {}

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

  .sociallinks               {text-align: left; }
  .sociallinks a             {width: 40px; height: 40px; margin: 0px 5px 5px 0px; }


  ul.LanguageBox             {top: 24px; right: 60px; }
  .QuickfinderBox            {right: 80px; margin: 0px; }

  h1                         {font-size: 200%; }
  h3                         {font-size: 180%; }
  h4                         {font-size: 150%; }

  .tile,
  .tile_square               {font-size: 90%; }

  /* Header */
  #ContentBoxTop,
  .ContentBoxTop-fixed,
  #start #ContentBoxTop:not(.ContentBoxTop-fixed)                 {height: 60px !important; }
  .ContentBoxTop-fixed .headerBoxLogo,
  .headerBoxLogo.logo-small,
  .headerBoxLogo                                                  {height: 140%; padding: 2px 0px; background: transparent !important; }

  .headerBoxLogo a,
  .ContentBoxTop-fixed .headerBoxLogo a   {background: transparent url(../img/_layout/logo-top.png) no-repeat left top; background-size: 100% auto;}
  .headerBoxLogo img,
  .ContentBoxTop-fixed .headerBoxLogo img {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }

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

  ul.makeMenu                          {margin-top: 80px; }
  ul.makeMenu li                       {width: 24%; }
  .main-nav-toggle,
  .mainnavfixed .main-nav-toggle       {top: 5px; }

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

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

  .mapCont                    {height: 400px; }
  footer                      {}
  .FooterBoxCol img           {max-width: 200px; }
  .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; }

  .NewsContainer-events       {width: 100%; margin: 0px 0px 20px 0px; }
  .textblock .NewsBox         {text-align: left; }
  .textblock .NewsBoxCont     {width: 50%; min-height: auto; }
  a.newshead,
  a.newshead:link,
  a.newshead:focus,
  a.newshead:active,
  a.newshead:hover,
  a.newshead:visited          {min-height: auto; }

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

  .BackgroundImage-Header     {margin: 60px 0px 40px 0px;}
  .tile_slide video,
  .tile_slide img             {/*height: 100%;*/ max-width: none; }

  .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 only screen and (max-width: 980px) {

  .QuickfinderBox             {top: 17px; }
  .quickfinder-listblock      {padding: 0px 0px 0px 15px; }
  .quickfinder-text           {display: none !important; }

}

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

  ul.makeMenu li             {width: 49%; }

  .BackgroundImage                    {height: auto !important; }
  .tile_slide video,
  .tile_slide img                     {width: 120%; }
  .BackgroundImageLabel .inner        {top: auto; left: 0px; bottom: 20px; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; font-size: 150%; }
  .BackgroundImageLabel .labeltitle   {}
  .BackgroundImageLabel p             {}

  .tile,
  .tile_square-video         {width: 49%; }
  .confirmpopup 		         {font-size: 100%; max-width: 100%; height: 100%; padding: 15px; }
  .confirmpopup h4 	         {font-size: 170%; }
  .listblock                 {width: 33.3333%; padding: 0px 10px !important; }

  body > a.extrabutton-down,
  .BackgroundImage a.extrabutton-down,
  #start .BackgroundImage a.extrabutton-down,
  .tile_square.empty         {display: none !important; }

  .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%; min-height: auto !important; }

  .textblock-outer                           {padding: 10px 0px; }

}


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


  #headerBoxLogo.logo-small,
  .toolbar,
  .toolbar .back-to-home,
  .toolbar .kontakt-top,
  .main-nav-toggle span,
  .main-nav-close span,
  .BackgroundImageBtns,
  .leftarrow,
  .rightarrow,
  .quickfinder-text,
  .LabelBox,
  .socialbar,
  .BreadCrumbBox,
  .parallax-slide,
  .ContentBoxLeft,
  a.printbtn                          {display: none !important; }

  .BackgroundImageLabel .labeltitle   {font-size: 100%; }
  .BackgroundImageLabel p             {font-size: 70%; }

  ul.makeMenu                         {font-size: 120%; }
  ul.makeMenu li                      {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
  .li-meta-menu                       {display: inline-block !important; }
  ul.makeMenu li ul                   {display: none !important; }
  ul.makeMenu li:hover > ul           {display: block !important; height: auto; }
  ul.makeMenu li a                    {padding: 10px 10px; border-bottom: 1px solid var(--color-dark-2) ; }
  ul.makeMenu li ul li a              {padding-left: 30px; }
  ul.makeMenu li ul li ul li a        {padding-left: 50px; }
  ul.makeMenu li a:hover              {background-color: var(--color-dark-1);}
  ul.makeMenu li.hassubs > a          {background-image: url(../img/_layout/arrow_down_bl.png); background-repeat: no-repeat; background-position: right 5px center; background-size: 20px auto; }

  .toolbar                            {left: 0px; top: 0px; transform: none; -webkit-transform: none; }
  .toolbar:hover,
  .toolbar.nav-opened                 {display: block !important; }

  ul.LanguageBox                                {display: none; top: 65px; left: 10px; right: auto; }
  #mainnav:not(.mainnav-closed) ul.LanguageBox  {display: block; }

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

  h1                         {font-size: 180%; }
  h2                         {font-size: 110%; }
  h3                         {font-size: 160%; }
  h4                         {font-size: 130%; }

  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 auto; }

  .ContentContainer           {padding: 20px 0px 0px 0px !important; margin: 0px !important; }
  .NewsContainer,
  .headline-container,
  .text-container,
  .textblocks_left, .textblocks_right,
  .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; text-align: left; }

  .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%; margin: 0px; }
  .textblock_separator_image  {background-size: 200% auto !important; }
  .listblock                  {width: 50%; }

  .textblock-inner,
  .ContentTextBoxNormal       {overflow: hidden; }
  .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: 70%; font-weight: 400; }
  /*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; }*/
  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; */ }
  tr                          {/*border: 1px solid #cccccc; */}

  .show-mobile-0              {display: none !important; }

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

}


@media only screen and (max-width: 560px) {
  #ContentBoxTop,
  .ContentBoxTop-fixed,
  #start #ContentBoxTop         {background: var(--color-light) !important; box-shadow: 0px 10px 10px var(--color-dark-15); -moz-box-shadow: 0px 10px 10px var(--color-dark-15); -webkit-box-shadow: 0px 10px 10px var(--color-dark-15); }
/*
  .headerBoxLogo a,
  .ContentBoxTop-fixed .headerBoxLogo a   {background: transparent url(../img/_layout/logo_white.png) no-repeat center; background-size: auto 100%; }
  .headerBoxLogo img,
  .ContentBoxTop-fixed .headerBoxLogo img {visibility: hidden; }
*/
}


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

  .tile_slide video,
  .tile_slide img                     {width: 150%; }
  .BackgroundImageLabel,
  #start .BackgroundImageLabel        {font-size: 100%; }
  .BackgroundImageLabel .labeltitle,
  .BackgroundImageLabel h1,
  .BackgroundImageLabel h2,
  .BackgroundImageLabel h3,
  .BackgroundImageLabel p             {/*padding: 10px 15px !important; */}
  .BackgroundImage::after             {height: 40px; }

}


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

  li.dllink                    {width: 100% !important; }
  .tile,
  .tile_square                 {width: 100% !important; padding: 0px !important; margin: 0px !important; }
  .tile_square-img             {width: 48% !important; padding: 0px !important; margin: 0px 1% !important; }
  .tile_square::before         {/*padding-top: 70% !important;*/ margin: 0px !important; }

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


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

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

}