body {

	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	margin: 0;
	justify-content: center;
	/* display: flex; */
	align-items: center;
	height: 100vh;
	--content: Hallo Welt;

}




.select-container {
	position: relative;
	width: 80%
}




/* Desktopscreen 992px to ... */

@media screen and (min-width: 992px) {

	.mobile {
		display: none !important;
	}

	.desktop {
		display: block !important;
	}

	.abstand {
		margin-top: 20px;
		margin-bottom: 20px;

	}

	.haupt {
		width: 70%;
	}

	.boxx {
		width: 70%;
		top: 30px;
		left: 30px;
	}

	.eingabe_alle {
		width: 350px;
		font-size: 16px;
	}

	.meineselectbox {
		width: 350px;
		height: 24px;

	}



	.abschicken_schlicht {
		width: 70%;
		font-size: 20px;
	}

	.abschicken {
		font-size: 25px;
	}
}

/* Small screen / tablet / 760px to 991px */

@media (max-width: 991px) {

	.mobile {
		display: block !important;
	}

	.desktop {
		display: none !important;
	}

	.abstand {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.haupt {
		width: 80%;
	}

	.boxx {
		width: 80%;
		top: 30px;
		left: 30px;
	}

	.eingabe_alle {
		width: 80px;
		font-size: 16px;
	}

	.meineselectbox {
		width: 80%;
		height: 24px;
	}

	.abschicken_schlicht {
		width: 80%;
		font-size: 18px;
	}

	.abschicken {
		font-size: 18px;
	}
}

/* Smaller screen / tablet+phone / 480px to 759px */

@media (max-width: 759px) {

	.mobile {
		display: block !important;
	}

	.desktop {
		display: none !important;
	}

	.haupt {
		width: 90%;
	}

	.abstand {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.boxx {
		width: 90%;
		top: 30px;
		left: 30px;
	}

	.eingabe_alle {
		width: 90%;
		font-size: 16px;
	}

	.meineselectbox {
		width: 90%;
		height: 24px;
	}

	.abschicken_schlicht {
		width: 90%;
		font-size: 16px;
	}

	.abschicken {
		font-size: 16px;
	}
}

/* Extra small screen / smartphone / 280px to 479px */

@media (max-width: 479px) {

	.mobile {
		display: block !important;
	}

	.desktop {
		display: none !important;
	}

	.haupt {
		width: 95%;

	}

	.abstand {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.boxx {
		width: 95%;
		top: 30px;
		left: 30px;
	}

	.eingabe_alle {
		width: 95%;
		font-size: 16px;
	}

	.meineselectbox {
		width: 95%;
		height: 24px;
	}

	.abschicken_schlicht {
		width: 95%;
		font-size: 14px;
	}

	.abschicken {
		font-size: 14px;
	}
}



.haupt {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 40px;
	background-color: #ffffff;
	--content: Hallo Welt;
}

.abstand {
	margin-top: 20px;
	margin-bottom: 20px;

}

.dekorauswahl {
	width: 350px;
	height: 35px;
	font-size: 20px;
	border-radius: 5px;
	padding-left: 10px;

}


.boxx {
	position: absolute;
	z-index: 60;
	cursor: default;
	background-color: #ffffff;
	border-color: rgb(0, 0, 0);
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
	visibility: hidden;
}

.eingabe_alle {
	position: relative;
	text-align: right;
	cursor: text;
	display: inline-block;
	color: rgb(64, 15, 15);
	border-color: #6E6E6E;
	border-width: 1px;
	border-style: solid;

	font-style: bold;
	height: 26px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	padding-right: 5px;
	border-radius: 4px;
	/* z-index: -10; */
	background-color: #e6e6e6;
	--content: Hallo Welt;
}

.anzeige {
	position: relative;
	text-align: left;

	width: 350px;
	display: inline-block;
	color: rgb(84, 84, 84);
	border-color: #6E6E6E;
	border-width: 1px;
	border-style: solid;
	font-size: 14px;
	font-style: bold;
	height: 26px;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px;
	margin: 0px;
	padding-right: 5px;
	border-radius: 4px;
	background-color: rgb(180, 180, 180);
	cursor: not-allowed;
	--content: Hallo Welt;
}

#schrank-container {
	width: 80%;
	margin: auto;
	height: 600px;
	border: 1px solid #ccc;
	overflow: hidden;
}

.mobil {
	display: none;
}

.desktop {
	display: inline-block;
	;
}

@media screen and (max-width:768px) {

	/* Mobil  */
	body {
		color: #000;
	}

	.mobil {
		display: inline-block;
	}

	.desktop {
		display: none;
	}

	.abstand {
		margin-top: 0px;
		margin-bottom: 0px;

	}

	.boxx {
		position: absolute;
		top: 0px;
		left: 0%;
		width: 100%;
	}

	.haupt {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 40px;
		background-color: #ffffff;

	}

	.eingabe_alle {
		position: relative;
		text-align: right;
		cursor: text;
		width: 90%;
		display: inline-block;
		color: rgb(64, 15, 15);
		border-color: #6E6E6E;
		border-width: 1px;
		border-style: solid;
		font-size: 10px;
		font-style: bold;
		height: 26px;
		font-weight: bold;
		vertical-align: middle;
		padding-left: 10px;
		margin: 0px;
		padding-right: 5px;
		border-radius: 4px;
		/* z-index: -10; */
		background-color: #e6e6e6;
		--content: Hallo Welt;
	}

	.anzeige {
		position: relative;
		text-align: right;

		width: 90%;
		display: inline-block;
		color: rgb(84, 84, 84);
		border-color: #6E6E6E;
		border-width: 1px;
		border-style: solid;
		font-size: 14px;
		font-style: bold;
		height: 26px;
		font-weight: bold;
		vertical-align: middle;
		padding: 0px;
		margin: 0px;
		padding-right: 5px;
		border-radius: 4px;
		background-color: rgb(180, 180, 180);
		cursor: pointer;
		--content: Hallo Welt;
	}
}



.normal {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	margin-left: 0px;
	padding-left: 0px;
	--content: Hallo Welt;

}


h1 {
	/* font-family: Verdana, Arial, sans-serif; */
	font-family: Roboto, sans-serif;
	font-size: 30px;
	font-weight: 100;
	color: #7d6234;
	--content: Hallo Welt;

}


h2 {
	font-family: Roboto, sans-serif;
	font-size: 20px;
	font-weight: 100;
	color: #7d6234;
	--content: Hallo Welt;


}


table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	--content: Hallo Welt;

}

p {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	/* font-size: 14px;
	font-weight: normal;
	color: #000000; */
	margin: 0px;
	--content: Hallo Welt;
}

.abstand_null {
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
}



.schalter {
	height: 40px;
	/* line-height: 30px; */
	vertical-align: middle;
	font-family: Roboto, sans-serif;
	font-size: 20px;
	font-weight: 300;
	/* position: relative; */
	/* text-decoration: none; */
	/* display: inline-block; */
	text-align: center;
	/* display: table-cell; */
	padding: 0px 32px;
	padding-top: 0px;
	/* margin-bottom: 0px; */
	/* padding-top: -25px; */
	/* width: auto;*/
	color: #fff;
	border: 2px solid #000000;
	border-radius: 4px 4px 4px 4px;
	background-color: #61411d;
	-webkit-box-shadow: 0px 0px 2px 0px #333333;
	-moz-box-shadow: 0px 0px 2px 0px #333333;
	box-shadow: 0px 0px 2px 0px #333333;
	--content: Hallo Welt;

}

.schalter:hover {
	border-color: #282828;
	background-color: rgb(139, 119, 94);
	color: #ffffff;
	-webkit-box-shadow: 0px 0px 2px 0px #333333;
	-moz-box-shadow: 0px 0px 2px 0px #333333;
	box-shadow: 0px 0px 2px 0px #333333;
	--content: Hallo Welt;
}

.schalter .mb-text {
	color: #000000;
	font-family: Arial;
	font-size: 16px;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	box-sizing: border-box;
	display: block;
	background-color: unset;
	position: relative;
	padding: 3px 10px 0px 10px;
	align-items: center;
	--content: Hallo Welt;
}

.schalter:hover .mb-text {
	color: #dd9933;
}



#outer div {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid black;
	width: 200px;
	height: 200px;
	--content: Hallo Welt;
}

