@media (max-width: 800px) {


  body {
    font-size: 0.8rem !important;
  }
  
  p, ul, ol {
    font-size: 0.8rem !important;
    line-height: 1.6
  }

  
  .page-title {
    /* padding: 1rem 1rem 3rem  !important;
    min-height: 19rem !important;; */
  }
  
  .page-title img.logo{
    height: 2.2rem;
  }
  
  h1 {
    font-size: 1.6rem !important;
    line-height: 1.4 !important;
  }
  
  h2 {
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
  }
  
  
  .page-title img.icon {
    height: 8rem !important;
    margin-right: 1rem !important;
  }
  
  .page-title img.workflow-icon{
    width: 42% !important;
    height: 42% !important;
    margin-right: 29% !important;
    margin-left: 29% !important;
  }

  .page-menu {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
    margin-top: 0 !important;
    padding-bottom: 0rem !important;
  }

  .page-content {
    padding: 3.5rem 0 0 0;
  }

  .page-content h3 {
    font-size: 1.3rem !important;
    line-height: 1.4 !important;
  }
  
  .landing-banks .banks {
    padding: 2rem 0rem !important;
  }

  .landing-banks .bank-image {
    padding: 1rem !important;
    height: 3.5rem !important;
  }
  
  .landing-box .advantages-image, .steps-image {
    height: 3rem !important;
  }
  
  .landing-daten .landing-daten-text {
    padding: 1.5rem !important;
    min-height: 0rem !important;
  }
  
  .landing-paragraph {
    padding: 1rem !important;
  }
  
  .faq-title {
    font-size:0.9rem !important;
  }
  
  .faq .card-header{
    padding: 0.5rem 0.75rem !important;
  }

  .faq .card-body{
    font-size:  0.8rem !important;
    line-height:  1rem!important;

  }
  
  a.btn-workflow, button.btn-workflow {
    font-size: 0.75rem !important;
    padding: 0.8rem 1.2rem !important;
    margin: 0.2rem 0.5rem !important;
  }
  a.btn-modal, button.btn-modal {
    font-size: 0.9rem !important;
    padding: 0.6rem 3% !important;
    margin: 0.2rem 0.5rem !important;
  }
  
  .btn-workflow,
  .btn-workflow:active,
  .btn-workflow:hover,
  .btn-workflow:focus,
  .btn-workflow.focus,
  .btn-workflow:visited {
    font-size: 0.75rem !important;
    padding: 0.8rem 1.2rem !important;
    margin: 0.2rem 0.25rem !important;
  }
  .btn-modal,
  .btn-modal:active,
  .btn-modal:hover,
  .btn-modal:focus,
  .btn-modal.focus,
  .btn-modal:visited {
    font-size: 0.9rem !important;
    padding: 0.6rem 3% !important;
    margin: 0.2rem 0.5rem !important;
  }
  
  .upload-headline {
    margin: 0 auto -1rem auto !important;
    font-size: 1.1rem !important;
    width: 50% !important;
    text-align: center !important;
    padding: 0.6rem 0.9rem !important;
  }
  
  .progress{
    margin-top: 4rem !important;
  }
  
  .mobile-break {
    flex-basis: 100%;
    height: 0;
  }
  .mobile-right{
    margin-right: 0 !important;
    margin-top: 6px !important;
  }
  button.mobile-right{
    margin-left: auto !important;
  }
  
  .embedded-image{
    width: 100%;
    margin: 0 -0 1rem 0;
  }
  
  .process-info{
    margin: 5rem 0.5rem 0;
  }
  .row{
    margin-left: 0rem;
    margin-right: 0rem;
  }
}

@media (max-width: 1400px) {
    
  nav.navbar-mobile{
    display: flex !important
  }
  nav.navbar-desktop{
    display: none !important
  }  
  .page-title .banks{
    display: none !important
  }
  
  .desktop-footer{
    display:none;
  }
  .mobile-footer{
    display:flex;
  }
}
@media (max-width: 600px) {
    
  div.desktop-section{
    display:none !important;
  }
  
  div.mobile-section{
    display:flex !important;
  }
  .landing-row{
    margin-bottom: 2rem !important;
  }
  
  .banks {
    padding: 0 !important;
  }
  
  .bank-image{
    height: 1.5rem !important;
    margin: .5rem .5rem !important;
    padding: 0 !important;
  }
  
  .owner .fa-plus,.owner .fa-minus{
    display:none;
  }
  span.img-collapsebox{
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }
  span.img-collapsebox img{
    width: 100%;
    padding: 0 20% 0 20%;
    margin-bottom: 1rem;
  }
  
  div.card.faq{
    margin: 0.2rem -0.5rem;
  }
  .desktop-image{
    display:none;
  }
  .mobile-image{
    display:flex !important;
  }
  
}