@media only screen and (min-width: 769px) and (max-width: 1024px) and (orientation: landscape)		
 {
    /*min-height war zunächst 350px, Samsung Galaxy S24 hat aber bspw. nur 270 Höhe im Querformat*/
       /* Definition von übergeordneten Variablen */
       :root {
           --grid-template-columns-smartLand: 5.4vw 94.6vw; /*13 87*/
           --grid-template-rows-smartLand: 13vh 87vh;
           --grid-template-areas:
               'header header'
               'menu main';
           --grid-height-smartLand: 100vh;
           --grid-width-smartLand: 100vw;
       }
   
       /* Übergeordnete Einstellungen */
       html,
       body {
           height: 100%;
           width: 100%;
           padding: 0;
           margin: 0;
       }
   
       p:not([hidden]) {
           display: block;
           margin-top: 2vh;
           margin-bottom: 0;
       }
   
       /*ANGEPASST*/
       h1 {
           font-size: 3.1vw;
       }
       
       h2 {
           font-size: 2.8vw;
       }
   
       /*ANGEPASST*/
       h3 {
           font-size: 2.5vw;
       }
   
       /*------------------------------------------*/
       /* ------------ GRID CONTAINER ------------ */
       /*------------------------------------------*/
       /*ANGEPASST*/
       .grid-container {
           display: grid;
           grid-template-rows: var(--grid-template-rows-smartLand);
           grid-template-columns: var(--grid-template-columns-smartLand);
           grid-template-areas: var(--grid-template-areas);
           height: var(--grid-height-smartLand);
           width: var(--grid-width-smartLand);
       }
   
       /*------------------------------------------*/
       /* ------------ O V E R L A Y S ----------- */
       /*------------------------------------------*/
       
       /*ANGEPASST*/
       /* Transparenzebene */
       .overlays {
           position: absolute;
           width: 100%;
           height: 100%;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background-color: rgba(255,255,255,0.5);
           cursor: pointer;
           z-index: 10000;
       }
   
       /*ANGEPASST*/
       /* Eigenschaften des Willkommensfenster */
       #alert_welcome {
           position: absolute; /*relative*/
           padding: 1vh 1vw;
           /*margin: 0.2vh 0.5vw;*/
           height: 100%; /*95.5vh*/
           left: 2.5vw;
           width: 93vw;
            background-color: rgba(255,255,255,1);
           color: rgb(0, 0, 0);
           border: 5px solid #003584;
           cursor: auto;
           text-align: center;
           font-size: 4vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           z-index: 11000;
           overflow: hiddden;
       }
       #alert_contact,
       #alert_psearch {
           position: absolute; /*relative*/
           padding: 1vh 1vw;
           /*margin: 0.2vh 0.5vw;*/
           height: 100%; /*95.5vh*/
           left: 2.5vw;
           width: 93vw;
            background-color: rgba(255,255,255,1);
           color: rgb(0, 0, 0);
           border: 5px solid #003584;
           cursor: auto;
           text-align: center;
           font-size: 3.5vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           z-index: 11000;
           overflow: hiddden;
       }
   
       /*ANGEPASST*/
       #alert_contact,
       #alert_psearch {
           display: none;
       }
   
       /*ANGEPASST*/
       #TTG-logo-welcome,
       #TTG-logo-contact,
       #TTG-logo-psearch {
           position: relative;
           display: inline-block;
           top: 1vh;
           width: 40%;
           aspect-ratio: calc(480/93);
           vertical-align: middle;
       }
   
       /* Eigenschaften der Schaltfläche*/
       /*ANGEPASST*/
       .closebtn {
           display: inline-block;
           position: relative;
           padding: 1vh 1vw;
           width: 55vw;
           margin-bottom: 8vh;
           color: #33A92F;
           font-weight: bold;
           float: center;
           font-size: 1.8vw;
           text-align: center;
           line-height: 3vh;
           cursor: pointer;
           transition: 0.3s;
           background-color: white;
           border: 2px solid #32738E;
       }
       
       /*ANGEPASST*/
       .closebtn:hover {
           color: rgba(50,118,142,1);
       }
   
       /* ------------ GRID AREA HEADER | PARENT ELEMENT ------------ */
       /*ANGEPASST*/
       .header {
           grid-area: header;
           display: flex;
           flex-direction: column;
           justify-content: flex-end;
           background-color: rgb(255, 255, 255);
       }
   
       /*------------- H E A D E R   C H I L D R E N -----------------*/
       /*ANGEPASST*/
       #developer {
           font-size: 2vh;
           position: absolute;
           top: 0;
           right: 0.5vw;
           margin-top: 0vh;
           font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
       }
   
       /*ANGEPASST*/
       #PGG-logo {
           margin: 0;
           position: absolute;
           top: 0.6vh;
           height: 9.5vh;
           margin-top: 2vh;
           margin-right: 0.4vw;
           float: right;
           right: 0.1%;
       }
   
       /*ANGEPASST*/
       #TTG-logo {
           position: absolute;
           margin-left: 0.5vw;
           max-height: 4vw;
           width: auto;
           margin-left: 0.4vw;
           top: 3.75vh;
           float: left;
       }
       
       /*ANGEPASST*/
       #projecttitle {
           margin: 0;
           padding-left: 25vw;
           padding-right:20vw;
           padding-bottom: 2vh;
           font-size: 3vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           cursor: auto;
           padding-bottom: 1vh;
           padding-top: 1vh;
           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;
           margin: 2vh -3vw;
           top: 9vh;
           font-size: 16px;
           width: 37vw;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           text-align: left;
           color: #fff;
           cursor: all-scroll;
           overflow: auto;
           word-wrap: break-word;
           padding: 0vh 2vw; 
       }
       .measurebutton {
        height: 1em;
        width: 1em;
       }

       /*Auswahl der Messart*/
       .form-select {
           font-size: 16px;
           font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 35vw;
           height: auto;
           border-width: 0.5vh;
           margin: 0.5vh 0vw;
           color: #33A92F;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
           box-shadow: inset 0vh 0vh 1vh 0vh #75A8C1;
           background: #fff;
       }
   
       /*Änderung bei Berührung*/
       .form-select:hover {
           background: white;
           color: #33A92F;
       }
   
       /*Alle weiteren Schaltflächen*/
       .form-control {
           font-size: 16px;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 35vw;
           height: auto;
           border-width: 0.5vh;
           margin: 0.5vh 0vw;
           color:#33A92F;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
           box-shadow: inset 0vh 0vh 1vh 0vh #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: 16px;
        position: relative;
        top: 9vh;
        width: 29vw;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: #fff;
        cursor: all-scroll;
        overflow: auto;
        word-wrap: break-word;
        padding-left: 0vw;
        padding-right: 0vw;
    }

   
       /*Eigenschaften des übrigen Texts*/
       .contactform-properties{
        position:relative;
        top: 11vh;
        margin: 0vh 0vw;
        font-size: 16px;
        width: 38vw;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: #fff;
        cursor: all-scroll;
        padding-left: 0vw;
        padding-right: 0vw;
    }
   
       /*Eigenschaften Eingabe Vorname*/
       #firstname {
           width: 30vw;
           height: 6vh;
           padding: 0vh 2vw;
           border-width: 0.5vh;
           color:#33A92F;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
       }
   
       /* Eigenschaften Eingabe Nachname */
       #lastname {
           width: 30vw;
           height: 6vh;
           padding: 0vh 2vw;
           border-width: 0.5vh;
           color:#33A92F;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
       }
   
       /* Eigenschaften Eingabe E-Mail-Adresse */
       #emailadresse {
           width: 30vw;
           height: 6vh;
           padding: 0vh 2vw;
           border-width: 0.5vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           color:#33A92F;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
       }
   
       .contactformtext {
           margin-top: 1vh;
           padding: 0vh 2vw;
           font-size: 16px;
       }
   
       /* Textinput Ihre Nachricht */
       #message {
           width: 30vw;
           height: 23vh;
           border-width: 0.5vh;
           margin: 1vh 0vw;
           padding: 0vh 2vw;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           overflow-wrap: break-word;
           color:#33A92F;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
       }
   
       /* Textinput der Messung */
       #coordField {
           height: 15vh;
           width: 30vw;
           padding: 0vh 2vw;
           margin: 1vh 0vw;
           overflow-wrap: break-word;
           color:#33A92F;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
       }
   
       /* Schaltfläche zum Absenden */
       #sendMessage {
           font-size: 16px;
           left: 3vh;
           font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 30vw;
           height: 6vh;
           border-width: 0.5vh;
           padding: 0vh 2vw;
           margin: 1vh 0vw;
           color:#33A92F;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
           box-shadow: inset 0vh 0vh 1vh 0vh #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-left: -1vw;
           margin-bottom: 4vw;
           */

           margin: 2vh -3vw;
           padding: 0vh 3vw;
           width: 30vw;
       }
   
       .addresssearch,
       .address-search {
           margin: 2vh -3vw;
           font-size: 16px;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           color: #fff;
           cursor: all-scroll;
           overflow: auto;
           padding: 0vh 3vw;
           overflow-wrap: break-word;
       }
   
       .addresssearch-properties{
        position: relative;
        top: 10vh;
           margin: 2vh -3vw;
           font-size: 16px;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           color: #fff;
           cursor: all-scroll;
           padding: 0vh 2vw;
       }
   
       /* Eingabemaske des Straßennamens */
       #streetform {
           font-size: 16px;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 33vw;
           height: auto;
           border-width: 0.5vh;
           margin: 1vh 0vh;
           padding: 0vh 2vw;
           color:#33A92F;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
           box-shadow: inset 0vh 0vh 1vh 0vh #75A8C1;
           background:#fff;
       }
   
       /* Schalftflächen der Adresssuche */
       #nowzoom,
       #mapzoom {
        position: relative;
        top: 10vh;
           font-size: 16px;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 37.5vw;
           height: auto;
           min-height: 5vh;
           border-width: 0.5vh;
           margin: 1vh -1vw;
           padding: 0vh 2vw;
           color:#33A92F;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
           box-shadow: inset 0vh 0vh 1vh 0vh #75A8C1;
           background:#fff;
       }
   
       /* F L U R S T Ü C K S U C H E */
       p.parcel-search {
           margin-top: 0vh;
           width: 43vw;
       }
   
       /* Eigenschaften Einleitung*/
       .parcelsearch-properties {
        position: relative;
        top: 10vh;
           margin: 2vh -3vw;
           font-size: 16px;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           color: #fff;
           cursor: all-scroll;
           overflow: auto;
           word-wrap: break-word;
           padding: 0vh 2vw;
       }
   
       /* Eigenschaften der Inputmasken*/
       #districtform {
           font-size: 16px;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 35.2vw;
           height: auto;
           min-height:4vh;
           border-width: 0.5vh;
           margin: 1vh 0vw;
           padding: 0vh 2vw;
           color:#33A92F;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
           box-shadow: inset 0vh 0vh 1vh 0vh #75A8C1;
           background:#fff;
       }
       #parcelform,
       #plotform,
       #landparcelform {
           font-size: 16px;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 30.4vw;
           height: auto;
           min-height:4vh;
           border-width: 0.5vh;
           margin: 1vh 0vw;
           padding: 0vh 2vw;
           color:#33A92F;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
           box-shadow: inset 0vh 0vh 1vh 0vh #75A8C1;
           background:#fff;
       }
   
       /* Eigenschaften der Schaltflächen */
       #nowzoomtoparcel,
       #deletesearchedparcels,
       #showallparcels,
       #parceltomapzoom
       {
           font-size: 16px;
           position: relative;
           top:10vh ;
           
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 35vw;
           height: auto;
           min-height: 4vh;
           border-width: 0.5vh;
           margin: 1vh -1vw;
           padding: 0vh 2vw;
           color:#33A92F;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
           box-shadow: inset 0vh 0vh 1vh 0vh #75A8C1;
           background:#fff;
       }
   
       /* 	P D F   E X P O R T */
       .mapexport {
        position: relative;
        top: 10vh;
           margin: 2vh -3vw;
           font-size: 16px;
           width: 38vw;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           color: #fff;
           cursor: all-scroll;
           overflow: auto;
           word-wrap: break-word;
           padding: 0vh 2vw;
       }
   
       #export-pdf {
        position: relative;
        top:10vh;
           font-size: 16px;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: auto;
           min-width: 35vw;
           max-width: 42vw;
           height: 6vh;
           border-width: 0.5vh;
           margin: 1vh -1vw;
           padding: 0vh 2vw;
           color:#33A92F;
           border-color:#75A8C1;
           border-top-left-radius: 1.5vh;
           border-top-right-radius: 1.5vh;
           border-bottom-left-radius: 1.5vh;
           border-bottom-right-radius: 1.5vh;
           box-shadow: inset 0vh 0vh 1vh 0vh #75A8C1;
           background:#fff;
       }
   
   
       /* ------------ GRID AREA MAIN ------------ */
       .main {
           grid-area: main;
           position: relative;
           height: 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 {
           position: absolute;
       }
   
       .ol-viewport {
           grid-area: main;
           margin: 0;
           padding: 0;
           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;
       }
   
       #backgroundmaps {
           grid-area: main;
           position: fixed;
           bottom: 0;
           width: auto;
           left: 12vh;
           pointer-events: auto;
           text-align: left;
           height: 6vh;
           z-index: 9;
           font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
           font-size: 2vh;
           color: #000;
           background-color: #ffffffa1;
           padding: 2vh 1vw;
       }
   
       #legend {
        padding-top: 4vw;
        padding-left: 2vw;
        padding-right: 2vw;
        padding-bottom: 0vw;
        border-width: 0.3vw;
        width: 27vw;
        height: auto;
        max-height: 61.5vh;
        font-size: 2.7vh;
        bottom: 10vw;
        right: 3vw;
        grid-area: main;
        position: absolute;
        background-color: #fff;
        border-style: solid;
        border-color: #003584;
        z-index: 10;
        font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
        cursor: auto;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        overflow: scroll;
        word-wrap: break-word;	
    }

    #legendControlButton {
        padding-left: 2vw;
        padding-right: 2vw;
        padding-bottom: 0vh;
        border-width: 0.3vw;
        width: 31.4vw;
        height: 4vw;
        right: 3vw;
        font-size: 2vh;
        bottom: 10vw;
        grid-area: main;
        position: absolute;
        background-color: #fff;
        border-style: solid;
        border-color: #003584;
        color: #33A92F;
        font-weight: bold;
        font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
        z-index: 10;
    }
   
       .legend-item {
           display: flex;
           align-items: center;
           align-content: center;
           text-align: left;
           height: 4.5vh;
           padding-bottom: 5.5vh;
           /*padding-bottom: 2.5%;*/
       }
   
       p.legend-name {
           display: inline-block;
           padding: 0vh 0vw;
           font-size: 2vw;
           margin: 0vh 2vw;
           word-wrap: break-word;
       }
   
       .legend-square {
           stroke-linejoin: bevel;
           stroke-width: 3;
           height: 2.5vw;
           width: 2.5vw;
           align-items: center;
       }
   }