div {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	--content: Hallo Welt;
}

label {
	display: inline-block;
	width: 450px;
	color: #B4886B;
	font-family: Trebuchet MS;
	text-align: left;
	font-size: 16px;
	--content: Hallo Welt;
}

label:after {
	content: ": "
}

.felder {
	display: inline-block;

}


.warenkorb {
	border: solid;
	border-radius: 3px;
	width: 100%;
	--content: Hallo Welt;
}


.link {
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #B4886B;
	text-decoration: underline;
	--content: Hallo Welt;
}

.Hinweis {
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #B4886B;
	font-style: normal;
	--content: Hallo Welt;
}

.Hinweisrot {
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	background-color: darkorange;
	font-size: 35px;
	font-weight: normal;
	color: rgb(0, 0, 0);
	font-style: normal;
	--content: Hallo Welt;
}

.Hinweisgross {

	font-size: 28px;
	text-align: right;
	font-weight: normal;
	color: #B4886B;
	font-family: Verdana, Arial, sans-serif;
	--content: Hallo Welt;
}

.Hinweisklein {

	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #b24a25;
	text-align: left;

	--content: Hallo Welt;
}

.Normal {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	--content: Hallo Welt;


}



.gross {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	color: #282828;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	--content: Hallo Welt;
}

.uberschrift {
	font-family: Verdana, Arial, sans-serif;
	font-size: 34pt;
	font-style: normal;
	font-weight: normal;
	color: #624242;
	--content: Hallo Welt;
	text-align: center;
}

.uberschrift_r {
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	font-size: 24pt;
	font-style: normal;
	font-weight: normal;
	color: sienna;
	--content: Hallo Welt;
}

.wichtig {

	font-size: 30px;
	font-weight: bold;
	color: sienna;
	font-family: Verdana, Arial, sans-serif;
	--content: Hallo Welt;
}



.normal_blau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699;
	font-weight: normal;
	--content: Hallo Welt;

}

.fett {
	font-size: 14pt;
	color: #282828;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	--content: Hallo Welt;
}

.fett_s {
	font-size: 16pt;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	--content: Hallo Welt;
}

.klein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: lighter;
	--content: Hallo Welt;
}

.kleintxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: sienna;
	font-weight: lighter;
	--content: Hallo Welt;
}

.t-error {
	border-color: #36F;
	background: #69F;
	--content: Hallo Welt;
}

.table {
	background: #F9F9F9 none repeat scroll 0 0;
	border: 1px solid #AAAAAA;
	border-collapse: separate;
	empty-cells: show;
	margin: 1em 1em 1em 1em;
	--content: Hallo Welt;
}




.friedrichs {
	background-color: #008B45;
	font-size: 29px;
	color: #FFFFFF;
	--content: Hallo Welt;
}

