@media screen and (max-width: 1400px) {
    .desktop {
      display: none;
    }

    .mobile {
      display: block;
    }

    .zurueckLinkBlock {
      top: 0;
    }

    .headerStripe {
      display: flex; 
      justify-content: space-between;
      align-items: center;
    }

    .mobileNavButton {
      display: inline-block;
      width: 34px;
      height: 34px;
      background-repeat: no-repeat;
    }

    .mobileNavButtonsWrap, .mobileNavButtons {
      display: inline-block;
    }

    .mobileNavButtonsWrap {
      margin-right: 15px;
    }

    .mobileNavButtons {
      display: inline-flex; 
      align-items: center;
      padding-left: 5px;
    }

    .mobileNavButtons a {
      display: inline-flex;
    }

    .mobileNavButtons li  {
      display: inline-flex; 
      align-self: center;
      margin-right: 5px;
      justify-content:center;
    }

    .mobileNavOnlineShopButton span {
      align-self: center;
    }

    .mobileNavOnlineShopButton {
      width: 135px;
      text-transform: uppercase;
      border: 2px solid #025DAA;
      padding: 0 10px;
    }

    a.mobileNavOnlineShopLink {
      text-decoration: none;
    }

    .mobileNavUserButton {
      background-image: url('../images/head.PNG?2');
    }

    .mobileNavCartButton {
      background-image: url('../images/cart.png?2');
    }

    .mobileNavMenuButton {
      background-image: url('../images/hamburger.PNG?2');
      cursor: pointer;
    }

    .mobileNav {
      background: #025DAA;
    }

    .mobileMenu {
      list-style: none;
      margin-top: 0;
      margin-left: 0;
      padding-left: 0;
      padding-top: 20px;
    }

    .mobileMenu li {
      border-bottom: 1px solid #fff;
      padding: 10px 10px;
    }

    .mobileNav a {
      color: #fff;
      text-decoration: none;
    }

    .mobileMenu .active {
      font-weight: bold;
    }

    .mobileMenu .verticalMenu {
      list-style: none;
      padding-left: 15px;
    }

    .mobileNavButtonsBelow {
      display: inline-block;
      float: right;
      margin-right: 20px;
    }

    .languageSwitcher {
      padding: 20px;
    }
    
    
    .firmenlogoMobile {
      background: url('/theme/pruefag/images/firmenlogoMobile.png') no-repeat;
      width: 189px;
      height: 39px;
      display: inline-block;
    }

    .firmenLogoMobileLink {
      height: 39px;
    }
  
    .headerStripe {
      height: 39px;
    }
  
    .hero {
      display: flex;
      flex-direction: column;
    }
  
    .leftHero {
      width: 100%;
      background-color: #025daa;
      background-image: none;
      order: 2;
    }
  
    .leftHeroContent {
      margin: 0;
      padding: 0 10px;
      min-height: auto;
    }

    .leftHeroContent h2 {
      min-height: auto;
    }
  
    .leftHeroContent .button {
      margin-bottom: 10px;
      line-height: 18px;
    }
  
    .leftHeroContent .leftHeroPrice {
      font-size: 28px;
    }
  
    .leftHeroContent h2 {
      width: 100%;
      height: auto;
      font-size: 35px;
      line-height: 40px;
    }

    .rightHero {
      width: 100%;
      order: 1;
    }

    .innerHeader, .innerFooter, main {
      width: 100vw;
    }
  
    .rowJohnny {
      display: flex;
      flex-flow: column;
    }
  
    .rowJohnnyContent {
      width: 100%;
      margin-left: 0;
      text-align: center;
    }
  
    .rowJohnny .left {
      width: 100%;
      height: auto;
      order: 2;
      padding: 0;
      background-color: transparent;
    }
  
    .rowJohnny h2 {
      font-size: 40px;
      margin: 5px 0;
    }
  
    .rowJohnny p {
      color: #000;
      font-size: 18px;
      font-weight: 400;
      line-height: 32.56px;
      letter-spacing: 0.5px;
    }
  
    .rowJohnny p + .button {
      margin-top: 10px;
    }
  
    .rowJohnny .left img {
      width: 100%;
      height: inherit;
    }
  
    .rowJohnny .right {
      padding: 0 10px;
      order: 1;
      margin-top: 0;
      margin-bottom: 20px;
    }
  
    .nosProduits {
      text-align: center;
      margin: 0;
      padding: 15px 0;
    }
  
    .nosProduitsCompany {
      float: none;
      width: 100%;
      margin-bottom: 30px;
    }
  
    .nosProduitsCompanyRow {
      margin: 10px auto;
    }
  
    .nosProduitsCompany:nth-child(1) {
      float: none;
    }
  
    .nosProduitsCompany:nth-child(3) {
      float: none;
    }
  
    .nosProduits .button {
      margin-top: 20px;
    }
  
    .nachDiesemRepeaterNichtUmbrechen .repeaterTextLeft {
      margin-left: 0;
      padding-left: 10px;
      padding-right: 10px;
    }
    
    .contactForm {
      width: 100%;
      padding: 10px 20px;
    }
  
    .contactForm input {
      width: 100%;
    }
  
    .contactForm input:last-child, .contactForm input, .contactForm textarea {
      margin-bottom: 10px;
    }
  
    .contactFormLeft, .contactFormRight {
      width: 100%;
    }
  
    .repeaterBlockImageRight .repeaterTextLeft, .repeaterFullIndentedWidth .repeaterTextLeft {
      width: 100%;
      margin: 0;
      padding: 10px 20px;
    }
  
    .repeaterBlockImageRight {
      margin-top: 20px;
    }
  
    .repeaterBlockImageRight .contentHeader {
      margin-top: 15px;
    }
  
    * {
      max-width: 100%;
      word-wrap: break-word;
    }
  
    .newsItemRectangle {
      padding: 10px;
      padding-top: 35px;
      height: auto;
      min-height: auto;
      width: 100%;
    }
  
  
    .newsItems {
      margin-top: 20px;
    }
  
    .newsliste h1, .newsExplanation, .newsItems {
      margin-left: 10px;
    }

    .newsItemImage {
      height: auto;
    }
    
    .newsItemRectangle {
      height: auto;
      border: none;
      width: auto;
    }
  
    .footer-left, .footer-right {
      position: static;
      display: block;
      margin: 0;
      text-align: center;
    }
  
    .footer-left {
      margin-bottom: 30px;
    }
    
    .repeaterBlockImageLeft .repeaterImageLeft, .repeaterBlockImageLeft .repeaterImageLeft img {
      margin-right: 17px;
    }

    .repeaterBlockImageLeft .repeaterTextRight {
      margin-right: 17px;
    }

  }

  @media screen and (max-width: 805px) {
    .innerFooter {
      padding-left: 20px;
      padding-right: 20px;
      display: inline-block;
      text-align: center;
    }
  }

  @media screen and (max-width: 888px) {
    .nachDiesemRepeaterNichtUmbrechen {
      display: block;
      width: 100%;
    }

    .nachDiesemRepeaterNichtUmbrechen:nth-of-type(2n+1) {
      width: 100%;
      margin-right: 0;
    }

    .nachDiesemRepeaterNichtUmbrechen iframe {
      width: 100%;
    }
  }

  @media screen and (max-width: 1000px) {
    h1 {
        font-size: 30px;
        line-height: 35px;
        font-weight: 400;
        letter-spacing: 5.08px;
    } 

    .leftHeroContent h2 {
      width: 100%;
      height: auto;
      font-size: 35px;
      line-height: 40px;
      margin-top: 15px;
      margin-bottom: 8px;
    }

    .leftHeroContent p {
      font-size: 18px;
      line-height: 23px;
    }

    main.content {
      margin-top: -2px;
    }
  

    .dot {
      height: 15px;
      width: 15px;
    }

    .slideshowButtons {
      bottom: 5px;
    }

    .rowJohnny h2, .nosProduits h2 {
      font-size: 32px;
      line-height: 40px;
    }

    .rowJohnny p {
      text-align: left;
    }

    .leftHeroContent .button {
      padding: 13px 0;
      border: 2px solid #ffffff;
    }

    .button {
      padding: 13px;
      width: 100%;
    }
  }


  @media screen and (max-width: 1411px) {
    .topmenuNavUl > li {
      margin-right: 6px;
    }
  }


  @media screen and (max-width: 370px) {
    .mobileNavOnlineShopLink {
      order: 3;
    }
  
    .headerStripe {
      height: 39px;
      margin-bottom: 45px;
    }
  
    .mobileNavOnlineShopLink {
      position: absolute;
      bottom: -43px;
      right: 16px;
    }
  }

  @media screen and (min-width: 1400px) and (max-height: 854px) {
    .leftHeroContent h2 {
      margin-bottom: 2px;
      min-height: 0;
    }

    .leftHeroContent .leftHeroButtons {
      margin-top: 0;
    }

    .leftHeroContent p {
      line-height: 27.58px;
    }

    .productSlideshow .rightHero {
      max-height: 90vh;
    }
  }