/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    #lnkEmergency, #lnkAccount, #lnkLockPass, #lnkContactPortal, #lnkOrderTestACC {
        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;
    }

    .hideControlMobile{
        display:none !important;
    }

    .showControlMobile {
        display: block !important;
    }

    #contentwrapper {
        width: 100%;
    }
    #divPopUpEmergencyArea {
        left: 0px;
        width: calc(100% - 15px);
    }

    .fontSize11 {
        font-size: 12px;
        font-weight: bold;
    }

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

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

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

    .fontSize30 {
        font-size: 18px !important;
        font-weight: bold;
    }

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

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

    .fontSize48KDNPortal {
        font-size: 58px;
        font-weight: bold;
        line-height: 1.0em;
    }


    .fontSize40 {
        font-size: 22px;
        font-weight: bold;
    }

    .fontSize160 {
        font-size: 200px;
        font-weight: bold;
    }

    .fontSize20NotBold {
        font-size: 30px;
        font-weight: normal;
    }

    .fontSize24KDNPortal {
        font-size: 34px;
        font-weight: bold;
    }
    /* NAVI */
    .topnav a:not(:first-child) {
        display: none;
    }

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

    #ContactPicture {
        width: auto;
    }

    #ContactInfo {
        width: calc(50% - 0px);
        padding-left: 0px;
    }

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

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

    #lnkEmergency, #lnkAccount, #lnkLockPass, #lnkContactPortal, #lnkOrderTestACC {
        width: 150px;
    }

    .tableHeader {
        display: none;
    }

    #divLogosMobile {
        display: block !important;
    }



    .IntroText {
        padding-left: 5px;
        padding-right: 5px;
    }

    .divVideo {
        width: 100% !important;
        margin-bottom: 10px;
    }

    #naviTop {
        display: none !important;
    }

    #naviTopKundenportal {
        position: absolute;
        margin-right: 10px;
        width: 520px !important;
        display: block !important;
    }

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

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

    #lnkCompanyLogo {
        background-repeat: no-repeat;
        width: 150px;
        float: none;
        margin: 0 auto;
    }

    #lnkEmergency, #lnkAccount, #lnkLockPass, #lnkContactPortal, #lnkOrderTestACC {
        width: 150px;
    }

    .tableHeader {
        display: none;
    }

    #divLogosMobile {
        display: block;
    }



    #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;
        }


    #tdTestAccountControls .btnOrderRealAccount, #tdTestAccountControls .btnTerminate {
        width: 350px !important;
        margin: 10px;
    }


    #divKundenportalinfo {
        margin-right: 80px !important;
    }

    #divKundenportalPresent {
        margin-right: 80px !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;
        }


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

    .subnavi {
        padding: 10px 30px !important;
        font-size: 15px !important;
    }
    /*Contact-Data*/

    #ContactInfo {
        width: calc(100% - 230px);
        font-size: 12px;
    }

    #ContactMap {
        width: calc(100% - 20px);
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* FOOTER */
    #footer {
        padding-top: 25px;
    }

    #footernav {
        float: none;
        margin: 0 auto;
        display: inline-block;
        position: relative;
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }

    #contactInfo span {
        font-size: 13px !important;
    }
    /*------------------------------------------*/
    /* Startseite */
    /*------------------------------------------*/
    .mobilecontenthr {
        display: block;
        width: calc(100% - 110px);
        margin: 0 auto;
        margin: 55px;
        margin-top: 30px;
        margin-bottom: 0px;
        position: relative;
        float: left;
    }
    /* HEADER */
    #headerwrapper {
        position: relative;
        height: 70px;
    }

    #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;
    }

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

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

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

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

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

    .ahrefBox {
        width: calc(100% - 10px);
    }

    .divBlueBarWithArnoldLogo.small {
        width: 200px;
    }

    .divBlueBarWithArnoldLogo a, .divBlueBarWithArnoldLogo {
        font-weight: bold;
        font-size: 18px;
        color: white;
        line-height: 30px !important;
        text-decoration: none;
    }

    .buttonActionLong {
        font-size: 16px !important;
        width: 100% !important;
    }
    /*------------------------------------------*/
    /* Kundenportal                              */
    /*------------------------------------------*/
    .WhiteBoxKDNPortal {
        line-height: 2.2em !important;
    }

        .WhiteBoxKDNPortal div {
            line-height: 2.2em !important;
        }

    .tdCheckBoxWrapper input[type=checkbox] {
        /* Double-sized Checkboxes */
        -ms-transform: scale(2); /* IE */
        -moz-transform: scale(2); /* FF */
        -webkit-transform: scale(2); /* Safari and Chrome */
        -o-transform: scale(2); /* Opera */
        transform: scale(2);
        padding: 10px;
        margin-left: 10px;
    }

    .tdCheckBoxWrapper label {
        margin-left: 20px;
        font-size: 30px;
    }

    #divKundenportalWrapper .divPopup h2 {
        font-size: 30px;
    }

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

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

    .BlueBox .TextBetweenPicture3Columns {
        width: calc(80% - 20px) !important;
    }

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

    .divPopupOtherPerson {
        height: 85% !important;
        overflow: auto;
        width: 90% !important;
        padding: 5px;
        left: 10px !important;
        margin-left: 0px !important;
        top: 10px !important;
        margin-bottom: 10px !important;
    }

    .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;
            }

    .tblDatasSmallKDNPortal {
        margin-bottom: 20px;
        border-spacing: 0px;
        border-collapse: separate;
        display: table !important;
    }

    .trKdnPortalDesktop {
        display: none !important;
    }

    .trKdnPortalMobil {
        display: table-row !important;
        line-height: 1.2em !important;
    }

        .trKdnPortalMobil td {
            width: 100% !important;
            line-height: 1.2em !important;
        }


    .tblDatasSmallKDNPortal td {
        padding: 5px;
        text-align: left;
        font-size: 30px;
        /*vertical-align: top;*/
    }

    .desktopElement {
        display: none;
    }

    .mobileElement {
        display: block;
    }

    #divKundenportalWrapper .topnav a {
        font-size: 50px;
    }

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

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

    .buttonNew_Green {
        bottom: -75px;
        height: 40px;
        line-height: 40px;
    }

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



    .droplist {
        padding: 0px;
        font-size: 16px;
        color: #000000;
        border-radius: 5px;
        margin: 3px;
        border: 1px solid #4C4C4C;
        padding: 2px;
    }

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

    .divBlueHeaderKDNPortal {
        height: 30px;
    }

    .divRedHeaderKDNPortal {
        height: 30px;
    }

    .lnkBlue {
        width: 80% !important;
    }

    .lnkBlueLeft {
        margin-top: 15px;
        width: calc(100% - 40px) !important;
        text-align: left;
    }

    .lnkBlueRight {
        margin-top: 15px;
        width: calc(100% - 55px) !important;
        text-align: left;
        padding-left: 40px;
    }



    .ButtonPresentMobil {
        visibility: visible;
        display: inline-block;
        background: url('/../Images/Geschenk.png') no-repeat;
        width: auto;
        padding: 0 !important;
        padding-right: 0px;
        padding-left: 0px;
        margin: 0 !important;
        line-height: 50px !important;
        padding-left: 50px !important;
        background-position: 10px;
        padding-right: 10px !important;
        color: #5C61A3 !important;
        margin-top: 10px !important;
        box-shadow: unset !important;
    }

    .buttonActionNoArrowPrintMobil {
        border: 0;
        background-color: #5c61a3;
        background-image: url('Images/arrow_white.png');
        background-position: 10px center;
        background-repeat: no-repeat;
        display: inline-block;
        cursor: pointer;
        border-radius: 10px;
        color: white !important;
        width: 220px;
        height: 60px;
        font-size: 36px;
        font-weight: bold;
        content: 'Drucken';
        visibility: visible;
        /*margin-top: 10px;*/
    }

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

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


    .droplistSmallPrint {
        font-size: 36px;
        color: #000000;
        border-radius: 5px;
        margin: 3px;
        margin-bottom: 3px;
        border: 1px solid #4C4C4C;
        padding: 0px;
        width: 300px;
        margin-bottom: 0px;
    }

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


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

        #Home #divCardFront img {
            width: 90%;
        }

        #Home #divCardFront .lnktest {
            margin: 0 auto;
        }
    /* CardBack */
    #divCardBack {
        width: calc(100% - 110px);
        text-align: center;
        border: none;
        height: auto;
    }

        #divCardBack img {
            width: 90%;
        }

        #divCardBack table {
            text-align: left;
            margin: 0 auto;
        }
    /* REGISTER */
    /* EXAMPLE */
    #divExample {
        text-align: center;
        background-size: 150px;
        background-position: right 20px top 190px;
        margin-top: 50px;
    }

        #divExample table {
            text-align: left;
        }

    .advice {
        margin-top: 20px;
    }

    .Service, .Service #divAllInklusive {
        text-align: center;
    }

    .topnav.responsive {
        position: relative;
    }

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

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

    .mobileEmergencyLink {
        background-color: red;
    }

    #divExample div {
        width: 100% !important;
        text-align: center !important;
    }

    #divExample .fontSize22 {
        font-size: 18px !important;
    }

    #divExample .fontSize48 {
        font-size: 30px !important;
    }

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

    #divContact {
        width: 100%;
    }

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

    #divEmergencyArea {
        height: 100% !important;
    }

    .divScrollWithContainer {
        width: auto;
        text-align: right;
        position: fixed;
        background-color: white;
        z-index: 9999;
        border: 2px solid #adb0d1;
        padding: 5px;
        right: auto;
        left: 10px;
        text-align: left;
    }


    #divUser {
        width: 100%;
        text-align: center;
    }

    .ddlUserDropDown {
        width: 80%;
    }

    .divRight {
        margin-left: 80px;
        width: calc(100% - 100px) !important;
    }

    #divLeft {
        width: 0%;
    }

    .divPopupVideo {
        width: 350px;
        left: 2.5%
    }

    .divVideoPopup {
        min-width: 345px;
    }

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

    .divPopupNoResize {
        left: 20px;
        margin-left: auto;
        height: auto;
        -webkit-overflow-scrolling: touch;
        margin-top: 20px;
        overflow-y: scroll;
    }

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

    .SlidePanelRight {
        bottom: 100px;
        top: unset;
    }

    #divSlidePanelLeft {
        display: none;
    }

    #divSlidePanelOrderRight {
        display: none;
    }
    /*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;
    }

    #divIntroText {
        padding: 10px !important;
        padding-bottom: 20px !important;
    }

    h2.fontSize43 {
        font-size: 22px !important;
    }

    .width200 {
        width: 80px;
    }

    .width250 {
        width: 130px;
    }

    #ulNavi li {
        width: 27%;
    }

    #ulNavi input {
        font-size: 8px;
    }

    #divAccountContent {
        padding: 0px;
    }
    /*Startseite*/
    .lnktest, .bannerText a, #stammgastText a, #CardFrontText a {
        font-size: 11px;
    }

    #stammgast {
        height: 420px !important;
    }

    .bxslider .bannerText {
        top: 10px;
        left: 10px;
    }

    .bannerText .fontSize13 {
        font-size: 8px;
        line-height: 11px;
    }

    .bxslider .bannerText .fontSize11 {
        margin-top: 0px;
        display: inline-block;
    }

    .bxslider a {
        margin-top: 0px;
        display: inline-block;
        font-size: 10px;
        background-color: transparent;
        background-image: none;
        padding: 0;
    }

    #divCardBack, #divCardBack tr {
        text-align: center;
    }

        #divCardBack span.fontSize43 {
            font-size: 20px;
        }

        #divCardBack span.fontSize22 {
            font-size: 16px;
        }

    .contenthr {
        width: calc(100% - 2px);
    }
    /*Service*/
    #Service {
        padding: 10px !important;
    }

        #Service hr {
            margin: 10px 0 10px 0;
        }

    .h3Service {
        font-size: 14px !important;
    }

    #divAllInklusive, #divServiceBlue {
        text-align: center;
    }

    #imgAllInklusive {
        float: none !important;
        margin: 0 auto !important;
        display: inline-block !important;
        margin-top: 40px;
        width: 300px;
    }

    #divAllInklusive .fontSize43 {
        display: block !important;
    }

    #divServiceBlue .lnktest {
        margin: 0 !important;
        margin-bottom: 10px !important;
    }
    /*FAQ*/
    #FAQ {
        padding: 10px !important;
    }

    .ui-accordion .ui-accordion-header {
        font-size: 12px !important;
    }

    #faqContact h3.fontSize22 {
        font-size: 14px;
    }

    #faqContact .lnktest {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .divFAQPopup {
        width: 280px !important;
        margin-left: -150px !important;
        padding: 10px !important;
        font-size: 12px;
    }

    #footer {
        padding-bottom: 60px;
    }

    #footernav {
        color: #212E50 !important;
    }

    /*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;
        }
    /*Account*/
    #tblAccountContent td {
        padding: 0px !important;
        padding-bottom: 5px !important;
    }

    .divAccount .lnktest {
        font-size: 16px !important;
    }

    #divAccountRight .lnktest {
        margin-top: 10px !important;
    }

    #divAccoutDelete, #divPassword {
        margin-top: 25px;
    }

        #divAccoutDelete * {
            font-size: 11px !important;
        }

        #divAccoutDelete .lnktest:nth-of-type(1) {
            width: 35% !important;
            float: left;
        }

        #divAccoutDelete .lnktest:nth-of-type(2) {
            width: 35% !important;
            float: right;
        }
    /*Neuer Pfand*/
    .divNewArticleLeft, #divNewArticleRight {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #divNewArticleRight {
        margin-top: 20px !important;
    }

    #divNewDeposit #divAccountContent .lnkLightBlue {
        width: 90% !important;
    }

    .lnkFileUpload {
        margin-bottom: 30px;
    }
    /*------------------------------------------*/
    /* CHECKOUTDATA         					*/
    /*------------------------------------------*/
    .divCheckoutData {
        padding-bottom: 25px;
        margin-bottom: 25px !important;
    }

        .divCheckoutData .divAccountLeft, .divCheckoutData .divAccountRight, .divCheckoutData #divDeliveryAdress {
            width: 100% !important;
        }

    .mobileZeroLength {
        width: 0 !important;
    }
}
/*------------------------------------------*/
/* iPhone 2G - 5s in portrait               */
/*------------------------------------------*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait) {
    /*Account*/
    .divAccount {
        padding: 10px !important;
    }

    #divAccountLeft {
        width: 100%;
        float: left;
        margin-right: 0;
    }

    #divAccountRight {
        width: calc(100% - 10px);
        float: right;
        margin-left: 0;
        padding: 5px !important;
    }

    #divAccoutDelete, #divPassword {
        width: 280px !important;
        margin-left: -150px !important;
        padding: 10px !important;
    }
    /*Pfandliste*/
    .divArticleImage, .divArtName, .divArtDetails {
        text-align: center;
    }

    .divArticleImage {
        width: 100%;
        min-height: 50px;
        float: left;
    }

    .divArtName, .divArtDetails {
        width: 100%;
        float: left;
    }

    .listHeader {
        margin: 10px;
        text-align: center;
        display: block;
    }

    .divButtons {
        text-align: center;
        margin-top: 5px;
    }
    /*------------------------------------------*/
    /* CHECKOUTOFFER         					*/
    /*------------------------------------------*/
    #divArticleDetails, #divOfferDetails {
        width: 100%;
        float: left;
    }

    #divArticleDetails {
        text-align: center;
    }

    #divOfferDetails {
        margin-top: 10px;
    }

        #divOfferDetails tr td:first-child {
            text-align: left;
        }
    /*------------------------------------------*/
    /* CHECKOUTSHIPPMENT         				*/
    /*------------------------------------------*/
    .imgShippmentIcon {
        width: 50px !important;
    }

    .divCheckoutShippment h2 {
        font-size: 16px !important;
    }

    .divCheckoutShippment {
        margin-bottom: 25px !important;
        padding-bottom: 25px !important;
    }
    /*------------------------------------------*/
    /* CHECKOUTPAYMENT         				    */
    /*------------------------------------------*/
    .divCheckoutPayment {
        margin-bottom: 25px !important;
        padding-bottom: 25px !important;
    }
    /*------------------------------------------*/
    /* CHECKOUTSUMMARY         				    */
    /*------------------------------------------*/
    .divCheckoutSummary {
        margin-bottom: 25px !important;
        padding-bottom: 25px !important;
    }

        .divCheckoutSummary .divAccountLeft, .divCheckoutSummary .divAccountRight {
            width: 100% !important;
        }

        .divCheckoutSummary .divAccountRight {
            margin-top: 10px;
        }

        .divCheckoutSummary .lnktest {
            font-size: 10px !important;
        }
    /*------------------------------------------*/
    /* RELEASEDEPOSIT         				    */
    /*------------------------------------------*/
    .divReleaseDeposit {
        margin-bottom: 25px !important;
        padding-bottom: 25px !important;
    }
    /*------------------------------------------*/
    /* RELEASESUMMARY         				    */
    /*------------------------------------------*/
    .divReleaseSummary {
        margin-bottom: 25px !important;
        padding-bottom: 25px !important;
    }

        .divReleaseSummary #tblPositions * {
            font-size: 12px !important;
        }

        .divReleaseSummary .lnktest {
            font-size: 10px !important;
        }
}
/*------------------------------------------*/
/* iPhone 2G - 5S in landscape              */
/*------------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    .bxslider .fontSize13 {
        font-size: 16px;
    }

    .bxslider .fontSize11 {
        font-size: 16px;
    }

    .bxslider .bannerText {
        top: 30px;
        left: 30px;
    }

    .bxslider a {
        font-size: 14px;
    }

    #divAccountLeft {
        width: 49% !important;
        float: left !important;
        margin-right: 1% !important;
    }

    #divAccountRight {
        width: 49% !important;
        float: right !important;
        margin-left: 1% !important;
    }
    /*Pfandliste*/
    .divArticleWrapper .spanTitel {
        font-size: 16px;
    }

    .divArticleWrapper .spanIdent {
        font-size: 14px;
    }
}
/*------------------------------------------*/
/* 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
    }

    #divIntroText {
        padding: 10px !important;
        padding-bottom: 20px !important;
    }

    #divExample {
        padding: 20px;
        background-size: 100px;
        background-position: right 10px top 100px;
        margin-top: 50px;
    }

    h2.fontSize43 {
        font-size: 22px !important;
    }

    .width200 {
        width: 80px;
    }

    .width250 {
        width: 130px;
    }

    #ulNavi li {
        width: 27%;
    }

    #ulNavi input {
        font-size: 8px;
    }

    #divAccountContent {
        padding: 0px;
    }
    /*Startseite*/
    .lnktest, .bannerText a, #stammgastText a, #CardFrontText a {
        font-size: 11px;
    }

    #stammgast {
        height: 420px !important;
    }

    .bxslider .bannerText {
        top: 10px;
        left: 10px;
    }

    .bannerText .fontSize13 {
        font-size: 8px;
        line-height: 11px;
    }

    .bxslider .bannerText .fontSize11 {
        margin-top: 0px;
        display: inline-block;
    }

    .bxslider a {
        margin-top: 0px;
        display: inline-block;
        font-size: 10px;
        background-color: transparent;
        background-image: none;
        padding: 0;
    }

    .contenthr {
        width: calc(100% - 2px);
    }
    /*Service*/
    #Service {
        padding: 10px !important;
    }

        #Service hr {
            margin: 10px 0 10px 0;
        }

    #divAllInklusive, #divServiceBlue, .h3Service {
        text-align: center;
    }

    #imgAllInklusive {
        float: none !important;
        margin: 0 auto !important;
        display: inline-block !important;
        margin-top: 40px;
    }

    #divAllInklusive .fontSize43 {
        display: block !important;
    }

    #divServiceBlue .lnktest {
        margin: 0 !important;
        margin-bottom: 10px !important;
    }
    /*FAQ*/
    #FAQ {
        padding: 10px !important;
    }

    .ui-accordion .ui-accordion-header {
        font-size: 14px !important;
    }

    #faqContact h3.fontSize22 {
        font-size: 14px;
    }

    #faqContact .lnktest {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .divFAQPopup {
        width: 340px !important;
        margin-left: -180px !important;
        padding: 10px !important;
    }

    #footer {
        padding-bottom: 60px;
    }

    #footernav {
        color: #212E50 !important;
    }


    /*Neuer Pfand*/
    .divNewArticleLeft, #divNewArticleRight {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #divNewArticleRight {
        margin-top: 20px !important;
    }

    #divNewDeposit #divAccountContent .lnkLightBlue {
        width: 90% !important;
    }

    .lnkFileUpload {
        margin-bottom: 30px;
    }
    /*------------------------------------------*/
    /* CHECKOUTDATA         					*/
    /*------------------------------------------*/
    .divCheckoutData {
        padding-bottom: 25px;
        margin-bottom: 25px !important;
    }
    /*.divCheckoutData .divAccountLeft, .divCheckoutData .divAccountRight, .divCheckoutData #divDeliveryAdress{
        width:100% !important;
    }
    .mobileZeroLength{
        width:0 !important;
    }*/

}
/* iPhone 6, 7, & 8 Plus in portrait       */
/*------------------------------------------*/
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: portrait) {
    /*Pfandliste*/
    .divArticleImage, .divArtName, .divArtDetails {
        text-align: center;
    }

    .divArticleImage {
        width: 100%;
        min-height: 50px;
        float: left;
    }

    .divArtName, .divArtDetails {
        width: 100%;
        float: left;
    }

    .listHeader {
        margin: 10px;
        text-align: center;
        display: block;
    }

    .divButtons {
        text-align: center;
        margin-top: 5px;
    }
}
/*------------------------------------------*/
/* iPhone 6, 7, & 8 Plus in landscape       */
/*------------------------------------------*/
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: landscape) {
    .bxslider .fontSize13 {
        font-size: 16px;
    }

    .bxslider .fontSize11 {
        font-size: 16px;
    }

    .bxslider .bannerText {
        top: 30px;
        left: 30px;
    }

    .bxslider a {
        font-size: 14px;
    }
    /*Pfandliste*/
    .divArticleWrapper .spanTitel {
        font-size: 16px;
    }

    .divArticleWrapper .spanIdent {
        font-size: 14px;
    }

    .divArticleWrapper {
        margin-top: 10px;
    }

    .divArticleImage {
        width: 180px;
        min-height: 50px;
        float: left;
    }

    .divArtName, .divArtDetails {
        width: calc(50% - 90px);
        float: left;
    }

    .divArtDetails {
        text-align: right;
    }

    .divButtons {
        width: 100%;
        text-align: right;
    }
    /*------------------------------------------*/
    /* CHECKOUTDATA         					*/
    /*------------------------------------------*/
    .divCheckoutData {
        padding-bottom: 25px;
        margin-bottom: 25px !important;
    }
}
/*------------------------------------------*/
/* iPad in portrait & landscape */
/*------------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .bxslider .fontSize13 {
        font-size: 20px !important;
    }

    .bxslider .fontSize11 {
        font-size: 17px !important;
    }

    .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;
    }

    .fontSize160 {
        font-size: 200px;
        font-weight: bold;
    }

    #stammgast {
        height: 400px;
    }

    #Home #divAllInklusive {
        width: 100%;
        padding: 0;
    }

        #Home #divAllInklusive img {
            width: 50%;
        }

    #divCardBack {
        width: 100% !important;
        padding: 0;
    }

        #divCardBack img {
            width: 50% !important;
        }

    #divExample {
        text-align: center;
        background-size: 150px;
        background-position: right 80px;
        margin-top: 50px;
    }

    .ckbText input[type=checkbox] {
        visibility: visible;
        display: inline-block;
    }

    .ckbText input[type="checkbox"] + label::before {
        content: "";
        display: none;
    }

    .ckbText input[type="checkbox"]:checked + label::before {
        content: "";
        display: none;
    }

    .ckbText label {
        font-style: italic;
        display: inline;
        font-size: 14px;
    }
    /*Service*/
    #divServiceBlue {
        background-position: right center;
    }

    .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) {
    .bxslider .fontSize13 {
        font-size: 24px !important;
    }

    .bxslider .fontSize11 {
        font-size: 21px !important;
    }
}









