.custHeader,
.custFooter {
    display:block;
}

/*
  Known bug for safari on iOS -> flex, as well as other height constraints on iFrames are not respected
  iFrames seem to always be as high as their content, no matter what you do
*/
.hafasContent {
    flex: 1;
}

.hafas_webapp_iframe {
    width:100%;
    height:100%;
    border:none;
}

.lyr_himSearchListResults {
    max-height: 100%;
    overflow: auto;
}

#HafasWebApp {
    height: calc(100vh - 94px);
}

@media only screen and (max-width: 768px) {
    body .custHeader {
        height:80px;
    }
    body .custFooter {
        height:50px;
    }
    body .haconBG h2 {
        font-size:20px;
        margin:4px 0;
        padding:0;
    }

    #HafasWebApp {
        min-height: unset;
    }
}


@media screen and (min-width: 1024px) {
    section#HFS_PageContent {
        margin: 12px 0 0 16px;
    }
}

#departures-hacon-widget [data-hfs-widget] {
    background-color: transparent;

}

body .lyr_atomTimeTable .lyr_atomTimeInput {
    padding: 0;
    color: #333;
}

body .lyr_atomDtpAmPmSwitch span {
    color: #333;
}