/*--- NEW LAYOUT 2024 => see at end ---*/


/*--- temporary ---*/
/* GENERAL */

@font-face {
  font-family:"BOM-Tahoma";
  src: url('../fonts/BOM-Tahoma.ttf') format('truetype');
}
/* IE is gone ;-D
@font-face {
  font-family:"BOM-Tahoma-IE";
  src: url('../fonts/BOM-Tahoma.eot');
}
*/

*:not(button) {
	margin:0;
	padding:0;
	border:0;
}

body, body *{
	font-family:BOM-Tahoma,BOM-Tahoma-IE,Tahoma,Verdana,Arial,sans-serif;
	line-height:1.5em;
}

body{
	/*background-color:#989898;*/
	/*background-color:#70767f;*/
	background-color:#768085;

	font-size:12px; /* Default for most font sizes */
	accent-color: #F16421; /* for checkboxes etc */
}

/* override firefox system fonts */
input, select{
	font-size:12px;
	vertical-align:middle;
  border-radius: 2px;
}
.search-aux {
	font-size:12px;
}

input[type=checkbox] {
  position: relative;
  top: -1px;
}

#wrapper{
	margin: 0 auto;
	/*width: 1100px;*/
	width: 1130px;
	background-color:#ffffff;
}

a {
	color:#C04E26;
	text-decoration:none;
}

a:hover {
	color:#C04E26;
	text-decoration:underline;
}

.image_in_text{
	vertical-align: bottom;
}

.whole_width{
	clear:both; /* important - keep this as safety for possible future uses of float:left in previous divs */
}


/* BASIC LEFT-TO-RIGHT BLOCKS */

.left{
	/*clear:both;
	float:left;*/
	width:430px;
	left:0;
	position:absolute;
}
.right{
	width:700px;
	float:right;
	/*left:430px;*/
	position:relative;
}

.right_1{
	float:left;
}
.right_2{
	float:left;
}


/* HEADER */

.header_top_left{
}

.header_top_right{
}

.header_top {
	height:100px;
	background-color:#f16421;
}

.logo_title {
	height: 100px;
	width: 400px;
}

.fader{
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url("../_imgs/red_zone.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 100px;
	width: 600px;
}

.fader_img_div {
	width: 148px;
	text-align:center;
	vertical-align: bottom;
	height: 100px;
	display: table-cell;
}

.logo_image {
	background-attachment: scroll;
  background-color: #F26522;
	/*background-image: url("../_imgs/BOM_logo.png");*/
	background-image: url("../_imgs/BODO_logo.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
}

.header_separator {
	height:2px;
}

.header_bottom{
	min-height:40px; /* sometimes needs to expand */
	background-color:#B22222; /* brown darkred FireBrick*/
	width: 100%;
}

.header_bottom_left{
	position:relative;
}

.header_bottom_left a{
	color:inherit;
	font-size:16px;
	font-weight:bold;
}

.header_bottom_right{
	font-size:10px;
}

#header_bottom_right_table{
	width:100%;
}
#header_bottom_right_table tr.top_row td{ /*table*/
	height:20px;
}

#header_bottom_right_table tr.bottom_row td{ /*table*/
	height:20px;
}

.nav_btn{
	float:left;
	text-align:center;
	color:white !important;
	padding-top:10px;
}

.nav_btn a{
	color:white !important;
}

.nav_1{
	clear:both;
	position:absolute;
	left:20px
}

#title_2_img{
  text-align: center;
  left:0;
}

.nav_2{
	position:absolute;
	left:193px; /*aligns with main header logo image text*/
}

.ov_nav_1{
	clear:both;
	position:absolute;
	left:10px
}

.ov_nav_2{
	position:absolute;
	left:125px; /*aligns with main header logo image text*/
}

.ov_nav_3{
	position:absolute;
	left:270px; /*aligns with main header logo image text*/
}

.active{
	color:#222; /* #630900;  */
}

#upper_slice, #lower_slice{
	min-height:20px;
	color:white;
	font-size:10px;
	font-weight:bold;
}

#upper_slice a  {
	color:#f26522;
	min-height:10px;
}

#lower_slice a {
    color:#630900;
    min-height:10px;
}
#lower_slice li li a {
    color:#630900;
}

#cache{
	vertical-align: middle;
}

#lower_slice{
    text-align: right;
    clear:both;
}