@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;
}
/* NAVI */
.topnav a:not(:first-child) {
display: none;
}

.topnav a.icon {
float: right;
display: block;
}
.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;
}

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

}
/*------------------------------------------*/
/* 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) {

}
/* iPhone 6, 7, & 8 Plus in portrait       */
/*------------------------------------------*/
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: portrait) {
/*Pfandliste*/

}
/*------------------------------------------*/
/* 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) {

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

@media screen and (max-width: 1200px) {
    .droplist {
        font-size: unset;
    }

    .divOneFromTwoColumns {
        width: calc(100% - 20px);
    }

    .divOneFromTwoColumnsMarginLeft {
        margin-left: 0px;
    }

    html,
    body, .divHeadlineInnerContent, .divHeadline {
        font-size: 1.3em;
    }


    .divRightKundenPortal {
        margin-left: 100px !important;
        width: calc(100% - 120px) !important;
    }

    .main-menu {
        width: 100px;
    }

        .main-menu:hover, nav.main-menu.expanded {
            width: 480px;
        }

        .main-menu li > a {
            font-size: 29px;
        }

        .main-menu .fa {
            line-height: 66px;
            font-size: 1.6em;
            width: 100px;
            height: 66px;
        }

        .main-menu li {
            min-height: 66px;
            line-height: 66px;
            width: 480px;
        }

            .main-menu li ul li {
                min-height: 66px;
                line-height: 66px;
                width: 430px;
            }


    .spanSubMenuToggle {
        height: 66px;
    }

    .main-menu .ulSubNavi .fa {
        line-height: 66px;
    }


    .main-menu .nav-text {
        width: 415px;
        padding-left: 15px;
    }


    .ckbCardInfos {
        line-height: 30px;
    }

        .ckbCardInfos input {
            zoom: 2;
            -moz-transform: scale(2);
            margin-right: 14px;
        }
    #divUser .buttonActionKDNPortal{
        margin-bottom:10px;
    }

    .buttonActionKDNPortal {
        width: 180px;
        font-size: 22px;
    }


    .divBlueBarWithArnoldLogo.small {
        width: 340px;
    }
    #divWrapperPresentLink{
        width:400px !important;
    }




    /*------------------------------------------*/
    /* Loginseite           			        */
    /*------------------------------------------*/

    #divLoginWhite {
        width: calc(100% - 60px) !important;
    }

    #divLoginWhite .fontSize18NotBold {
        font-size: 28px;
    }

        #divLoginWhite .buttonAction {
            font-size: 34px;
            width: calc(50% - 40px);
            height: 60px;
            line-height: 60px;
        }

        #divLoginWhite a.buttonAction {
            line-height: 60px;
            height:60px;
        }
        #divLoginWhite .fontSize20 {
            font-size: 30px;
        }



    #divLoginWhite .droplistSmall {
        max-width: 500px;
        font-size:28px;
    }



    /*------------------------------------------*/
    /* Kundenportal allgemein			        */
    /*------------------------------------------*/
    html, body {
        color: #000000;
    }
    #divLogoAndHelpText {
        width: calc(100% - 40px) !important;
        margin: 20px;
    }

    #divMainClient {
        width:calc(100% - 40px) !important;
        margin:20px;
    }
    #divHelpText{
        font-size:22px;
    }
    .fontSize24KDNPortal {
        font-size: 28px !important;
    }

    .buttonActionKDNPortal {
        font-size: 22px !important;
    }

    .fontSize20NotBold {
        font-size: 26px !important;
    }

    .droplist {
        font-size: 26px !important;
    }

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

    .buttonNew_Green {
        font-size: 24px !important;
    }

    .buttonActionSmallKDNPortal {
        font-size: 24px !important;
    }
    .redHintText {
        font-size: 24px;
    }



    .tblDatasSmallKDNPortal tr:first-child td, .tdDataFirstTr, .tblDatasSmallKDNPortal td {
        font-size: 22px !important;
    }


    /*------------------------------------------*/
    /* Footer               			        */
    /*------------------------------------------*/
    #footernav, #footernav * {
        font-size: 22px;
    }

    #myMenufooter{
        margin-top:10px;
    }
    #myMenufooter li {
        width: 33%;
    }
    /*------------------------------------------*/
    /* Persönliche Daten    			        */
    /*------------------------------------------*/
    #divPersonalDataWrapper #divPersonalDataLeft {
        width: 100%;
        margin: 0;
    }
        #divPersonalDataWrapper #divPersonalDataLeft .buttonActionKDNPortal {
            width: 240px
        }

        #divPersonalDataWrapper #divPersonalDataRight {
            width: 100%;
        }

}