* {
	box-sizing: border-box;
}

.hidden {
    display: none;
}

.body {
	height: 100%;
	margin: 0;
}




#left {
	position: absolute;
	width:47%;
	height: 100%;
	padding: 1rem;
	overflow-y: scroll;
	scroll-behavior: auto;
}

#left text {
	font-size: 12px;
}

#left font {
	font-size: 12px;
}

fieldset {
	border-radius: .25rem;
	border-width: 1px;
	padding-bottom: 1rem;
	width: 100%;
}

input {
	width: 100%;
	border-radius: .375rem;
	border-width: 1px;
	padding: 4px;
	font-size: 12px; /*14px*/
}

textarea {
	resize: vertical;
	min-height: 30px;
	width: 100%;
	border-radius: .375rem;
	font-size: 12px; /*clear*/
}

canvas {
	display:block;
	margin-top: 10px;
	margin-bottom: 5px;
}

#unterschrift {
	width: 50%;
	height: auto;
}

legend {
	font-weight:bold;
	font-size: 14px;
}

button {
	border-radius: .375rem;
	border-width: 1px;
	height: 30px;
	font-size: 12px;
}




#right {
	position: absolute;
	width: 48%;
	height: 100%;
	padding: 1rem;
	right:8px;
	overflow-y: scroll;
	scroll-behavior: auto;
}

#previewPDF font {
	font-size: 10px;
}

#previewPDF b {
	font-size: 12px;
}

#auflistTab table, #auflistTab th, #auflistTab td {
	border: 0.25px solid gray;
	border-collapse: collapse;
}
#auflistTab th {
	font-size: 12px;
}
#auflistTab td {
	font-size: 10px;
}



.pad4 {
	padding: 4px;
}

img.prw {
	width:100%;
}

#flex-cont {
	display: flex;
	justify-content: space-between; 
}

.width-auto {
	width: auto;
}



.grid-right {
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 0px;
}

.grid {
	display: grid;
	grid-template-rows: 1fr;
	grid-column-gap: 2rem;
	grid-row-gap: 0px;
	padding-right: 0px;
}

#bank {
	grid-template-columns: 2fr 1fr;
}

#ort {
	grid-template-columns: 1fr 2fr;
}

.grid-item1 {grid-area: 1 / 1 / 2 / 2;}
.grid-item2 { grid-area: 1 / 2 / 2 / 3; }



.grid4x3 {
display: grid;
grid-template-columns: auto 2fr auto 1fr;
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 5px;
grid-row-gap: 0px;
}

.grid-right1 { grid-area: 1 / 1 / 3 / 3; }
.grid-right2 { grid-area: 3 / 1 / 4 / 2; }
.grid-right3 { grid-area: 3 / 2 / 3 / 2; }
.grid-right4 { grid-area: 4 / 1 / 5 / 2; }
.grid-right5 { grid-area: 4 / 2 / 5 / 3; }
.grid-right6 { grid-area: 5 / 1 / 6 / 2; }
.grid-right7 { grid-area: 5 / 2 / 6 / 3; }
.grid-right8 { grid-area: 1 / 3 / 2 / 4; }
.grid-right9 { grid-area: 1 / 4 / 2 / 5; }
.grid-right10 { grid-area: 2 / 3 / 3 / 4; }
.grid-right11 { grid-area: 2 / 4 / 3 / 5; }
.grid-right12 { grid-area: 3 / 3 / 4 / 4; }
.grid-right13 { grid-area: 3 / 4 / 4 / 5; }
.grid-right14 { grid-area: 4 / 3 / 5 / 4; }
.grid-right15 { grid-area: 4 / 4 / 5 / 5; }
.grid-right16 { grid-area: 5 / 3 / 6 / 4; }
.grid-right17 { grid-area: 5 / 4 / 6 / 5; }





.fullInp {
	width: 100%;
}

.col1 {
	width: 80%;
}

.col2 {
	width: 20%;
}

table {
	box-sizing: border-box;
	table-layout: auto;
}

.textRight {
	text-align: right;
}

.textLeft {
	text-align: left;
}

.rightSide {
	float: right;
}

	.image-container {
        position: relative;
        display: inline-block;
		width: 100px;
        height: 100px;
    }
    .image-container img {
        /*display: block;*/
		max-width: 100%;
        max-height: 100%;
    }
	.pdf-image {
        page-break-before: always;
        max-width: 100%;
        max-height: 100%;
    }

.preview {
	padding: 16px;
}

img.logo {
	width: 100%; /* Ширина логотипа равна ширине экрана */
	height: auto; /* Высота логотипа автоматически подстраивается под ширину, сохраняя пропорции */
}

.logoDiv {
	padding: 8px;
}

.sideMove {
	padding-left: 1rem;
	padding-right: 1rem;
}

.topMove {
	padding-top: 5px;
}

@media (max-aspect-ratio: 1/1){
	select {
		font-size: 30px;
		width: 100%;
		height: auto;
	}
	#right {
		position: relative;
		right:0;
		width: 100%;
		padding-top:30px;
	}
	#left {
		position: relative;
		width: 100%;
		padding:0;
		overflow: hidden;
	}
	#left font {
		font-size: 30px;
	}
	#left text {
		font-size: 30px;
	}
	legend {
		font-size: 35px;
	}
	input {
		font-size: 30px;
		border-width: 2px;
	}
	.notizField {
		font-size: 18px;
	}
	.topMove {
		padding-top: 26px;
	}
	.sideMove {
		padding:22px;
	}
	
	button {
		font-size:30px;
		height: auto;
		margin: 10px;
	}
	th {
		font-size:40px;
	}
	b {
		font-size:36px;
	}
	h2 {
		font-size:50px;
	}
}