#artnumsearch_container {
	position: absolute;
	top: 10px;
	right: 0px;
	max-width: calc(33.33% - var(--px_grid) );
	width: 460px;
}	

#artnumsearch_container .pretitle {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	white-space: nowrap;
	font-size: 90%;
	color: var(--color_1);
	font-weight: bold;
	padding-right: 8px;
}

#artnumsearch .searchterm {
	/* border: 1px solid var(--color_border_colored); */
	border: 1px solid var(--color_1);
	border-radius: var(--px_borderradius);
	display: block;
	font-size: var(--px_fontsize_small);
	box-sizing: border-box;
	padding: 0px 10px;
	height: 41px;
	line-height: 41px;
	width: 100%;
}
#artnumsearch .searchterm:focus,
#artnumsearch .searchterm:focus-visible {
	border: 1px solid var(--color_1);
	outline: 0px;
}

#artnumsearch .artnumsearch_submit {
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
	opacity: 0;
	height: 100%;
	z-index: 1;
	padding: 0px !important;
	min-width: 0px;
	width: 50px !important;
}

#artnumsearch_resultcontainer .close {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1;
	color: black;
}

#artnumsearch {
	position: relative;
	padding: 0px;
	z-index: 11;
}
#artnumsearch:after { 
	font-family: 'fontello_mg';
	content: '\e809';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: black;
	font-size: 120%;
	opacity: 0.9;
 }
 
 #artnumsearch_resultcontainer {
	position: fixed;
	z-index: 10;
	top: 0%;
	height: 100%;
	left: 0px;
	width: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	background-color: rgba(0,0,0, 0.2);
	box-sizing: border-box;
	
 }
 #artnumsearch_resultcontainer.open {
	 display: flex;
	 pointer-events: all;
 }
 
 #artnumsearch_resultcontainer .container {
	 position: relative;
	 border: 1px solid var(--color_border);
	 height: auto;
	 background-color: white;
	 border-radius: var(--px_borderradius);
	 box-sizing: border-box;
	 padding: 30px;
	 width: 97%;
	 max-width: 900px;
	 max-height: 80vh;
	 overflow: auto;
 }
 
 #artnumsearch_resultcontainer .h1 {
	 margin-top: 0px;
 }
 
 #artnumsearch_result {
	 margin-top: 30px;
	 
 }
 
 #artnumsearch_result table.results {
	 width: 100%;
 }
 #artnumsearch_result table.results td,
 #artnumsearch_result table.results th {
	 padding: 3px 5px;
	 text-align: left;
 }
 
 #artnumsearch_result table.results tr:hover td {
	 background-color: #f8f8f8;
 }
 
 /* --- 950px --------------------------------------------- */
@media only screen and (max-width: 950px) and (orientation: portrait) {	
	#artnumsearch_container { max-width: 380px; }
}
 /* --- 690px --------------------------------------------- */
@media only screen and (max-width: 690px) and (orientation: portrait) {	
	#artnumsearch_container { max-width: 340px; }
	#artnumsearch_container .pretitle { display: none; }
}
 
 /* --- 584px --------------------------------------------- */
@media only screen and (max-width: 584px) and (orientation: portrait) {	
	#artnumsearch_container {
		top: 70px;
		width: 100%;
		max-width: 100%;
	}
	#artnumsearch_container .pretitle {
		position: relative;
		right: auto;
		left: 0px;
		font-weight: regular;
		font-size: 85%;
		margin-bottom: -3px;
	}
	#mobilemenu_trigger {
		top: 35px;
	}
	#header,
	#header > .inner {
		height: 160px !important;
	}
	#main_wrapper {
		padding-top: 180px;
	}
	
	#artnumsearch_resultcontainer .container {
		padding: 10px;
	}
	
	#artnumsearch_result table.results td,
	#artnumsearch_result table.results th {
		padding: 3px;
		font-size: 90%;
	}
	
	#artnumsearch_result table.results tr {
		position: relative;
	}
	#artnumsearch_result table.results td {
		padding-bottom: 40px;
	}
	#artnumsearch_result table.results td:last-Child .button {
		position: absolute;
		bottom: 8px;
		left: 0px;
	}
}