/* table td properties*/
#header_bottom_right_table td{
	padding-top: 	2px;
	padding-bottom: 2px;
}
#t_l_Nav, #b_l_Nav{
	/*left:10px;*/
	/*position:absolute;*/
	width:590px;/* + 10px padding on left*/
	padding-left:10px;
}
#t_r_Nav, #b_r_Nav{
	padding-right:5px;
	width:95px; /* + 5px padding on right*/
}
#t_l_Nav{
	background-color:#630900;
}
#t_r_Nav{
        background-color:#630900;
	text-align:right;
	vertical-align:top;
}
/*[fvg20120128 refactored ul and li text-align and float - setting only first level; second will be ok]*/
#t_r_Nav p {
	float:right;
}
#t_r_Nav > ul, #t_r_Nav > ul > li{
	text-align:right;
	float:right;
}

#header_info_2{
	right:0;
	/*position:absolute;*/
}

/* "LOGINNAV" - u.a. FÜR DROPDOWN FORMULARVERWALTUNG BODO ERWEITERT (LOGIN) */

*                                   { margin: 0; padding: 0; }
a                                   { text-decoration: none; }
ul                                  { list-style: none; z-index: 1000 /* needed to overlap page footer ! */ }

/* 
    level one
*/
ul.dropdown                         { position: relative; text-align:right; /*[fvg20120128 disabled for overview]width:100%;*/ }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; border: none; /* background: #ccc; */}
/*fvg20120131 added button because of print*/
ul.dropdown a,        ul.dropdown button          { cursor:pointer; color: #F26522; background-color:transparent; border:none; }
ul.dropdown a:hover,  ul.dropdown button:hover    { color: #630900; } /* BODO dark brown */
ul.dropdown a:active, ul.dropdown button:active   { color: #ffa500; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }

/* 
    level two
*/
ul.dropdown ul                      { /* width: 220px; needs to be set dynamically with jQuery*/ visibility: hidden; position: absolute; top: 100%; left: -5px; z-index: 2000}
ul.dropdown ul span.bullet          { visibility: hidden; }
ul.dropdown ul li /*CD*/            { font-weight: normal; color: #F26522; text-align: left;
                                      background: #B22222; border-bottom: 1px solid #768085; /*fvg20120131: border-color is body.bg-color */
                                      float: none; padding: 3px 8px;}
/*ul.dropdown ul li a                 { display: inline-block; width: 94%; }*/

/* 
    level three
*/
ul.dropdown ul ul                   { left: 100%; top: 0; }

/*
	levels 2, 3, ...
*/
ul.dropdown li:hover > ul,
ul.dropdown li:hover > * > ul,  /*fvg20120131 for print-symbol: has an additional form in between*/
ul.dropdown li:hover > ul span.visi    { visibility: visible; }

#upper_slice ul.dropdown ul li {
    background: #630900;
}

/* TOP SEPARATOR */

#top_separator{
	min-height:21px; /* makes total height of white space an even 24 px. */
}

#edit_button {
    float:left;
}
#loginpanel {
    height: 20px;
    padding: 5px;
    background: #333333;
    border-bottom: 1px solid #dddddd;
    color: #dddddd;
}
#login-button {
    float:right;
}

/* MAIN SECTION */

/* NOTE: needs to be parent of #left,#right;
 * einfach: form; erweiterte/custom: #main_content */
.main_columns {
  display: table;  /* in conjunction with .left,.right{table-cell} */
  position: relative;   /* specifically for .grid_wide */
	height:555px;  /*was:578px*/  /* NOTE: for table, this acts like min-height! */
	margin: 0 auto;
	font: normal 14px Georgia , "Times New Roman", Times, serif
}
/* if a form spans #left and #right, it is between .main_columns and #left,#right => apply same */
.main_columns > form {
  display: table;
}

.main_row{
	position:relative;
	height:100px;
}

.main_div_right {
	height:90px;
	margin: 3px 0px 3px 3px;
	background: #D0D1D3;
}

.main_div_right_like_left {
	background: #E6E6E7;
}

.main_div_left {
	background: #E6E6E7;
}


/* --- start NEW layouting [fvg20140717] --- */

