/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    #lnkAccount {
        width: 150px;
    }
}

@media only screen and (max-width: 1140px) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea {
        font-size: 16px;
    }

    #contentwrapper {
        width: 100%;
    }

    #divBestellung{
        margin-top:50px;
    }


    .fontSize18 {
        font-size: 11px;
        font-weight: bold;
    }

    .fontSize24 {
        font-size: 16px !important;
        font-weight: bold;
    }

    .fontSize48 {
        font-size: 26px;
        font-weight: bold;
    }

    .fontSize20NotBold {
        font-size: 30px;
        font-weight: normal;
    }
    /* NAVI */
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }

    #lnkStartpage {
        background: url(logo.png) no-repeat;
        background-position: center center;
        background-repeat: no-repeat;
        width: 50%;
        height: 0;
        min-height: 80px;
        background-size: contain;
    }

    #lnkAccount {
        width:150px;
    }
    .tableHeader {
    display: none;
    }
    
    .divVideo {
        width: 100% !important;
        margin-bottom: 10px;
    }

    #headerClientPortal {
        width: 100%;
        padding: 0;
        text-align: center;
        padding-top: 10px;
    }

    #lnkStartpage {
        width: 150px;
        float: none;
        margin: 0 auto;
    }

    #lnkAccount {
        width: 150px;
    }

    .tableHeader {
        display :none;
    }


    #headerClientPortal #lnkStartpage{
        
        margin-left:10px !important;
    }

    .dropdown-content{
        margin-top:38px !important;
        width: 400px !important;
        margin-left: -360px !important;

    }

        .dropdown-content a {
            font-size: 34px !important;
            width: 368px !important;
            height: 50px !important;
        }

   .dropbtn img {
        width:74px !important;
        height:74px!important;
    }

    .lblNewInfo {
        margin-top: -90px !important;
        width: 26px !important;
        height: 26px !important;
        font-size: 20px !important;
        margin-left: 0px !important;
        margin-right: -10px !important;
    }


    .divRight #slide {
        display: none !important;
    }

    .topnav {
        background-color: #5c61a3;
        overflow: hidden;
        display: block;
    }

        .topnav a {
            float: left;
            display: block;
            color: white !important;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            font-weight: bold;
            font-size: 24px;
        }

            .topnav a:hover {
                background-color: #1E1F3E;
                color: #FFFFFF;
            }

        .topnav .icon {
            display: none;
        }
    /* FOOTER */
    #footer {
        padding-top: 25px;
    }

    /* HEADER */
    #header {
        top: 0px;
        width: 100%;
        height: 0;
        /*min-height: 100px;*/
        padding-left: 0px !important;
        padding: 0;
    }


    .divMenue {
        visibility: hidden;
        display: none;
    }

    .baseDataLink {
        -webkit-appearance: none;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        font-size: 10px;
    }

    .WhiteBox .Picture {
        width: calc(100% - 20px) !important;
    }

    .WhiteBox .ExclamationMark {
        font-size: 150px;
        width: 20% !important;
    }


    .WhiteBox .TextBetweenPicture2Columns {
        width: calc(100% - 20px) !important;
    }

    /*------------------------------------------*/
    /* Kundenportal                              */
    /*------------------------------------------*/
    .calenderpic {
        vertical-align: middle;
        background-repeat: no-repeat;
        display: inline-block;
        cursor: pointer;
        height: 20px !important;
        width: 20px;
        margin-top: -10px !important;
    }

    .tblDatasSmall {
        margin-bottom: 28px;
        border-spacing: 0px;
        border-collapse: separate;
    }

        .tblDatasSmall td {
            padding: 5px;
            text-align: left;
            font-size: 26px;
            vertical-align: top;
            line-height: 1.5em;
        }

        .tblDatasSmall tr:first-child td, .tdDataFirstTr {
            font-weight: bold;
            font-size: 28px;
            text-align: left;
            background-color: #8d90bf;
            color: white;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

            .tblDatasSmall tr:first-child td a, .tdDataFirstTr a {
                color: white;
                float: right;
                text-decoration: none;
                font-style: italic;
                font-weight: normal;
                font-size: 26px;
            }

    .SpanH3Accordion {
        font-size: 30px !important;
    }



    .droplist {
        padding: 0px;
        font-family: Tahoma, Arial, Sans-Serif;
        font-size: 16px;
        color: #000000;
        border-radius: 5px;
        margin: 3px;
        border: 1px solid #4C4C4C;
        padding: 2px;
    }
    .droplistKDNPortal {
        font-size: 30px !important;
    }

    .lnkBlue {
        width: 80% !important;
    }


    .buttonActionKDNPortal {
        width: 220px;
        height: 50px;
        font-size: 28px;
    }

    a.buttonActionKDNPortal {
        line-height: 50px !important;
    }

    /* ALLIMKLUSIVE */
    #Home {
        width: calc(100% - 110px);
        text-align: center;
        height: auto;
    }

        #Home img {
            width: 90%;
        }

        #Home  {
            margin: 0 auto;
        }
    .topnav.responsive {
        position: relative;
    }

        .topnav.responsive a.icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
        }

    .divSecondColumn {
        text-align: left !important;
        width: calc(50% - 60px) !important;
        float: left !important;
        padding-left: 20px !important;
    }

    #divMainClient{
        /*width:75% !important;*/
        margin-Left:auto;
        height:100% !important;
        -webkit-overflow-scrolling:touch;
        overflow-y:scroll;
    }
    #divEmergencyArea {
        height: 100% !important;
    }

    .divRight {
        margin-left:0px;
        width: 100% !important;
    }

    .divPopup {
        left:20px;
        margin-left:auto;
        height:90% !important;
        -webkit-overflow-scrolling:touch;
        margin-top: 20px;
        overflow-y:scroll;

    }

    /*Bestellung*/
    .divConfirmations input {
        margin: 10px auto;
        float: unset !important;
        display: block;
        width: calc(100% - 10px);
    }
    #ifmConfirmationDocument{
        height:400px !important;
    }

}
/*------------------------------------------*/
/* iPhone 2G - 5s                           */
/*------------------------------------------*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    body { -webkit-text-size-adjust: none; }

     h2.fontSize43{
         font-size:22px !important;
    }
     #ulNavi li{
         width:27%;
    }
     #ulNavi input{
         font-size:8px;
    }
    /*Service*/
     #Service{
         padding:10px !important;
    }
     #Service hr{
         margin: 10px 0 10px 0;
    }
    /*FAQ*/
     #FAQ{
         padding:10px !important;
    }
     .ui-accordion .ui-accordion-header{
         font-size:12px !important;
    }
     .divFAQPopup{
         width:280px !important;
         margin-left:-150px !important;
         padding:10px !important;
         font-size:12px;
    }
     #footer{
         padding-bottom:60px;
    }
     /*INTERN ALLGEMEIN*/
     #ulNavi{
         height:30px !important;
     }
     #ulNavi li{
         width:21.9% !important;  
         height:30px !important;       
     }
     #ulNavi input{
         font-size:8px !important;
         padding:5px !important;
         height:30px !important;
     }
}
/*------------------------------------------*/
/* iPhone 2G - 5s in portrait               */
/*------------------------------------------*/
 @media only screen and (min-device-width: 320px) and (max-device-width: 568px)  and (orientation : portrait) {
}
/*------------------------------------------*/
/* iPhone 2G - 5S in landscape              */
/*------------------------------------------*/
 @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
}
 /*------------------------------------------*/