.gbr {
	background-color: #571600;
	font-size: 29px;
	color: #FFFFFF;
	--content: Hallo Welt;
}

.db-test {
	background-color: #dd293b;
	font-size: 29px;
	color: #FFFFFF;
	--content: Hallo Welt;
}

.auswahlliste {
	color: rgb(0, 0, 0);
	background-color: rgb(226, 190, 49);
	width: 200px;
	height: 20px;

}

.auswahlanzeige {
	width: 250px;
	display: inline-block;
}

.pretext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #d05a0c;
	font-weight: bold;
	width: 250px;
	/* float: left; */
	display: inline-block;

}

@media print {
	.bildschirm {
		display: none;
	}

	.drucker {
		display: inline;
	}
}

@media screen {
	.bildschirm {
		display: inline;
	}

	.drucker {
		display: none;
	}
}

.vortext_tab {
	color: #B4886B;
	font-weight: bold;
	text-align: left;
	display: inline-block;
	width: 40%;
	--content: Hallo Welt;
}

/* Einbauschchrank  */
.vortext {
	display: inline-block;
	width: 50%;
	color: rgb(255, 255, 255);
	font-family: Trebuchet MS;
	text-align: left;
	font-size: 16px;
	--content: Hallo Welt;
}

.vortext_klein {
	display: inline-block;
	width: 30%;
	color: #571600;
	font-family: Trebuchet MS;
	text-align: left;
	font-size: 16px;
	--content: Hallo Welt;
}

.liste {
	display: inline-block;
	width: 30%;
}

.leer {
	display: inline-block;
	width: 240px;
	--content: Hallo Welt;
}


.leer2 {
	display: inline-block;
	width: 35px;
	--content: Hallo Welt;
}

.schutz {
	cursor: not-allowed;
}

.deaktiviert {
	color: hsl(0, 100%, 50%);
	text-decoration: line-through;
	text-decoration-color: hsla(0, 0%, 0%, 0.8);
	text-decoration-thickness: 5px;
}


.absatz {
	margin-bottom: 30px;

}

/* ::placeholder {
	color: navy;
	opacity: 1;
	transition: opacity 1s;
}

:focus::placeholder {
	opacity: 0
} */


.front {
	position: absolute;
	font-family: Trebuchet MS;
	text-align: center;
	font-size: 4px;
	color: rgb(0, 0, 0);

	vertical-align: middle;
	background-color: green;
	border-color: rgb(138, 138, 138);
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	background: lavender;
	/* background-image: url("https://www.schnitt-stelle.com/Bilder/dekore-hd/egger/h1180_halifax.jpg"); */
	background-size: 800px;
	overflow: hidden;
	width: 600px;
	z-index: 3;
	--content: Hallo Welt;
}

.front:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, .8);
}


.front_akt {
	/* position: absolute;
	font-family: Trebuchet MS;
	text-align: center;
	font-size: 4px;
	color: rgb(172, 27, 27);
	vertical-align: middle; */
	box-shadow: 0 5px 20px rgba(0, 0, 0, .8);
	/* box-shadow: inset 0px -1px 9px 3px rgba(128, 0, 0, 1); */
	/* background-image: url("https://www.schnitt-stelle.com/Bilder/dekore-hd/egger/h1180_halifax.jpg");
	background-size: 800px;
	overflow: hidden;
	width: 600px;
	z-index: 3; */
}

.text {

	padding: 10px;
	vertical-align: middle;
	font-family: Trebuchet MS;
	--content: Hallo Welt;
}

.neu {
	position: relative;
	max-height: 400px;
	width: 500px;
	height: 500px;
	border-width: 10px;
	margin: 0 auto;
	--content: Hallo Welt;
}


.eingabe {


	position: fixed;
	right: 200px;
	/* top: 0; */
	/* Optional: Setzt das div am oberen Rand */

	/* position: absolute; */
	z-index: 20;
	width: 650px;
	/* height: 150px; */
	/* margin: 10px; */
	/* left: 600px; */
	/* margin-right: 0px; */
	top: 50%;
	border-radius: 20px;
	background: #cb9820;
	padding: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	--content: Hallo Welt;
	visibility: hidden;
	display: none;
	box-shadow: 14px 14px 20px 0px #333333;
	--content: Hallo Welt;
	/* opacity: 70%; */
}

.eingabe:hover {
	/* opacity: 100%; */
	background: #e3b344;

}

.eingabefeld {
	position: relative;
	color: rgb(0, 0, 0);
	font-family: Trebuchet MS;
	z-index: auto;
	cursor: text;
	--content: Hallo Welt;
}

.umschalter input {
	appearance: none;
	width: 100%;
	height: 100%;
	border-color: #6E6E6E;
	border-width: 1px;
	margin: 0;
	border-radius: 1px;
	vertical-align: middle;
}

.umschalter {
	height: 1.5em;
	width: 3.5em;
	display: inline-block;
	position: relative;
}

.umschalter-knopf {
	background-color: #6E6E6E;
	width: 1em;
	height: 1em;
	box-shadow: 0 0 1px #333333;
	position: absolute;
	top: 0.25em;
	left: 0.25em;
	pointer-events: none;
	transition: transform 0.2s ease-in-out;
	border-radius: 10%;
}

.umschalter input:checked {
	background-color: green;
	border-color: hsl(216, 98%, 42%);
}

.umschalter input:checked+.umschalter-knopf {
	background-color: white;
	transform: translateX(2em);
}




.grooss {
	color: black;
	font-family: Arial;
	font-size: 24px;
	--content: Hallo Welt;
}

