@media only screen and (min-width: 1801px) and (orientation:landscape) {
    /*<-- Passen die Beschränkungen für die gängigen Tablets?*/
        /* Definition von übergeordneten Variablen */
        :root {
            --grid-template-columns-smartPort: 2.5vw 97.5vw; /*7 93;*/
            --grid-template-rows-smartPort: 9vh 89.7vh; /*13 87;*/
            --grid-template-areas:
                'header header'
                'menu main';
            --grid-height-smartPort: 100vh;
            --grid-width-smartPort: 100vw;
        }
    
        /* Übergeordnete Einstellungen */
        html,
        body {
            height: 100%;
            width: 100%; /*100%*/
            padding: 0;
            margin: 0;
        }
    
        p:not([hidden]) {
            display: block;
            margin-bottom: 0;
        }
    
        h2 {
            font-size: 3vh;
            margin-top: 7vh;
        }
    
        h3 {
            font-size: 2.5vh;
            margin-top: 5vh;
        }
    
        /*------------------------------------------*/
        /* ------------ GRID CONTAINER ------------ */
        /*------------------------------------------*/
        .grid-container {
            display: grid;
            grid-template-rows: var(--grid-template-rows-smartPort);
            grid-template-columns: var(--grid-template-columns-smartPort);
            grid-template-areas: var(--grid-template-areas);
            height: var(--grid-height-smartPort);
            width: var(--grid-width-smartPort);
        }
    
        /*------------------------------------------*/
        /* ------------ O V E R L A Y S ----------- */
        /*------------------------------------------*/
    
        /* Transparenzebene */
        .overlays {
            position: absolute;
            width: 100%;
            height: 102%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(255,255,255,0.5);
            cursor: pointer;
            z-index: 10000;
        }
    
        /* Eigenschaften des Willkommensfenster */
        #alert_welcome {
            position: relative;
            padding: 1vh 1vw;
            margin: 12vh 29.5vw;
            height: 75%; /*96.8%;*/
            width: 45%; /*97%;*/
            background-color: rgba(255,255,255,1);
            color: black;
            border: 5px solid #003584;
            cursor: auto;
            text-align: center;
            font-size: 2vw;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            z-index: 11000;
        }
        #alert_contact,
        #alert_psearch {
            position: relative;
            padding: 1vh 1vw;
            margin: 12vh 29.5vw;
            height: 75%; /*96.8%;*/
            width: 45%; /*97%;*/
            background-color: rgba(255,255,255,1);
            color: black;
            border: 5px solid #003584;
            cursor: auto;
            text-align: center;
            font-size: 1.5vw;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            z-index: 11000;
        }
        #alert_contact,
        #alert_psearch {
            display: none;
        }
        
        #TTG-logo-welcome,
        #TTG-logo-contact,
        #TTG-logo-psearch {
            position: relative;
            display: inline-block;
            top: 5vh;
            max-width: 100%;
            aspect-ratio: calc(480/93);
            vertical-align: middle;
        }
    
        #popup-welcome,
        #popup-info {
            margin-top: 4vh;
            font-size: 2vh;
        }
    
        /* Eigenschaften der Schaltfläche*/
        .closebtn {
            display: inline-block;
            position: relative;
            padding: 1vh 1vw;
            width: 35vw;
            color: #33A92F;
            font-weight: bold;
            font-size: 1.8vh;
            text-align: center;
            line-height: 3vh;
            cursor: pointer;
            transition: 0.3s;
            background-color: white;
            border: 2px solid #32738E;
        }
    
        .closebtn:hover {
            color: rgba(50,118,142,1);
        }
    
        /* ------------ GRID AREA HEADER | PARENT ELEMENT ------------ */
        .header {
            grid-area: header;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
    
        /*------------- H E A D E R   C H I L D R E N -----------------*/
        
        #developer {
            font-size: 0.98vh;
            position: absolute;
            top: 0.5vh;
            right: 0.5vw;
            margin-top: 0vh;
            font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
        }
    
        #PGG-logo {
            margin: 0;
            position: absolute;
            top: 0.5vh;
            height: 5.5vh; /*5vh*/
            margin-top: 2vh;
            margin-right: 0.4vw;
            float: right;
            right: 0.1%;
        }
    
        #TTG-logo {
            position: absolute;
            margin-top: 1vh;
            margin-left: 0.5vw;
            height: 6vh;
            margin-left: 0.4vw;
            max-width: 25vw;
            top: 0.5vh;
            float: left;
        }
    
        #projecttitle {
            position: absolute;
            padding-left: 26vw;
            padding-right: 27%; /*17.7vw*/
            font-size: calc(13px + 0.390625vw);
            height: auto;
            text-align: justify;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            cursor: auto;
            width: auto;
            border-style: none none solid none;
            border-color: #003584;
        }
    
        /* ------------ GRID AREA MENU | PARENT ELEMENT ------------ */
    
        .menu {
            grid-area: menu;
            width: 100%;	
        }
    
        /*------------- M E N U  C H I L D R E N -----------------*/
        /* M E S S W E R K Z E U G */
        /*Alle Textelemente*/
        .measuretool{
            position: relative;
            top: 4vh;
            font-size: 1.6vh;
            line-height: 2.2vh;
            width: 18vw;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            text-align: left;
            color: #fff;
            cursor: all-scroll;
            word-wrap: break-word;
            line-break: auto;
            padding-left: 1vw;
            padding-right: 1vw;
        }
    
        /*Auswahl der Messart*/
        .form-select {
            font-size: 1.6vh;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            width: 18vw;
            height: 3vh;
            border-width: 0.15vw;
            margin: 1vw 0vw;
            color: #33A92F;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
            box-shadow: inset 0vw 0vw 0.5vw 0vw #75A8C1;
            background: #fff;
        }
    
        /*Änderung bei Berührung*/
        .form-select:hover {
            background: white;
            color: #33A92F;
        }
    
        /*Alle weiteren Schaltflächen*/
        .form-control {
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            width: 18vw;
            word-wrap: break-word;
            overflow-wrap: break-word;
            height: auto;
            min-height: 3vh;
            border-width: 0.15vw;
            margin: 0.2vh 0vw;
            color:#33A92F;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
            box-shadow: inset 0vw 0vw 0.5vw 0vw #75A8C1;
            text-shadow: inset 0px 0px 0px #75A8C1;
            background:#fff;
        }
    
        /* und wie sie sich bei Berührung verändern*/
        .form-control:hover{
            background: white;
            color: #33A92F;
        }
    
        /* K O N T A K T F O R M U L A R */
        /*Eigenschaften des oberen Textelements*/
        .contact{
            font-size: 1.6vh;
            position: relative;
            top: 3.5vh;
            width: 20vw;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #fff;
            cursor: all-scroll;
            overflow: auto;
            word-wrap: break-word;
            padding-left: 1vw;
            padding-right: 1vw;
        }
    
        /*Eigenschaften des übrigen Texts*/
        .contactform-properties{
            position: relative;
            top: 5vh;
            margin: 0vh 0vw;
            width: 18vw;
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #fff;
            cursor: all-scroll;
            padding-left: 1vw;
            padding-right: 1vw;
        }
    
        /*Eigenschaften Eingabe Vorname*/
        #firstname {
            width: 16vw;
            height: 2.2vh;
            border-width: 0.15vw;
            color:#33A92F;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 1.6vh;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
        }
    
        /* Eigenschaften Eingabe Nachname */
        #lastname {
            width: 16vw;
            height: 2.2vh;
            border-width: 0.15vw;
            color:#33A92F;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 1.6vh;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
        }
    
        /* Eigenschaften Eingabe E-Mail-Adresse */
        #emailadresse {
            width: 16vw;
            height: 2.2vh;
            border-width: 0.15vw;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 1.6vh;
            color:#33A92F;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
        }
    
        .contactformtext {
            margin-top: 1vh;
        }
    
        /* Textinput Ihre Nachricht */
        #message {
            width: 16vw;
            height: auto;
            min-height: 18vh;
            border-width: 0.15vw;
            margin: 1vw 0vw;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 1.6vh;
            overflow-wrap: break-word;
            color:#33A92F;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
        }
    
        /* Textinput der Messung */
        #coordField {
            height: auto;
            min-height: 10vh;
            width: 16vw;
            margin: 0.8vw 0vw;
            overflow-wrap: break-word;
            color:#33A92F;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 1.6vh;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
        }
    
        /* Schaltfläche zum Absenden */
        #sendMessage {
            font-size: 1.6vh;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            width: 16vw;
            height: 3vh;
            border-width: 0.15vw;
            margin: 0vw 0vw;
            color:#33A92F;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
            box-shadow: inset 0vw 0vw 0.5vw 0vw #75A8C1;
            text-shadow: inset 0px 0px 0px #75A8C1;
            background:#fff;
        }
    
        /* A D R E S S E N S U C H E */
        /* Eigenschaften der Einleitung */
        p.address-search{
            margin-bottom: 2vw;
            width: 19vw;
        }
    
        .addresssearch,
        .address-search {
            margin-left: -1vw;
            margin-right: 3vw;
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #fff;
            cursor: all-scroll;
            overflow: auto;
            word-wrap: break-word;
            padding-left: 1vw;
            padding-right: 1vw;
        }
    
        .addresssearch-properties{
            position: relative;
            top: 5vh;
            width: auto;
            min-width: 10vw;
            max-width: 19vw;
            margin: 2vh 0vw;
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #fff;
            cursor: all-scroll;
            padding-left: 1vw;
            padding-right: 1vw;
        }
    
        /* Eingabemaske des Straßennamens */
        #streetform {
            position: relative;
            top: 0vh;
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            width: 18vw;
            height: 2.6vh;
            border-width: 0.15vw;
            margin: 1vw 0vw;
            color:#33A92F;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
            box-shadow: inset 0vw 0vw 0.5vw 0vw #75A8C1;
            background:#fff;
        }
    
        /* Schalftflächen der Adresssuche */
        #nowzoom,
        #mapzoom {
            position: relative;
            top: 5vh;
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            width: 18.5vw;
            height: auto;
            min-height: 3vh;
            border-width: 0.15vw;
            margin: 0.2vh 1vw;
            color:#33A92F;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
            box-shadow: inset 0vw 0vw 0.5vw 0vw #75A8C1;
            background:#fff;
    
        }
    
        /* F L U R S T Ü C K S U C H E */
        p.parcel-search {
            margin-bottom: 1vh;
            width: 18vw;
        }
    
        /* Eigenschaften Einleitung*/
        .parcelsearch-properties {
            position: relative;
            top: 2vh;
            margin: 3vh 0vw;
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #fff;
            cursor: all-scroll;
            overflow: auto;
            word-wrap: break-word;
            padding-left: 1vw;
            padding-right: 1vw;
        }
    
        /* Eigenschaften der Inputmasken*/
        #parcelform,
        #plotform,
        #landparcelform {
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            width: 18vw;
            height: auto;
		    min-height: 2.6vh;
            border-width: 0.15vw;
            margin: 0.2vh 0vw;
            color:#33A92F;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
            box-shadow: inset 0vw 0vw 0.5vw 0vw #75A8C1;
            background:#fff;
        }
        #districtform{
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            width: 18.3vw;
            height: auto;
		    min-height: 2.6vh;
            border-width: 0.15vw;
            margin: 0.2vh 0vw;
            color:#33A92F;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
            box-shadow: inset 0vw 0vw 0.5vw 0vw #75A8C1;
            background:#fff;
        }
    
        /* Eigenschaften der Schaltflächen */
        #nowzoomtoparcel,
        #deletesearchedparcels,
        #showallparcels,
        #parceltomapzoom
        {
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            width: 18.4vw;
            height: auto;
		    min-height: 3vh;
            border-width: 0.15vw;
            margin: 0.2vh 1vw;
            color:#33A92F;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
            box-shadow: inset 0vw 0vw 0.5vw 0vw #75A8C1;
            background:#fff;
        }
    
        /* 	P D F   E X P O R T */
        .mapexport {
            position: relative;
            top: 5vh;
            margin: 2vh 0vw;
            width: 18vw;
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #fff;
            cursor: all-scroll;
            overflow: auto;
            word-wrap: break-word;
            padding-left: 1vw;
            padding-right: 1vw;
        }
    
        #export-pdf {
            position: relative;
            top: 5vh;
            font-size: 1.6vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            width: 18vw;
            height: 3vh;
            border-width: 0.15vw;
            margin: 1vw 1vw;
            color:#33A92F;
            border-color:#75A8C1;
            border-top-left-radius: 1vh;
            border-top-right-radius: 1vh;
            border-bottom-left-radius: 1vh;
            border-bottom-right-radius: 1vh;
            box-shadow: inset 0vw 0vw 0.5vw 0vw #75A8C1;
            background:#fff;
        }
    
    
        /* ------------ GRID AREA MAIN ------------ */
        .main {
            grid-area: main;
            position: relative;
            height: 101%;
            width: 100%; /*100%*/
        }
    
            /*------------- M A I N  C H I L D R E N -----------------*/
        /* Eigenschaften Text Info Hintergrundkarten */
        /* Basis ist in ol.css unter .ol-attribution ul definiert*/
        
        /* Eigenschaften der Karte*/
        .map {
            grid-area: main;
            position: absolute;
    
        }
    
        /* Bereich der Kartenansicht*/
        .ol-viewport {
            grid-area: main;
            position: relative;
            width: 100%;
            height: 100%;
        }
    
        .ol-viewport canvas {
            grid-area: main;
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        /* Eigenschaften Text Info Hintergrundkarten */
        .ol-attribution ul{
            display: none;
        }
    
        /* Quelle Hintergrundkarten */
        #backgroundmaps {
            grid-area: main;
            position: fixed;
            left: 7vw;
            bottom: 0vh;
            pointer-events: auto;
            text-align: left;
            width: auto;
            max-width: 50vw;
            margin-left: 18vw;
            height: auto;
            z-index: 10;
            font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
            font-size: 1.1vh;
            color: #000;
            background-color: #ffffffa1;
            padding: 0.5vw;
        }
    
        #legend {
            padding-left: 2vw;
            padding-right: 2vw;
            padding-bottom: 2vh;
            grid-area: main;
            position: absolute;
            background-color: #fff;
            border-style: solid;
            border-color: #003584;
            border-width: 2px;
            z-index: 12;
            font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
            font-size: 20px;
            cursor: auto;
            width: 14.7vw;
            max-height: 81vh;
            bottom: 4.9vh;
            right: 1vw;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            overflow-y: auto;
            word-wrap: break-word;
        }
    
        #legendControlButton {
            padding-left: 2vw;
            padding-right: 2vw;
            padding-bottom: 0vw;
            grid-area: main;
            position: absolute;
            background-color: #fff;
            border-style: solid;
            border-color: #003584;
            border-width: 2px;
            color: #33A92F;
            font-weight: bold;
            font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
            font-size: 20px;
            z-index: 12;
            width: 18.9vw;
            height: 3.5vh;
            bottom: 2.2vh;
            right: 1vw;
            line-height: 1vh;
        }
    
        .legend-item {
            display: flex;
            align-items: center;
            text-align: left;
            height: 5vh;
            margin-top: 2vh;
            padding-bottom: 2.5%;
        }
    
        p.legend-name {
            display: inline-block;
            padding: 1% 2% 1% 5%;
            font-size: calc(12px + 0.390625vw);
            margin-top: 0vh;
            margin-bottom: 0;
        }
    
        .legend-square {
            stroke-linejoin: bevel;
            stroke-width: 3;
            height: 22px;
            width: 22px;
            align-items: center;
        }
    
        .svg{
            width: 26px;
            height: 32px;
        }
    
        .rect{
            width: 26px;
            height: 26px;
        }
    
        /* Eigenschaften der Tab Icons */
        .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp-solid, .fa-solid, .fab, .far, .fas {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: var(--fa-display, inline-block);
            font-style: normal;
            font-variant: normal;
            line-height: 1;
            text-rendering: auto;
            font-size: 1.8vh;
        }
    
        input[type=checkbox]{
            height: 1.8vh;
            width: 1.8vh;
            margin-top: 0.25vh;
            align-items: center;
        }
    }