#left, #right {
  display: table-cell;
  vertical-align: top;
	border-top: 3px solid white;
}
#left {
	background-color: #E6E6E7;
	width: 430px;
}
#right {
	background-color:#D0D1D3;
	width: 700px;
	position:relative;
}
#left .grid_wide {
	background-color: #E6E6E7;
	z-index:20;
  position: absolute;

  /* adaptation for dynamic width layout */
  width: 100%;
  box-sizing: border-box;
  padding-top: 0;   /* quickfix height problem due to border-box */
}

.grid {
	margin-top:-3px;
	border-width:3px 0;
	border-style:solid;
}

#left .grid {
	border-color:white;
}
#right .grid {
	border-color:transparent;
}

.grid.querygrid {
	height:196px;
}

/* --- end new --- */


#slider{
	top:35px;
}

.logos{
  padding-left: 20px;
  padding-top: 20px;
  vertical-align: middle;
}

.content_div {
	padding: 20px 10px 10px 20px;
}

.greytext {
    color:#555 !important;
}

/*
#submit_div_simple {
	margin: 3px 0;
	padding: 30px 0 0 90px;
	background: #E6E6E7;
	min-height: 60px;
}
*/
#left #submit_div_simple {
	min-height: 60px;
	padding-top:30px;
}
#right #submit_div_simple {
	position:absolute;
	bottom:30px;
}

.placeholder_div {
	margin: 3px 0 3px 3px;
	background: #d0d1d3;
	height: 183px;
}

#main_request_div {
	padding: 10px 10px 10px 0px;
	float:left;
	width:400px;
}

.query_main_title p {
	font-weight: bold;
}

.si_div {
	border: 1px solid white;
	border-width: 1px 0 1px 0;
}

.si_div > * {
	word-wrap: break-word;
}

.request_item {
	float:left;
	width: 300px;
}