.groooss {
	color: darkred;
	font-size: 18px;
	--content: Hallo Welt;
}


.texteingabe {
	border-style: solid;
	border-color: rgb(157, 163, 163);
	border-radius: 5px;
	/* float: left; */
	/* margin: 2%; */
	vertical-align: middle;
	height: 30px;
	cursor: text;
	color: #000000;
	font-family: verdana;
	font-size: 16px;
	text-align: right;
	width: 100%;
	--content: Hallo Welt;
}

input {
	border-radius: 1px;
	border-width: 1px;
	border-style: solid;
	/* padding: 5px; */
	font-family: Arial;
	cursor: pointer;

	background-color: #cbc6b7;
	--content: Hallo Welt;
}

.meineselectbox {
	display: inline-block;
	border: 1px solid;
	border-color: #6E6E6E;
	font-size: 17px;
	color: black;
	background-color: #ffe45e;
	width: 350px;
	height: 25px;
	border-radius: 4px;
	--content: Hallo Welt;
}

.uber1 {
	width: 260px;
	display: inline-block;
	--content: Hallo Welt;
}

.uber2 {

	width: 340px;
	display: inline-block;
	--content: Hallo Welt;
}

.meineselectboxklein {

	width: 195px;
	height: 24px;
	border: 1px solid #999;
	font-size: 14px;
	color: black;
	background-color: #d8ccc0;

	padding: 2px;
	margin: 0px;
	top: 0px;
	vertical-align: middle;
	border-radius: 4px;
	--content: Hallo Welt;
}

input#file-upload[type="file"] {
	display: none;
}



.knopf {
	vertical-align: middle;
	height: 40px;
	width: max-content;
	text-align: center;
	text-align: middle;
	border-width: 1px;
	border-style: solid;
	padding: 6px;
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	cursor: pointer;
	color: white;
	background-color: #6E6E6E;
	border-radius: 5px;
	box-sizing: border-box;
	padding-left: 30px;
	padding-right: 30px;


}

.knopf:hover {
	background-color: rgb(208, 214, 30);
	color: black;
}





#infobox {
	position: absolute;
	top: 100px;
	left: 50px;
	width: 1100px;
	cursor: default;
	background-color: #fff4e5;
	border-color: grey;
	border-width: 2px;
	border-style: solid;
	border-radius: 1px;
	visibility: hidden;
	/* z-index: 99; */
	/* background-color: #958888; */
	font-size: 25pt;
	--content: Hallo Welt;
}

#materialliste {
	position: absolute;
	padding: 5%;
	margin: 0 auto;
	width: 80%;
	left: 10%;
	top: 0px;
	cursor: default;
	background-color: #e9c170;
	border-color: grey;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
	visibility: hidden;
	--content: Hallo Welt;
	/* z-index: 99; */

	/* font-size: 25pt; */
}

.matboxx {

	top: 0;
	left: 0;
	z-index: 80;
	cursor: default;
	width: 650px;
	background-color: #fff4e5;
	border-color: grey;
	border-width: 2px;
	border-style: solid;
	border-radius: 1px;
	position: absolute;


}

.matboxnr {
	text-align: left;
	font-size: 18.0pt;
	line-height: 107%;
	position: absolute;
	bottom: 220px;
	left: 310px;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
	--content: Hallo Welt;
}

.matboxnr:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, .8);
}

.kantboxnr {
	text-align: left;
	font-size: 8.0pt;
	line-height: 107%;
	position: relative;
	top: -28px;
	left: 5px;
	/* z-index: 80; */
	width: 50px;
	background-color: white;
	color: black;
	border-radius: 2px;
	padding: 1px;
	cursor: pointer;

}

.matboxbez {
	text-align: left;
	font-size: 12.0pt;
	line-height: 107%;
	position: relative;
	bottom: 250px;
	left: 310px;
	padding: 5px;
	width: 280px;
	border-radius: 5px;
	cursor: pointer;
}

.matboxbez:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, .8);
}

.kantboxbez {

	text-align: left;
	font-size: 12.0pt;
	position: relative;
	top: -57px;
	left: 280px;
	width: 300px;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
}


.kantboxbez:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, .8);


}

.matbut {
	border: 0;
	margin: 30px;
	padding: 0px;
	float: left;
	position: relative;
	/* z-index: auto; */
	--content: Hallo Welt;
}

.matwahl {
	/* z-index: 80; */
	position: absolute;
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 330px;
	--content: Hallo Welt;
}

.matbild {
	width: 250px;
	height: 250px;
	border: 8;
	border-color: grey;
	border-width: 5px;
	border-style: solid;
	position: relative;
	padding: 0px;
	background-color: grey;

}

.matbild:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, .8);
}

.kantbild {
	width: 250px;
	height: 30px;
	border-color: grey;
	border-width: 3px;
	border-style: solid;
	position: relative;
	padding: 0px;
	background-color: grey;

}

.kantbild:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, .8);
}

.matnummer {

	font-family: verdana;
	font-size: 20px;
	position: absolute;
	bottom: 8px;
	left: 330px;
}

.check {
	color: aqua;
}

.kantwahl {
	width: 200px;
	height: 60px;
	/* z-index: 14; */
}

#vorschau {

	position: absolute;
	top: 0;
	left: 0;
	/* z-index: 20; */
	cursor: default;
	width: 100%;
	height: 85%;
	background-color: white;
	border-color: grey;
	border-width: 2px;
	border-style: solid;
	border-radius: 1px;
	--content: Hallo Welt;
}

.alarm {
	font-size: 16pt;
	color: #FF0000;
	padding: 30px;
	--content: Hallo Welt;
}