/* iPhone 6, 7, & 8 Plus                    */
/*------------------------------------------*/
 @media only screen and (min-device-width: 375px) and (max-device-width: 736px) {
     body { -webkit-text-size-adjust: none;overflow-x: hidden }
     h2.fontSize43{
         font-size:22px !important;
    }
     #ulNavi li{
         width:27%;
    }
     #ulNavi input{
         font-size:8px;
    }
    /*Service*/
     #Service{
         padding:10px !important;
    }
     #Service hr{
         margin: 10px 0 10px 0;
    }
    /*FAQ*/
     #FAQ{
         padding:10px !important;
    }
     .ui-accordion .ui-accordion-header{
         font-size:14px !important;
    }
     .divFAQPopup{
         width:340px !important;
         margin-left:-180px !important;
         padding:10px !important;
    }
     #footer{
         padding-bottom:60px;
    }
}
 /* iPhone 6, 7, & 8 Plus in portrait       */
/*------------------------------------------*/
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: portrait) {
}
/*------------------------------------------*/
/* iPhone 6, 7, & 8 Plus in landscape       */
/*------------------------------------------*/
 @media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: landscape) {
}
/*------------------------------------------*/
/* iPad in portrait & landscape */
/*------------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .fontSize11 {
        font-size: 19px;
        font-weight: bold;
    }

    .fontSize13 {
        font-size: 24px;
        font-weight: bold;
    }

    .fontSize22 {
        font-size: 29px;
        font-weight: bold;
    }

    .fontSize43 {
        font-size: 49px;
        font-weight: bold;
    }

    /*Service*/

    .divSecondColumn {
        text-align: left !important;
        width: calc(50% - 60px) !important;
        float: left !important;
        padding-left: 20px !important;
    }


}
/*------------------------------------------*/
/* iPad in landscape */
/*------------------------------------------*/
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}