.delete_item_div {
	float: right;
}


	/* form elements */

	.main_font{
		color:#C04E26;
		font-weight:bold;
		font-size:14px;
	}

	.data_div{
		position:absolute;
		top:20px;  /*without label (e.g. only checkbox+text): not overridden*/
		/*bottom:20px;*/
		padding-right:20px;
	}
	label ~ .data_div{  /*usual case*/
		top:35px;
	}

	/* used for delete buttons to left of select_si_div*/
	div.si_div_padding{
		float:left;
		height: 90px;
		width: 20px;
		margin-left: -20px;
	}

	img.si_div_padding{
		margin: 32px 0px;
		display: block;
	}

	.grid_wide{
		padding-right: 20px;
	}

	.img_only_chk {
	clear:left;
	}

	label.caption{
		/*padding: 10px 0;*/
		display:block;
		position:absolute;
		top:10px;
	}
	/* label nestend within .data_div = label for second/secondary input */
	.data_div label.caption {
		position: unset;
	}

	label.not{
		color:#C04E26;
		font-weight:bold;
		padding-left:10px;
		position:absolute;
		left:320px;
	}

	a.not_chk{
		left:300px;
		position:absolute;
	}

	input.text_field_large{
		width:290px;  /* in-sync with main_submit_button e.g. on login.php */
	}

	input.text_field_short{
		width:100px;
	}

	input, select{
		border:1px solid #999;
		height:20px;
		font-family:BOM-Tahoma,BOM-Tahoma-IE,Tahoma,Verdana,Arial,sans-serif;
	}

  #request_srch_btn > * {
    display: inline-block;
  }

	#cancel_button{
		margin-left: 23px;
		width: 100px;
		background-color: gray;
		color: white;
	}
	#main_submit_button{
		margin-left:210px;
    border-radius: 3px;
		background-color:#F16421;
		width:100px;  /*was: 140px, reduced gem J 2014071x*/
		height:unset;  /*revert height:20px; from input,select*/
		font-weight:bold; /*disabled gem J 20141225; re-enabled gem J 20200131*/
		color:white;
		padding-bottom:1px;
	}
	#main_submit_button.disabled {
		opacity:0.4;
	}
	#main_submit_button.hidden {
		/* (most probably) submit button with display:none will not be able to be used */
		visibility:hidden;
		line-height:0;   /*note: just height:0 is not enough for some circumstances*/
	}
	#registrationform #main_submit_button {
		float: right;
	}
	#request_expl {
    margin-top: 3ex;
	}
	#request_supplement {
		display:none;
		margin-top:35px;
	}

	/*.si_div span{
		font-family:BOM-Tahoma,BOM-Tahoma-IE,Tahoma,Verdana,Arial,sans-serif;
	}*/

  /* --- custom checkbox/radio buttons --- */
	.not_div, .und_oder, .datierung_erweitert_div {
    /*ng*/
    margin: 0.8ex;
    margin-left: 0 !important;
  }
	.not_div input, .und_oder input, .datierung_erweitert_div input[type=radio] {
    display: none !important;
  }
	.not_div input + label, .und_oder input + label, .datierung_erweitert_div input + label {
    font-size: 80%;
    padding: 0.3ex 0.6ex;
    border-radius: 3px;
    background: #D4D4D4;
    color: #AAA;
    border: 1px solid #AAA;
  }
  input + label.radio-left { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  input + label.radio-right { border-top-left-radius: 0; border-bottom-left-radius: 0; }
	.not_div input:checked + label, .und_oder input:checked + label, .datierung_erweitert_div input:checked + label {
    background: #BBB;
    color: #444;
    border: 1px solid #888;
  }

  /* --- */

	.not_div input, .und_oder input, .datierung_erweitert_div input, .snf_datierung_erweitert_div input, .sub_div input, .vw_div_input{
		vertical-align:middle ;
	}

	.und_oder{
		display:none;
	}


	.sub_div {
		width: 430px;
		float:left;
		padding-left: 20px;
	}

	.snf_datierung_erweitert_div, .vw_div{
		float: left;
		width: 150px;
	}

	.snf_datierung_erweitert_div label, .vw_div label {
		padding-right: 10px;
	}

	.text_fld_gr {
		width: 280px;
	}
	
	.ohne_versicherungswert{
		float: left;
		position: relative;
		left: 10px;
		top: -5px;
	}


/* --- start NEW layouting - grid cell contents [fvg20140817] --- */
.grid {
	padding: 12px 6px 6px 20px;
	/* box-sizing:padding-box; OR: */
	min-height: 72px;  /* = 90px - 12px - 6px padding */
}
.grid { position:relative; }  /* temporary fix for code generated by SearchItem_* */

.add_si {
	margin-top: 20px;
}
.delete_si {
	position:absolute;
	left:0;
	top:35px;
}
.id-orspacer { /* node not useless */ }
.si_ask_div {
    position:relative;
    min-height:60px;
    margin-left:20px;
}
.grid .si_ask_div { margin-left:0; }  /*override .si_ask_div for new style layout (search_erweitert)*/
.colored_si_div { /* node wrapper useless */ }
.caption_div {
	display:block;
}
.select_div_inline,
.block_div_inline {
	display:inline-block;
}
.block_div_inline + .block_div_inline {
	margin-left:30px;
}
.select_div_inline select,
.si_ask_div select /* quickfix for si_select_positioner and stichwort's div without class */
{
	width:210px;
}
.not_div {
	display:inline;
	margin-left:10px;
}
/*
.und_oder {
	display:block;
	display:none;
}
*/
.add_link_div {
  display: inline-block;
}

/*
#loginform .select_si_div {   //login.php
    position:relative;
    min-height:60px;
    margin-left:20px;
}
#registrationform .select_si_div {   //registration.php
    position:relative;
    height:65px;
    margin-left:20px;
}
*/

.ui-widget-header {
  background-color: #D0D1D3 !important;  /* darker gray */
}

.ui-slider-range {
  /* need to override, since slider has also class .ui-widget-header (where added?) */
  background-color: #B22222 !important;  /* bodo dark brown */
}

#volltextsuche_einfach img, #volltextsuche_erweitert img {
	display:none;  /* hide (i)nfo image - gem. J 20140x */
}

#query_toggle {
	margin-top: 22px;
}

.grid.errormsg {
	font-weight:bold;
	background-color:#F16421;
	padding:0 20px;
}

/* TO RM */
div.si_select_positioner {}
div.si_textfield_positioner {}
div.si_datierung_positioner {}
div um div.si_select_positioner {}

volltextsuche_erweitert no style at div {}

/* --- end new --- */


/* useful for displaying simple messages (taken from no_img_sep)*/
.message_separator {
	clear:both;
	text-align:center;
	font-family:BOM-Tahoma,BOM-Tahoma-IE;
	font-weight:bold;
	color:white;
	font-size:10px;
	background-color:#F16421;
	margin: 0 auto;
	/* hack against weird margin collapse behavior*/
	border-style:solid;
	border-color:white;
	border-width: 30px 5px;
	padding:5px;
	width:1068px;
}