.bild {

	cursor: pointer;

}


.bild:hover {
	filter: brightness(50%);


}

.masstext {
	cursor: pointer;
}


.masstext:hover {

	fill: rgb(3, 124, 40);
	font-weight: bold;
}


.boxallgemein {
	position: absolute;
	/* z-index: 9; */
	cursor: default;
	background-color: #f7f1e9;
	border-color: rgb(235, 235, 235);
	/* border-width: 2px; */
	/* border-style: solid; */
	top: 100px;
	/* left: 100px; */
	/* width: 1100px; */
	visibility: hidden;
	/* border-radius: 1px; */


}

.boxkopf,
.boxkopfallgemein,
.boxkopfmat,
.infoboxheader {
	/* cursor: move; */
	font-family: Roboto, sans-serif;
	font-size: 30px;
	font-weight: 100;
	/* color: #7d6234; */
	vertical-align: top;
	margin: 0px;
	line-height: 25px;
	align-items: baseline;
	text-align: left;
	background-image: url("../Bilder/dekore/Egger_h1180/h1180.jpg");
	color: white;
	padding: 20px;
	/* padding-left: 30px; */
	border-radius: 8px;
	/* visibility: hidden; */
	/* z-index: 5; */

}

.boxkopfallgemein {
	font-size: 55px;
	padding-bottom: 10px;
	/* padding-top: 25px; */
	/* top: 100px;
	left: 100px; */
	--content: Hallo Welt;
}

.schliesse {
	position: absolute;
	font-size: medium;
	right: 10px;
	top: 10px;
	font-family: Arial;
	padding: 0px 5px;
	border: thin solid #6633ff;
	border-radius: 1px;
	border: 15px;
	color: white;
	background-color: #6E6E6E;
	/* z-index: auto; */
	line-height: 25px;
	cursor: pointer;
	--content: Hallo Welt;
}

.boxbody,
.infobody {
	background-color: #ffffff;
	padding: 30px;
	margin: 0px;
	height: 95%;

	border-radius: 8px;
	overflow: scroll;
	--content: Hallo Welt;
}

.infobody {
	background-color: #af9b9b;
}

.fachwahl {
	padding: 5px;
	margin: 5px;
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	background-color: brown;
	color: white;
	--content: Hallo Welt;
}

.fachwahl_aktiv {
	padding: 5px;
	margin: 5px;
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	background-color: white;
	color: brown;
	--content: Hallo Welt;
}

.abschicken {
	text-align: center;
	/* background-color: #7b5f0f77; */
	background-image: url(https://www.schnitt-stelle.com/images/eiche.jpg);
	border-color: #6E6E6E;
	border-width: 3px;
	border-style: solid;
	text-decoration: none;
	/* margin-left: 25%;
	margin-right: 25%; */
	display: inline-block;
	width: 100%;
	/* left: 10%; */

	color: rgb(255, 255, 255);
	/* height: 40px; */
	/* margin-top: 20px; */
	border-radius: 10px;
	padding-bottom: 0px;
	box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	cursor: pointer;
	--content: Hallo Welt;
}

.abschicken:hover {
	color: rgb(208, 214, 30);
	cursor: pointer;
	/* background-color: rgb(208, 214, 30); */
}


.abschicken_href {
	text-align: center;
	background-color: #7b5f0f77;
	border-color: #6E6E6E;
	border-width: 1px;
	border-style: solid;
	display: block;
	width: 100%;
	font-size: 24px;
	color: black;
	height: 40px;
	margin-top: 30px;
	border-radius: 10px;
	text-decoration: none;
	top: 20px;
	line-height: 43px;
	cursor: pointer;
	--content: Hallo Welt;
}

.abschicken_href:hover {
	color: rgb(208, 214, 30);
	cursor: pointer;
}

.abschicken_schlicht {
	text-align: center;
	background-color: #3e6396;
	border-width: 1px;
	border-style: solid;
	/* text-decoration: wavy; */
	margin-left: auto;
	margin-right: auto;
	display: inline-block;

	color: rgb(255, 255, 255);
	/* height: 40px; */
	padding: 10px;
	border-radius: 10px;
	/* padding-bottom: 0px; */
	box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	cursor: pointer;

}

.abschicken_schlicht:hover {
	background-color: rgb(208, 214, 30);
	cursor: pointer;
}

.abschicken_klein {
	text-align: center;
	background-color: #7b5f0f77;
	text-align: center;
	border-width: 3px;
	border-style: solid;
	text-decoration: none;
	margin-left: 10%;
	margin-right: 10%;
	display: inline-block;
	width: 80%;
	/* left: 10%; */
	font-size: 18px;
	color: rgb(255, 255, 255);
	/* height: 40px; */
	/* margin-top: 20px; */
	border-radius: 10px;
	padding-bottom: 0px;
	box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	cursor: pointer;
	--content: Hallo Welt;
}

.abschicken_klein:hover {
	color: rgb(208, 214, 30);
	cursor: pointer;
	--content: Hallo Welt;
}

.container {
	display: flex;
	gap: 10px;
	/* Abstand zwischen den Elementen */
}





#deckel_durch,
#unterboden_durch {

	display: none;
}



.eingabe_alle:hover {
	background-color: rgb(208, 214, 30);
	color: rgb(0, 0, 0);
	/* color: rgb(0, 0, 0); */
	--content: Hallo Welt;
}

.eingabe_alle::placeholder {
	font-weight: bold;
	opacity: 0.5;
	color: rgb(89, 76, 16);
	text-align: left;
	--content: Hallo Welt;
}

