/* tabletop - wide screen ver. */


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    #page-containter {
        /*width: 70%;*/
        /* */
    }



    #model-section {
        display: flex;
        flex-direction: row;
    }



    #model-section #model-display {
        height: 100%;
        width: 60%;
    }

    #header-landscape {
        display: flex;
    }

    #header-portrait {
        display: none;
    }

    #header-landscape {
        padding-left: clamp(2vh + 0.25rem, 2vw + 2rem, 8vh);
        padding-right: clamp(2vh + 0.25rem, 2vw + 2rem, 8vh);
    }

    #header-landscape #nav {
        display: flex;
        width: 50%;
    }

    #header-landscape #nav div {
        flex-grow: 1;
    }

    #header-landscape #logo {
        align-items: center;
        display: flex;
        flex-direction: row;

    }

    #header-landscape #logo .settings-space-group {
        display: flex;
    }


    #header-landscape #logo {
        width: 50%;
    }

    #header-landscape #logo img {
        width: auto;
    }

    .lang-control span {
        display: inline;
        text-align: inherit;
    }


    #areal-map-control iframe {
        transform: none
    }

    #areal-map-control #map-portrait {
        display: none;
    }

    #areal-map-control #map-landscape {
        display: inline-block;
    }

    #location-section .content-subsection {
        display: flex;
        flex-direction: row;
    }


    #areal-map-control {
        width: 100%;
        height: 100%
    }

    #content-map-subsection {
        flex-grow: 1;
    }

    .subsection {
        margin: 1em !important;
    }

    #areal-map-control {
        max-height: 100%;
    }


    #content-map-subsection {
        order: 2;
    }

    #content-contact-subsection {
        order: 1;
        width: 23%;
    }

    #content-worktime-subsection {
        order: 3;
        width: 23%;
    }



    /*** LOCATION SECTION ANIMATION */


    .trigger-custom-animation-template#content-map-subsection {
        animation-name: slide-in-from-the-bottom;
        animation-duration: 1s;
    }

    @keyframes slide-in-from-the-bottom {
        0% {
            transform: translateY(500px);
        }

        100% {
            transform: translateY(0px);
        }
    }


    .trigger-custom-animation-template#content-worktime-subsection {
        animation-name: slide-in-from-the-right;
        animation-duration: 1s;
    }

    @keyframes slide-in-from-the-right {
        0% {
            transform: translateX(500px);
        }

        100% {
            transform: translateX(0px);
        }
    }


    .trigger-custom-animation-template#content-contact-subsection {
        animation-name: slide-in-from-the-left;
        animation-duration: 1s;
    }

    @keyframes slide-in-from-the-left {
        0% {
            transform: translateX(-500px);
        }

        100% {
            transform: translateX(0px);
        }
    }

    #worktime-control {
        padding: 1em;
        min-height: 100%;
    }

    #contact-control {
        padding: 1em;
        min-height: 100%;
    }



    #info-section .text-subsection .title {
        font-size: 5em;
    }


    #info-section .text-subsection .body {
        font-size: 2.6em;
    }


    #info-section {
        min-height: 130vh;
    }

    .led-container {
        font-size: 0.6em;
    }


    #model-section #model-control {
        height: 80vh;
        width: 30%;
    }

    #model-section #image-display {
        height: 100%;
        width: 30%;
    }


    #model-control {
        position: absolute;
        left: 0;


    }

    #image-view-controls {
        position: absolute;
        right: 0;

        width: 30%;
        height: 100%;
        z-index: 10;
        font-size: 2em;
        display: flex;
        flex-direction: column;
    }

    #image-view-controls>div {
        flex-grow: 1;
        display: flex;
        text-align: center;

    }

    #image-view-controls div div {
        width: 2em;
        border-radius: 10px;
        margin-bottom: auto;
        margin-left: auto;
        cursor: pointer;
    }

    /*
 .single-image-wrapper {
        display:unset!important;
    }
*/


    #model-section #image-display {
        position: absolute;
        right: 0;
        border: solid 1px black;
    }

    #model-section #image-display img {
        max-width: 100%;
    }

    #model-section {
        /* margin-bottom: clamp(2vh + 0.25rem, 2vw + 2rem, 8vh);*/

    }

    #info-section video {
        transform: scale(1.05);
    }

    #info-section {
        overflow-x: hidden;
    }

    #models-list {
        padding: 1em;
    }





    #models-list {
        display: flex;
        flex-direction: column;
    }

    #model-section #model-control #models-list .li-i {
        margin: 0;
        margin-bottom: 0.5em;
    }

    #model-section #model-control #models-list .li-i {
        flex-direction: row
    }

    #model-section .fa-circle-chevron-up {
        display: none;
    }


    #model-section .fa-circle-chevron-left {
        display: inherit;
    }

    #model-control {
        background-color: transparent;
    }

    .dark-mode-enabled #model-control {
        background-color: transparent;
    }

    #image-view {
        display: inherit;
    }

    #image-view-controls {
        display: inherit;
    }

    #image-view {
        overflow-y: hidden;
    }

    #model-section #model-display {
        position: static;
    }








    #model-section #model-display #image-view #image-container {
        padding: 0;
    }

    #model-section #model-display #image-view #image-container img {
        margin: 0;
        border: 0 !important;
    }

    .cookie-placeholder-text {}

    #cookie-request {
        flex-direction: row;
    }


}