div.error {
    height:20px;
    padding: 10px;
    text-align:center;
    background: #F26522;
    color: white;

}

/* BOTTOM SEPARATOR */

#bottom_separator{
	height:20px;
}


/* FOOTER */

#footer_top{
	background-color:#F16421;
	height:20px;
	text-align:center;
}

#footer_top p{
	padding-top:2px;
	color:#bf2e1a;
	font-size:9px;
}

#footer_top a{
	color:white;
	text-decoration:underline;
}

.text, #bom_link a{
	color:#5e0900;
}

#footer_separator {
	height:2px;
}

#footer_bottom {
	height:40px;
	background: white;
}

#footer_bottom_left{
	position:relative;
	height:100%;
}

#sponsor_2{
	position:absolute;
	left:55px;
	padding-top:10px;
}
#sponsor_3{
	position:absolute;
	left:330px;
	padding-top:2px;
}
#sponsor_4{
	position:absolute;
	left:530px;
	padding-top:5px;
}
#sponsor_5{
	position:absolute;
	left:760px;
	padding-top:2px;
}
#sponsor_6{
	position:absolute;
	left:920px;
	padding-top:2px;
}

/*  EXTRA STUFF */
.topmessage     {
	font-family:BOM-Tahoma,BOM-Tahoma-IE, Tahoma,Verdana,Arial,sans-serif;
	font-size:11px;
	color:#FF0000;
	text-decoration:none;
	padding:5px 5px 5px 5px;
	margin:5px 50% 10px 0px;
	border:1px solid #FF0000;
}



/*--- NEW LAYOUT 2024 ---*/

.logo_title img {
  /* for img alt */
  color: white;
  font-size: 30px;
}
.logo_title img.sub {
  display: block;
  margin-top: 3px;
  height:18px;
  max-width:92%;
  /* for img alt */
  font-size: 20px;
}

*:focus-visible {
  outline: 0px solid transparent;
}

.grid.querygrid {
  height: unset;
}

/* avoid separator white line below last element */
#left .grid:last-child {
  /* border-bottom-width: 0; */
}

/* -- DYNAMIC HEIGHT -- */

#wrapper {
  display: flex;
  flex-direction: column;
  height: 100dvh;
}

header {
  position: relative;
  margin-bottom: 1ex;
}

footer {
}

main {
  flex: 1;
  overflow: scroll;
}


.fixable-top.fixed,
.fixable-bottom.fixed {
  /*position: fixed;*/
  /*z-index: 2000;*/
}

.fixable-top.fixed {
  top: 0;
}

.fixable-bottom.fixed {
  bottom: 0;
}

.fixable-hidden.fixed {
  display: none;
}

/* FIXES to apply:
 * #cm>div { - margin-*:-0.5% }
 * #cm #r-results.r-results { - margin:0.5% }
 * #cm #r-results.r-results > div[1] { - height:450 | - overflow-y:scroll }
 * move border to <main>
 */

/* -- DYNAMIC WIDTH -- */

/* - HEADER - */
/* Note: following elements are now empty, but still used as spanning grid areas for styling:
 * .header_top
 * .header_top_right
 * .header_bottom
 * .header_bottom_right (used to have only the .right class)
 * (completely removed: .header_bottom_right_table, tbody)
 * #upper_slice, #lower_slice
 */
header {
  display: grid;
  grid-template:
    "home  fader fader " 100px
    "space space space"   2px
    "navi  info  .    " fit-content(20px)
    "navi  .     .    "  20px
   / 430fr 600fr 100px;
}

/* patch-reset legacy CSS (TODO:cleanup) */
header > * {
  float: unset !important;
  height: unset !important;
}
.logo_title,
#t_l_Nav, #b_l_Nav {
  width: unset !important;
}

.header_top { grid-area: 1 / 1  /  1 / -1; }
.header_top_left { grid-area: home; }
.header_top_right { grid-area: 1 / 2  /  auto / span 2; }
.right_1 { grid-area: fader; }
.right_2 { /*grid-area: logo;*/ display: none; }

.header_separator { grid-area: space; }