.eingabe_alle:focus {
	outline: none;
	box-shadow: rgb(89, 76, 16);
	border-color: rgb(0, 0, 0);
	background-color: rgb(208, 214, 30);
	--content: Hallo Welt;
}

:focus::-webkit-input-placeholder {
	color: rgb(208, 214, 30);
}

/* .	alle::placeholder:active {
	color: rgb(17, 16, 89);
} */

.vortext_alle,
.vortext_kante {
	display: inline-block;
	width: 200px;
	vertical-align: top;
}

.vortext_schmal {
	display: inline-block;
	width: 200px;
}

.dummy {
	display: inline-block;
	width: 87px;
}

.hidden {
	display: none;
}

.visible {
	display: block;
}

.klappe_zu {
	font-size: xx-small;
	cursor: pointer;
	text-align: right;

}

.klappe_auf {
	font-size: xx-small;
	cursor: pointer;
	text-align: right;

}



/* Dropdown-Menü-Stil für Demo*/
.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-button {
	padding: 5px 30px;
	font-size: 16px;
	background-color: rgb(197, 199, 202);
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;


}

.dropdown-button:hover {
	background-color: rgb(197, 199, 202);
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	z-index: 1;
	min-width: 300px;
	overflow: hidden;
}

.dropdown-content a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: black;
	background-color: #f1f1f1;
}

.dropdown-content a:hover {
	background-color: rgb(30, 28, 28);
	color: white;
}

.dropdown:hover .dropdown-content {
	display: block;
}

/* CSS für nach oben öffnendes Menü */
.dropdown-content.up {
	bottom: 100%;
	top: auto;
}

.dropdown-content.down {
	top: 100%;
	bottom: auto;
}





.button-container {

	display: flex;
	/* justify-content: space-evenly; */
	/* Platz zwischen den Buttons */
	/* align-items: center; */
	gap: 15px;
	/* vertical-align: middle; */
	/* width: 100%; */
	flex-wrap: wrap;

	justify-content: space-between;
	/* Gleiche Abstände zwischen den Buttons */
	align-items: center;
	/* Vertikale Ausrichtung */
	width: 100%;

	/* Sichtbar machen */

	/* Der Container nimmt 80% der Bildschirmbreite ein */
	/* max-width: 800px; */
	/* Maximale Breite von 800px */
}

/*3e6396*/
.button,
.styled-select {
	flex: 1;
	text-align: center;
	background-color: #96b1d6;
	border-width: 1px;
	border-style: solid;
	/* text-decoration: wavy; */
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	height: 48px;
	color: rgb(255, 255, 255);
	min-width: 200px;
	/* height: 40px; */
	/* padding: 10px; */
	border-radius: 10px;
	line-height: normal;
	box-shadow: 4px 5px 10px -3px rgba(0, 0, 0, 0.4);
	/* padding-bottom: 0px; */
	/* box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4); */
	cursor: pointer;
	/* transition: all 0.3s ease; */
	/* Weicher Übergang bei Hover */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: normal;

	white-space: nowrap;
	overflow: visible;
	transition: all 0.2s ease;
}


.frontbutton {
	background-color: rgb(213, 149, 53);
}

.styled-select {
	/* appearance: none; */
	/* text-align: right; */
	/* background-color: #3e6396; */
	border-width: 1px;
	border-style: solid;
	/* text-decoration: wavy; */
	margin-left: auto;
	margin-right: auto;
	display: inline-block;

	color: rgb(255, 255, 255);
	height: 48px;
	/* padding: 10px;*/
	border-radius: 10px;
	/* padding-bottom: 0px; */
	/* box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 9px 10px 15px -4px rgba(0, 0, 0, 0.4); */
	cursor: pointer;
}

.styled-select:hover {
	background-color: rgb(208, 214, 30);
	cursor: pointer;
}

.styled-select:focus {
	outline: none;
	background-color: rgb(208, 214, 30);
	cursor: pointer;
	text-align: center;
}

.gradient {
	align-items: stretch;
	margin: 1em 0;
	height: 2em;
	line-height: 2em;
	color: white;
	background: black;

	&:before {
		background: linear-gradient(to right, white, black);
	}

	&:after {
		background: linear-gradient(to left, white, black);
	}
}

.eingabe_kunde {

	cursor: text;
	width: 180px;

}

.intern {
	display: none;
	/* visibility: hidden; */
}

.extern {

	display: inline;
}

.status_0 {
	/* width: 250xpx; */
	display: inline;
}

.status_10 {
	/* width: 250px; */
	display: inline;
}

.status_20 {
	/* width: 250px; */
	display: inline;
}

.status_30 {
	/* width: 250px; */
	display: inline;
}

.status_40 {
	/* width: 250px; */
	display: inline;
}

.status_50 {
	/* width: 250px; */
	display: inline;
}

.status_60 {
	/* width: 250px; */
	display: inline;
}

.status_70 {
	/* width: 250px; */
	display: inline;
}

.status_80 {
	/* width: 250px; */
	display: inline;
}

.status_90 {
	/* width: 250px; */
	display: inline;
}

.status_100 {
	/* width: 250px; */
	display: none;
}

.status_999 {
	display: none;
}

.zeigtuer {
	display: inline;
}


/* .texteingabe {
	border-radius: 5px;
	padding: 12px;
	font-size: 14px;
	width: calc(100% - 25px);
	background-color: darkgray;
} */


.but {
	font-size: 20px;
	width: 80px;
	height: 30px;
	vertical-align: middle;
	cursor: pointer;
	border-style: unset;
	border-color: #fff;
	border-radius: 5px;
}


