@media only screen and (max-width: 768px) 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 {
        left: 2vw;
           position: absolute; /*relative*/
           padding: 1vh 1vw;
           /*margin: 0.2vh 0.5vw;*/
           height: 95%; /*95.5vh*/
           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 {
        left: 2vw;
           position: absolute; /*relative*/
           padding: 1vh 1vw;
           /*margin: 0.2vh 0.5vw;*/
           height: 95%; /*95.5vh*/
           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: 9vh;
           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: 2.75vh;
           float: left;
       }
       
       /*ANGEPASST*/
       #projecttitle {
           margin: 0;
           padding-left: 25vw;
           padding-right:20vw;
           width: 56vw;
           font-size: 2.7vh;
           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;
           word-wrap: break-word;
            overflow-wrap: break-word;
       }
   
       /* ------------ 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{
           margin: 2vh -3vw;
           font-size: 3.7vh;
           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 4vw; 
           width:41vw;
       }
   
       /*Auswahl der Messart*/
       .form-select {
           font-size: 3.7vh;
           font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 39vw;
           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: 3vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 39vw;
           height: 7vh;
           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;
           overflow-wrap: break-word;
            word-wrap: break-word;
  }
       
   
       /* 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{
           margin: 2vh -3vw;
           font-size: 3.4vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           color: #fff;
           cursor: all-scroll;
           overflow: auto;
           word-wrap: break-word;
           padding: 0vh 4vw;
       }
   
       /*Eigenschaften des übrigen Texts*/
       .contactform-properties{
           margin: 0vh -3vw;
           font-size: 3.4vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           color: #fff;
           cursor: all-scroll;
           padding: 0vh 3vw;
   
       }
   
       /*Eigenschaften Eingabe Vorname*/
       #firstname {
           width: 36vw;
           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: 36vw;
           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: 36vw;
           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: 3.4vh;
       }
   
       /* Textinput Ihre Nachricht */
       #message {
           width: 36vw;
           height: auto;
           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: 18vh;
           width: 36vw;
           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: 3.7vh;
           font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 36vw;
           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;
       }
   
       .addresssearch,
       .address-search {
           margin: 2vh -3vw;
           font-size: 3.7vh;
           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{
           margin: 2vh -3vw;
           font-size: 3.7vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           color: #fff;
           cursor: all-scroll;
           padding: 0vh 4vw;
       }
   
       /* Eingabemaske des Straßennamens */
       #streetform {
           font-size: 3.7vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 38vw;
           height: 6vh;
           border-width: 0.5vh;
           margin: 1vh 0vh;
           padding: 0vh 3vw;
           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 {
           font-size: 3.7vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 38vw;
           height: 6vh;
           border-width: 0.5vh;
           margin: 1vh 0vw;
           margin-left: 5vh;
           padding: 0vh 3vw;
           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;
       }
   
       /* Eigenschaften Einleitung*/
       .parcelsearch-properties {
           margin: 2vh -3vw;
           font-size: 3.4vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           color: #fff;
           cursor: all-scroll;
           overflow: auto;
           word-wrap: break-word;
           padding: 0vh 4vw;
       }
   
       /* Eigenschaften der Inputmasken*/
       #districtform {
           font-size: 3.4vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 40.6vw;
           height: 6vh;
           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: 3.4vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 36vw;
           height: 6vh;
           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: 3.4vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 33vw;
           height: auto;
           border-width: 0.5vh;
           margin: 1vh -1vw;
           margin-left: 6vh;
           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 {
           margin: 2vh -3vw;
           font-size: 3.7vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           color: #fff;
           cursor: all-scroll;
           overflow: auto;
           word-wrap: break-word;
           padding: 0vh 4.3vw;
       }
   
       #export-pdf {
           font-size: 3.7vh;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           width: 40vw;
           height: 6vh;
           border-width: 0.5vh;
           margin: 1vh -1vw;
           margin-left: 5vw;
           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;
           left: 9vw;
           pointer-events: auto;
           text-align: left;
           height: 6vh;
           width: 90vw;
           z-index: 9;
           font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
           font-size: 2vh;
           color: #000;
           background-color: #ffffffa1;
           padding: 2vh 1vw;
       }
   
       #legend {
           grid-area: main;
           position: absolute;
           padding: 2vw;
           background-color: #fff;
           border-style: solid;
           border-color: #003584;
           border-width: 0.2vw;
           z-index: 10;
           font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
           font-size: 2.6vh;
           cursor: auto;
           width: 30vw;
           max-height: 61.5vh; /*passt so*/
           bottom: 15vh;
           right: 0;
           display: flex;
           flex-direction: column;
           align-items: stretch;
           overflow: scroll;
           word-wrap: break-word;		
       }
   
       #legendControlButton {
           grid-area: main;
           position: absolute;
           background-color: #fff;
           border-style: solid;
           border-color: #003584;
           border-width: 0.2vw;
           color: #33A92F;
           font-weight: bold;
           padding: 0.3vh 2vw;
           font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
           font-size: 3vh;
           z-index: 10;
           width: 34.3vw;
           height: 4vw;
           bottom: 10vh;
           right: 0;
       }
   
       .legend-item {
           display: flex;
           align-items: center;
           align-content: center;
           text-align: left;
           height: 4.5vh;
           padding-bottom: 4vh;
           /*padding-bottom: 2.5%;*/
       }
   
       p.legend-name {
           display: inline-block;
           padding: 0vh 0vw;
           font-size: 2vh;
           margin: 0vh 2vw;
           word-wrap: break-word;
       }
   
       .legend-square {
           stroke-linejoin: bevel;
           stroke-width: 3;
           height: 2.5vw;
           width: 2.5vw;
           align-items: center;
       }
    }