/* *  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: 1360px) {
  .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%; }

}


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

  ul.LanguageBox                                     {position: relative; right: auto; top: auto !important; margin: 0px 0px 0px 0px; }
  .toolbar                                           {right: 15px; top: 0px; margin: 0px 0px 0px 0px; }

  .textblock_separator_dark,
  .textblock_separator_thin,
  .textblock_separator                               {width: 100%; margin: 30px 0px !important; }
  .textblock_separator_dark .textblock-inner         {padding: 30px 15px; }
  .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; }

  footer h5                  {font-size: 130%; }
  .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; }

  .QuickfinderBox            {right: 80px; margin: 0px; }

  .tilelink, h2, h4          {font-size: 300%; }

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

  /* Header */
  #ContentBoxTop             {height: 140px; }
  .ContentBoxTop-fixed       {height: 100px !important; }
  .headerBox, .headerBoxLogo                {margin: 10px 0px 0px 0px; }
  .ContentBoxTop-fixed .headerBoxLogo       {margin-top: 5px; }

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

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

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

  .mapCont                    {height: 400px; }
  .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; margin-top: 0px !important; }
  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: 140px 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; }

  #headerBoxLogo.logo-small,
  .quickfinder-text           {display: none !important; }

  /* Header */
  #ContentBoxTop,
  .ContentBoxTop-fixed                      {height: 120px !important; }
  .ContentBoxTop-fixed .headerBoxLogo,
  .headerBox, .headerBoxLogo                {width: 300px; margin-top: 55px !important; }
  .toolbar                                  {right: auto; left: 10px; bottom: auto; }

  /* Menu mobile */
  .main-nav-toggle                             {display: block; }
  .li-meta-menu                                {display: block !important; }
  .mainnav,
  .mainnav:not(.mainnav-closed)                {position: fixed; top: 0px; left: 0px; right: 0px; bottom: auto; height: auto; background: var(--color-highlight3); min-height: 45px; padding: 0px; z-index: 30006; overflow: auto; }
  .mainnav:not(.mainnav-closed)                {box-shadow: 0px 0px 10px var(--color-dark-4); -moz-box-shadow: 0px 0px 10px var(--color-dark-4); -webkit-box-shadow: 0px 0px 10px var(--color-dark-4); }
  .mainnav ul.makeMenu                         {display: none; max-height: 0%; border-bottom: 2px solid var(--color-highlight1); }
  .mainnav:not(.mainnav-closed) ul.makeMenu    {display: block; width: 100%; height: auto; max-height: 100%; margin-top: 60px; }
  .mainnav ul.makeMenu li                      {display: block; width: 100%; padding: 0px 0px; margin: 0px !important; }
  .mainnav ul.makeMenu > li:hover > ul,
  .mainnav ul.makeMenu li ul                   {position: relative; background: transparent !important; padding: 0px; }
  #start ul.makeMenu li ul                     {display: block !important; }

  ul.makeMenu li ul .vertline,
  ul.makeMenu br,
  ul.makeMenu li ul::before                    {display: none; }

  .mainnav ul.makeMenu li a                             {background: var(--color-dark-0); font-size: 110%; border-bottom: 1px solid var(--color-dark-3); line-height: 1.2em; text-align: left; text-decoration:none; margin: 0px 0px 0px 0px; padding: 15px 20px; }
  .mainnav ul.makeMenu li a:hover                       {background: var(--color-dark-1); }
  .mainnav ul.makeMenu li ul li a                       {padding: 12px 35px; }
  .mainnav ul.makeMenu li ul li a::before               {top: 19px; }
  .mainnav ul.makeMenu li ul li a.menu-sel::before,
  .mainnav ul.makeMenu li ul li a:hover::before         {width: 25px; }  

}

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

  .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         {margin: 0px 0% 5% 0px; width: 100%; }
  .confirmpopup 		         {font-size: 100%; max-width: 100%; height: 100%; padding: 15px; }
  .confirmpopup h4 	         {font-size: 170%; }
  .listblock                 {}

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

  .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 20px 0px !important;}
  .textblock-outer                           {padding: 10px 0px; }
  .textblock-inner                           {max-width: 100% !important; }

  .listblock-img                     {top: 0px;  }
/*
  .listblock-img-right               {width: 30%; }
  .listblock-img-,
  .listblock-img-left                {width: 30%; }
*/

  .pictogram         {margin-top: 45% !important; }
  .pictogram-small   {margin-top: 10% !important; }
  .pictogram-wide,
  .pictogram-medium  {margin-top: 20% !important; }

  .label                                     {width: 100px !important; }

  .sociallinks                               {top: -110px; right: auto; left: 70px;}
  footer                                     {padding: 80px 0px 60px 0px; margin: 80px 0px 0px 0px; }
  .FooterBoxCol                              {display: block !important; text-align: left !important; float: none !important; width: 100% !important; padding: 10px 0px 20px 0px !important; margin: 0px 0px 0px 0px !important; }
  .FooterBoxCol-First                        {margin: 0px 0px 40px !important; }
  .FooterBoxCol-First::before                {left: auto; right: 0px; bottom: -30px; }
  footer .address                            {padding: 0px 110px 0px 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: 0.9em; }


  #headerBoxLogo.logo-small,
  .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%; }

  .toolbar                            {}
  .toolbar:hover,
  .toolbar.nav-opened                 {display: block !important; }

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

  .tilelink, h2, h4          {font-size: 250%; }

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

/*
.pictogram .ContentTBImgBoxNormal         {display: block; pointer-events: none; position: absolute; top: 0px; right: 0%; width: 66%; max-width: 400px; transform: translate(0%, -100%); -webkit-transform: translate(0%, -100%); z-index: 1; }
.pictogram-small .ContentTBImgBoxNormal   {width: 25%; }
.pictogram-medium .ContentTBImgBoxNormal  {width: 33%; }
*/

  .pictogram         {margin-top: 50% !important; }
  .pictogram-small   {margin-top: 20% !important; }
  .pictogram-wide,
  .pictogram-medium  {margin-top: 30% !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%; margin: 0px; }
  .textblock_separator_image  {background-size: 200% auto !important; }
  .listblock                  {width: 100%; padding-bottom: 20px;}

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

  footer                      {font-size: 110%; }

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

}


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

}


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

}