.lupe {
	height: 22px;
	vertical-align: bottom;
	cursor: pointer;
	padding: 2px;
	margin: 0px;

}

.but_aktiv {
	font-size: 20px;
	width: 80px;
	height: 30px;
	vertical-align: middle;
	cursor: pointer;
	border-color: #6E6E6E;
	border-width: 4px;
	border-style: solid;
}

.but:hover,
.but_aktiv:hover {
	background-color: #4CAF50;

	color: green;
	color: white;
}

/*    .eingabe_profi {
        width: 80px;

        <?php if ($profi<1) {
            echo "display: none;";
        }

        ?>
    }*/

.zeige {

	background-color: #797258;
	color: #fff;
	width: 240px;
	cursor: not-allowed;
	border-color: #6E6E6E;
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	vertical-align: middle;
	border-radius: 4px;
	font-size: 14px;
	font-style: bold;
	height: 26px;
	font-weight: bold;
	text-align: right;
	--content: Hallo Welt;

}

.zeigeallg {
	background-color: #797258;
	color: #fff;
	width: 339px;
	cursor: not-allowed;
	border-color: #6E6E6E;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	--content: Hallo Welt;
}

.nichtdrucken {
	display: none;
}

.nachtext {
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	margin-left: 0px;
	padding-left: 0px;
	--content: Hallo Welt;
}

.nachtext_dekor {
	text-align: center;
	color: #b74909;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 0px;

}

.zeignicht {
	display: none;
}

.matbezeichnung {

	width: 80px;
	font-size: xx-large;
	--content: Hallo Welt;
}

.checkbox-style input[type="checkbox"] {
	background-image: -webkit-linear-gradient(hsla(0, 0%, 0%, .1), hsla(0, 0%, 100%, .1)),
		-webkit-linear-gradient(left, #fff 50%, #61411d 50%);
	background-size: 100% 100%, 200% 100%;
	background-position: 0 0, 15px 0;
	border-radius: 25px;
	box-shadow: inset 0 1px 4px hsla(0, 0%, 0%, .5),
		inset 0 0 10px hsla(0, 0%, 0%, .5),
		0 0 0 1px hsla(0, 0%, 0%, .1),
		0 -1px 2px 2px hsla(0, 0%, 0%, .25),
		0 2px 2px 2px hsla(0, 0%, 100%, .75);
	cursor: pointer;
	height: 25px;
	padding-right: 25px;
	width: 75px;
	-webkit-appearance: none;
	-webkit-transition: .25s;
	border: 0;
}

.checkbox-style input[type="checkbox"]:after {
	background-color: #eee;
	background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 0%, .1));
	border-radius: 25px;
	box-shadow: inset 0 1px 1px 1px hsla(0, 0%, 100%, 1),
		inset 0 -1px 1px 1px hsla(0, 0%, 0%, .25),
		0 1px 3px 1px hsla(0, 0%, 0%, .5),
		0 0 2px hsla(0, 0%, 0%, .25);
	content: '';
	display: block;
	height: 25px;
	width: 50px;
	vertical-align: top;
}

.checkbox-style input[type="checkbox"]:checked {
	background-position: 0 0, 35px 0;
	padding-left: 25px;
	padding-right: 0;
}

*/

