@media only screen and (min-width: 1600px) and (max-width: 1800px) and (orientation:landscape)	
 {
/*<-- Passen die Beschränkungen für die gängigen Tablets?*/
	/* Definition von übergeordneten Variablen */
	:root {
		--grid-template-columns-smartPort: 2.75vw 97vw; /*7 93;*/
		--grid-template-rows-smartPort: 9vh 91vh; /*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,
	#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: 3vw;
		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: 25vw;
		padding-right: 15%/*17vw*/;
		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: 20px;
		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;
		overflow-wrap: break-word;
		line-break: auto;
		padding-left: 1vw;
		padding-right: 1vw;
	}

	/*Auswahl der Messart*/
	.form-select {
		font-size: 20px;
		font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		width: 18vw;
		height: auto;
		min-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: 16px;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		width: 18vw;
		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;
		word-wrap: break-word;
		overflow-wrap: break-word;
		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: 20px;
		position: relative;
		top: 4vh;
		width: 18vw;
		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;
		font-size: 20px;
		width: 18vw;
		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: 15vw;
		height: 2.2vh;
		border-width: 0.15vw;
		color:#33A92F;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		font-size: calc(12px + 0.390625vw);
		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: 15vw;
		height: 2.2vh;
		border-width: 0.15vw;
		color:#33A92F;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		font-size: calc(12px + 0.390625vw);
		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: 15vw;
		height: 2.2vh;
		border-width: 0.15vw;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		font-size: calc(12px + 0.390625vw);
		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: 17.5vw;
		height: auto;
		min-height: 14vh;
		border-width: 0.15vw;
		margin: 1vw 0vw;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		font-size: calc(12px + 0.390625vw);
		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: 10vh;
		width: 17.5vw;
		margin: 0.8vw 0vw;
		overflow-wrap: break-word;
		color:#33A92F;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		font-size: calc(12px + 0.390625vw);
		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: calc(12px + 0.390625vw);
		font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		width: 18vw;
		height: auto;
		min-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: 4vw;
		width: 18vw;
	}

	.addresssearch,
	.address-search {
		margin-left: -1vw;
		margin-right: 3vw;
		font-size: 20px;
		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: 6vh;
		margin: 2vh 0vw;
		font-size: 20px;
		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: 20px;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		width: 18vw;
		height: auto;
		min-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: 20px;
		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: calc(12px + 0.390625vw); /*20px*/
		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: 0vw;
	}

	/* Eigenschaften der Inputmasken*/
	#districtform,
	#parcelform,
	#plotform,
	#landparcelform {
		font-size: calc(12px + 0.390625vw);
		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;
	}

	/* Eigenschaften der Schaltflächen */
	#nowzoomtoparcel,
	#deletesearchedparcels,
	#showallparcels,
	#parceltomapzoom
	{
		font-size: calc(12px + 0.390625vw);
		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: 20px;
		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 {
		font-size: 20px;
		position: relative;
		top: 5vh;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		width: 18vw;
		height: auto;
		min-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: 100%;
		width: 100%; /*101%*/
		/*left:-0.5vw;*/
	}

		/*------------- 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:6.8vw;
		bottom: 0vh;
		pointer-events: auto;
		text-align: left;
		width: auto;
		max-width: 43vw;
		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;
		/*padding: 1vw;*/

		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: 13%; /*14.5vw*/
		max-height: 81vh;
		bottom: 6vh;
		right: 2.8vw;
		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;
		/*padding: 0.3vh 2vw;*/
		font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
		font-size: 20px;
		z-index: 12;
		width: 17.38%; /*16.85vw*/
		height: 4vh;
		bottom: 2.2vh;
		right: 2.8vw;
		line-height: 1vh;
	}

	.legend-item {
		display: flex;
		align-items: center;
		text-align: left;
		height: 5vh;
		margin-top: 2vh; /*2vh*/
		padding-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: 18px;
		width: 18px;
		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;
	}
}