@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1280px) {
  body { font-size: 18px; }
  
  #nav-padding { height: 152px !important; }
  #nav-box { padding: 26px 0 0 0; }
  
  .fb3d-pdf { height: calc(100vh - 152px - 6em); }
}

@media screen and (max-width: 1024px) {
  body { font-size: 16px; }
  
  #nav-padding { height: 147px !important; }
  
  .fb3d-pdf { height: calc(100vh - 147px - 6em); }
  
  .inner--flex { width: 50% !important; }
  
  .tx-accordion .accordion-icon { width: 24px; height: 24px; }
  
  .navigation.navigation--horizontal li a { margin: 0 0.25em; }
}

@media screen and (max-width: 812px) {
  .columns.linearize-level-1 .column--1, .columns.linearize-level-1 .column--3,
  .grids.linearize-level-1 .grid--left, .grids.linearize-level-1 .grid--right { float: none; width: auto; margin: 0; padding: 0; }
  
  .grids { margin: 0; }
  
  .ce-right .ce-gallery, .ce-left .ce-gallery, .ce-column { float: none !important; }
  .ce-intext.ce-left .ce-gallery { margin-right: 0 !important; }
  .ce-intext.ce-right .ce-gallery { margin-left: 0 !important; }
  
  #main .column--1, #mainnav { display: none; }
  #nav-box { padding: 22px 0 0; }
  #langnav { margin: 0 1.25em 0 0; }
  #langnav li a { width: 25px; height: 25px; margin: 0 0.25em; }
  
  #head .viewport { padding: 0.5em; }
  
  #nav-padding { height: 127px !important; }
  
  .fb3d-pdf { height: calc(100vh - 127px - 6em); }
  
  #mobile-box { display: block; }
  
  .navigation.navigation--mobile { position: fixed; top: 127px; right: -66.666%; bottom: 0; width: 66.666%; height: auto !important; margin: 0; padding: 0; background: rgba(203,20,23,0.85); -webkit-transition: right .3s linear; transition: right .3s linear; overflow: hidden; z-index: 99; }
  .is--mobile-open .navigation.navigation--mobile { right: 0; }
  .navigation.navigation--mobile > ul { width: 100%; height: 100%; padding: 1.5em 3em; overflow-y: auto; }
  .navigation.navigation--mobile ul ul { width: auto; margin: 0; padding: 0 0 0.5em 1.5em; }
  .navigation.navigation--mobile ul ul ul { padding: 0 0 0.5em 1em; }
  .navigation.navigation--mobile li { position: relative; padding: 0; }
  .navigation.navigation--mobile li a { color: #fff; font-size: 1.5em; }
  .navigation.navigation--mobile li li a { font-size: 1.25em; }
  .navigation.navigation--mobile li a:hover, .navigation.navigation--mobile li a:focus, .navigation.navigation--mobile li.is--active > a { color: #fff; text-decoration: underline; }
  
  .icon-line { float: right; padding: 16px 0 0; overflow: hidden; z-index: 100; }
  .icon-line .icon { position: relative; float: right; padding: 6px 0; cursor: pointer; z-index: 10; }
  .icon-line .icon .line { display: block; width: 38px; height: 5px; background: #3A3A3A; }
  .icon-line .icon:hover .line, .icon-line .icon:focus .line { background-color: #CB1417; }
  .icon-line .icon .line.middle { margin: 5px 0; }
  
  [class*="frame-type-menu_"] li a { max-width: 28em; font-size: 1em; margin: 0.25em auto 0; }
    
  .section--start .frame-type-menu_pages li { width: 50%; }
 
  .section--company, .section--advantages { background: none; }
  
  #foot h2 { font-size: 2.5em; }
}

@media screen and (max-width: 720px) { 
  #logo { width: 176px; height: 50px; }
  #nav-padding { height: 109px !important; }
  .icon-line { padding-top: 8px; }
  #nav-box { padding-top: 14px; }
  
  .fb3d-pdf { height: calc(100vh - 109px - 6em); }

  .memberlist--filter a, .memberlist--items [data-filter-tags] { width: 33.333%; }
}

@media screen and (max-width: 640px) { 
  h1, .onepage h2, #foot h2, #sitemap h3 { font-size: 2em; }
  .tx-accordion h3 { font-size: 1em; }
  .section-header { margin: 0 0 1em; }
  
  .viewport { padding: 3em 0.5em 1.5em; }
  
  .parallax { height: auto; }
  .parallax--layer { position: static; background: none no-repeat scroll 50% 50%; background-size: cover; -webkit-transform: none !important; transform: none !important; } 
  
  #nav-padding { height: 106px !important; }
  
  .fb3d-pdf { height: calc(100vh - 106px - 4.5em); }
   
  #logo { width: 175px; height: 50px; }
  
  .icon-line { padding: 8px 0 0; }
  
  .navigation.navigation--mobile { top: 106px; right: -100%; width: 100%; }
  .navigation.navigation--mobile > ul { padding: 1.5em 0.5em; }
  
  .section--start .frame-type-menu_pages li { width: 100%; }
  .section--start .frame-type-menu_pages li a { padding: 0.25em 1em; }
  
  .listing { margin: 0; }
  
  .socialmedia.socialmedia--trigger { width: 2em; }
  .socialmedia.socialmedia--trigger a { width: 0; }
  
  .outer--flex { margin: 0 !important; }
  .inner--flex { width: 100% !important; padding: 0 !important; }
  
  #metanav li + li { margin: 0.5em 0 0; }
  #metanav li a { font-size: 1em; }
}

@media screen and (max-width: 480px) {
  h1, h2, h3, h4, h5, h6 { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
  
  .sitemap { float: none; width: auto; padding-right: 0; }
  .sitemap:nth-child(6n+1) { clear: none; }
  .socialmedia--links { top: auto; right: 0; bottom: 0; left: 0; height: 2em; background: #CB1417; }
  .socialmedia--links ul { text-align: center; display: inline-block; }
  .socialmedia--links li { float: left; clear: none; }
  .socialmedia--links li + li { margin: 0 0 0 0.5em; }
  
  .fb3d-pdf { height: calc(100vh - 106px - 6.5em); }

  .memberlist { padding: 0 0 1em; }
  .memberlist--filter a, .memberlist--items [data-filter-tags] { width: 50%; }
}

@media screen and (max-width: 320px) {
  #logo { width: 150px; }
  #logo img { height: 50px; }
}

@media screen and (min-height: 720px) and (orientation: portrait) {
  .parallax { height: 30vh; }
}