/* Slider */
/*customised range*/
input[type="range"].range {
	cursor: pointer;
	width: 100px !important;
	-webkit-appearance: none;
	/* z-index: 30; */
	width: 50px;
	border: 1px solid #e6e6e6;
	background-color: #e6e6e6;
	/* background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#d2d2d2)); */
	background-image: -webkit-linear-gradient(right, #e6e6e6, #d2d2d2);
	background-image: -moz-linear-gradient(right, #e6e6e6, #d2d2d2);
	background-image: -ms-linear-gradient(right, #e6e6e6, #d2d2d2);
	background-image: -o-linear-gradient(right, #e6e6e6, #d2d2d2);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

/*customised range when focusing on input */
input[type="range"].range:focus {
	border: 0;
	outline: none;
	--content: Hallo Welt;
}

/*customised range slider icon*/
input[type="range"].range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 10px;
	height: 10px;
	background-color: #555;
	/* background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4DDBFF), to(#00CCFF)); */
	background-image: -webkit-linear-gradient(right, #4DDBFF, #00CCFF);
	background-image: -moz-linear-gradient(right, #4DDBFF, #00CCFF);
	background-image: -ms-linear-gradient(right, #4DDBFF, #00CCFF);
	background-image: -o-linear-gradient(right, #4DDBFF, #00CCFF);
}

/*setting round corners to the range */
/* input[type="range"].round {} */

/*setting round corners to the range slider icon*/
input[type="range"].round::-webkit-slider-thumb {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}

/* set range from 0 - 1 horizontal as by default */
.horizontal-lowest-first {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

/* set range from 1 - 0 horizontal (highest first) */
.horizontal-highest-first {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* set range from 0 - 1 vertically (lowest on top) */
.vertical-lowest-first {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* set range from 1 - 0 vertically (highest on top) */
.vertical-heighest-first {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}



/* ::-moz-range-track {
        background: #2196F3;
        border: 0;
    } */

input::-moz-focus-inner {
	border: 20;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


#boxallgemein {
	position: absolute;
	z-index: 9;
	cursor: default;

	background-color: rgba(255, 255, 255, .9);
	padding-top: 3px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 35px;
	border-color: grey;
	border-width: 5px;
	border-style: solid;
	visibility: hidden;
	border-radius: 10px;
}

#infobox {
	visibility: visible;
	top: 20px;
	left: 10%;
}

#schubfrontwert {
	visibility: visible;
	background-color: rgba(134, 30, 30, 0.9);
}

#boxmatwahl,
#boxkantwahl,
#boxseiter,
#boxseitel,
#boxmseite,
#boxsockel,
#boxruecken,
#boxschublade,
#box_unterboden_allg,
#box_oberboden_allg,
#boxallgemein {

	visibility: hidden;

}

.unsichtbar {
	display: none;
	visibility: hidden;
}

.dick {
	display: none;
}

.duenn {
	display: none;
}


.centertext {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	--content: Hallo Welt;

}

.centertext:hover {
	color: grey;
	--content: Hallo Welt;
}

input[readonly]::placeholder {
	color: rgb(188, 0, 0) !important;
}



.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;

	padding: 15px;
	gap: 5px;

	/* Abstand zwischen den Elementen */
}


.flex-container>div {
	padding: 8px;
	border: 10px;
	vertical-align: middle;
}

.checkbox-container {
	width: 200px;
	display: flex;
	justify-content: right;
}

.checkbox-style {
	width: 236px;
	display: inline-flex;
	justify-content: center;
}

.eingabe_alle,
.nachtext {
	flex-shrink: 0;
	/* Verhindert das Schrumpfen der Elemente */
}

.eingabe_alle {
	max-width: 200px;
}

img.but {
	width: 20px;
	/* Optional, Größe des Bildes */
	height: 20px;
}

/* Für Dekorauswahl */
/* .popup {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #ccc;
	padding: 20px;
	background-color: #fff;
	z-index: 1000;
	max-width: 90%;
	max-height: 90%;
	overflow-y: auto;
}

.popup .close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
}

.popup .item {
	display: flex;
	align-items: center;
	margin: 10px 0;
}

.popup img {
	width: 150px;
	height: 150px;
	margin-right: 10px;
	cursor: pointer;
}

.overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
} */

/* schnittstile.PHP alt */


/* body {

	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;

}



h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-style: normal;
	font-weight: normal;
	color: #006699;

}


h2 {
	font-size: 14pt;
	color: #006699;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}


table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;

}

p {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
/* font-size: 14px;
	font-weight: normal;
	color: #000000;

} */

/*
.schalter {
	position: relative;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 25px;
	border: 2px solid #000000;
	border-radius: 4px 4px 4px 4px;
	background-color: #d93;
	-webkit-box-shadow: 0px 0px 2px 0px #333333;
	-moz-box-shadow: 0px 0px 2px 0px #333333;
	box-shadow: 0px 0px 2px 0px #333333;
}

.schalter:hover {
	border-color: #dd9933;
	background-color: white;
	-webkit-box-shadow: 0px 0px 2px 0px #333333;
	-moz-box-shadow: 0px 0px 2px 0px #333333;
	box-shadow: 0px 0px 2px 0px #333333;
}

.schalter .mb-text {
	color: #000000;
	font-family: Arial;
	font-size: 16px;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	box-sizing: border-box;
	display: block;
	background-color: unset;
	position: relative;
	padding: 3px 10px 0px 10px;
}

.schalter:hover .mb-text {
	color: #dd9933;
}


#outer div {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid black;
	width: 200px;
	height: 200px;
}

div {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}


label {
	color: #B4886B;
	font-weight: bold;
	width: 150px;
	float: left;
}

label:after {
	content: ": "
}


.haupt {
	width: 80%;
	margin-left: auto;
	margin-right: auto;

}

.warenkorb {
	border: solid;
	border-radius: 3px;
	width: 100%;
}


.h {
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #B4886B;
	font-style: normal;
}

.Hinweisrot {
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	text-align: center;
	font-weight: normal;
	color: red;
	font-style: normal;
}

.Hinweisgross {

	font-size: 30px;
	font-weight: normal;
	color: #FF0000;
	font-family: Verdana, Arial, sans-serif;
}

.Normal {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	font-weight: normal;


}

.eingabe {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	font-weight: normal;


}

.gross {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	color: #282828;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

.uberschrift {
	font-family: Verdana, Arial, sans-serif;
	font-size: 24pt;
	font-style: normal;
	font-weight: normal;
	color: #282828;
}

.uberschrift_r {
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	font-size: 24pt;
	font-style: normal;
	font-weight: normal;
	color: sienna;

}

.wichtig {

	font-size: 30px;
	font-weight: normal;
	color: sienna;
	font-family: Verdana, Arial, sans-serif;
}



.normal_blau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699;
	font-weight: normal;

}

.fett {
	font-size: 14pt;
	color: #B4886B;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.fett_s {
	font-size: 16pt;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.t-error {
	border-color: #36F;
	background: #69F;

}

.table {
	background: #F9F9F9 none repeat scroll 0 0;
	border: 1px solid #AAAAAA;
	border-collapse: separate;
	empty-cells: show;
	margin: 1em 1em 1em 1em;

}

.anzeige {
	background: #F9F9F9 none repeat scroll 0 0;
	border: 3px solid #AAAAAA;
	border-collapse: separate;
	empty-cells: show;
	margin: 1em 1em 1em 1em;
	width: 5;
} */

/* .auswahlliste{
color: rgb(110, 13, 13);
background-color: #36F;
width: 400px;
height: 50px;

} */


/* .pretext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20pt;
color: #d05a0c;
font-weight: bold;
width: 250px;
float: left;

} */

/* @media print {
	.bildschirm {
		display: none;
	}

	.drucker {
		display: inline;
	}
}

@media screen {
	.bildschirm {
		display: inline;
	}

	.drucker {
		display: none;
	}
} */