.header_bottom { grid-area: 3 / 1  /  -1 / -1; }
.header_bottom_left { grid-area: navi; }
.header_bottom_right { grid-area: 3 / 2  /  -1 / -1; }
#upper_slice { grid-area: 3 / 2  /  auto / -1; }
#t_l_Nav { grid-area: info; }
#t_r_Nav { grid-area: 3 / 3; }
#lower_slice { grid-area: 4 / 2  /  auto / -1; }
#b_l_Nav { grid-area: 4 / 2; }
#b_r_Nav { grid-area: 4 / 3; }

.logo_title {
  padding-left: 20px;
}

/* space fader images evenly */
.fader {
  background-size: 100% 100%;
  display: table;
  width: 100%;
}

/* footer sponsors */
#footer_bottom_left {
  width: 1100px;   /* sponsor logos have absolute px positioning */
  margin: 0 auto 0 auto;
}


/* - MAIN - */
/*
@media (max-width: 1500px) { body { font-size: 30px; }}
@media (max-width: 1400px) { body { font-size: 28px; }}
@media (max-width: 1300px) { body { font-size: 26px; }}
@media (max-width: 1200px) { body { font-size: 24px; }}
@media (max-width: 1000px) { body { font-size: 22px; }}
@media (max-width: 900px) { body { font-size: 20px; }}
@media (max-width: 800px) { body { font-size: 18px; }}
@media (max-width: 700px) { body { font-size: 16px; }}
@media (max-width: 600px) { body { font-size: 14px; }}
@media (max-width: 500px) { body { font-size: 12px; }}
@media (max-width: 400px) { body { font-size: 10px; }}
@media (max-width: 300px) { body { font-size: 8px; }}
*/

#wrapper {
  width: 88%;
}

/* SUCHE */
.main_columns,
.main_columns > form {
  width: 100%;
}

/* RESULTS */
/* min-width of each object is typically 352px */
/* height of each object is 2+174+2px */
#r-results > div:nth-child(1) {
  position: sticky !important;
  top: 0;
}
#r-results > div.results {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}

#bodo-sr5 .Float-div {
  max-width: unset;
}

#bodo-sr5 .Float-div > * {
  float: unset;
  display: inline-block;
  width: 50% !important;
  height: 178px !important;
}

#bodo-sr5 .Float-div table.res {
  width: 100%;
  height: 100%;
}

#bodo-sr5 .Float-div table.res .img_div {
  /* display: inline;   /* disables width,height */
  width: auto;
}

/* DETAILS */
#r-results > div.details {
  display: grid;
  grid-template-columns: 382fr 618fr;   /* goldener Schnitt */
}

/* let only td be placed in grid */
#r-results > div.details > table,
#r-results > div.details > table > tbody,
#r-results > div.details > table > tbody > tr {
  display: contents;   /* let contents be placed in grid */
}

/* make dynamic width */
#r-results > div.details > table > tbody > tr > *,
#r-results > div.details > table > tbody > tr > * > * {
  width: unset;
}

#r-results > div.details #res div.images {
  width: 200px;
}


/* --- start NG layouting [fvg202402/05] --- */
.main_columns {
  /* same as #r-results > div.details in bodo/css/layout.css */
  display: grid;
  /*grid-template-columns: 382fr 618fr;   /* goldener Schnitt */
  grid-template:
    "imgs desc desc" 100%
   / 430fr 600fr 100px;

}

/* (nested selectors are supported only >~202305 */
.main_columns .main_form_simple { display: contents; }   /* if .main_columns > .main_form_simple > #left,#right: make form NOOP */
.main_columns #left { grid-area: imgs; width: auto; overflow-y: scroll; overflow-x: visible; }
.main_columns #right { grid-area: desc; width: auto; }

.main_columns .main_form_simple .error { height: 3em; }


/*
list-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px;
  --margin-left;
  --width;
}

#bodo-sr5 .Float-div-wrapper {
  --float;
  flex: 1;
}

#bodo-sr5 .Float-div {
  width: max-content;
}

.Float-div {
  --ev--float;
}
*/

/* - */
/*
#bodo-sr5 .Float-div {
  --float;
  min-width: 340px;
}
#bodo-sr5 .Float-div > * {
  width: 50%;
  display: inline-block;
}
/* stretch text bg */
/*
#bodo-sr5 table.res {
  width: 100%;
}
*/