#gn2_instavariants_container { min-height: 200px; width: 100%; margin: 0; float: left; clear: both; }
#gn2_instavariants_container fieldset { width: 90%; margin: 0 0 25px 0; padding: 7% 3% 0 7%; border: none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #f7f7f7; float: left; clear: both; }
#gn2_instavariants_container legend { width: 100%; margin: 0 0 15px 0; padding: 0; background: none; font-weight: bold; font-size: 1.6em; float: left; clear: both; }
#gn2_instavariants_container p { width: 100%; margin: 0 0 15px 0; padding: 0; float: left; clear: both; }
#gn2_instavariants_container h3 { width: 100%; margin: 0 0 10px 0; padding: 0; font-size: 1.2em; float: left; clear: both; }
#gn2_instavariants_container div { width: 100%; margin: 0; padding: 0; float: left; clear: both; }

#gn2_instavariants_container .gn2_iv_component_infotext { margin: 0 0 25px 0; }
#gn2_instavariants_container .gn2_iv_property_infotext { margin: 0 0 15px 0; display:none; }

#gn2_instavariants_container .gn2_iv_select { }
#gn2_instavariants_container .gn2_iv_select label { display: none; }
#gn2_instavariants_container .gn2_iv_select select { width: auto; min-width: 150px; margin: 0 0 10px 0; float: left; clear: none; }

#gn2_instavariants_container .gn2_iv_radio { }
#gn2_instavariants_container .gn2_iv_radio .gn2_iv_radio_opt { width: 45%; margin: 0 5% 10px 0; float: left; clear: none; }
#gn2_instavariants_container .gn2_iv_radio .gn2_iv_radio_opt input { margin: 2px 8px 0 0; padding: 0; float: left; clear: none; }
#gn2_instavariants_container .gn2_iv_radio .gn2_iv_radio_opt label { margin: 0; padding: 0; float: none; clear: none; }

#gn2_instavariants_container .gn2_iv_checkbox { }
#gn2_instavariants_container .gn2_iv_checkbox .gn2_iv_checkbox_opt { width: 45%; margin: 0 5% 10px 0; float: left; clear: none; }
#gn2_instavariants_container .gn2_iv_checkbox .gn2_iv_checkbox_opt input { margin: 2px 8px 0 0; padding: 0; float: left; clear: none; }
#gn2_instavariants_container .gn2_iv_checkbox .gn2_iv_checkbox_opt label { margin: 0; padding: 0; float: none; clear: none; }

#gn2_instavariants_container .gn2_iv_boxes { margin: 0 0 10px 0; }
#gn2_instavariants_container .gn2_iv_boxes .gn2_iv_box { cursor: pointer; background: #ccc; color: #000; text-align: center; font-size: 13px; line-height: 17px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 5% 5% 0; padding: 2%; width: 41%; clear: none; float: left; }
#gn2_instavariants_container .gn2_iv_boxes .gn2_iv_box.checked { background: #b8dde6; color: #1d7e96; }
#gn2_instavariants_container .gn2_iv_boxes .gn2_iv_box.hover { background: #b8dde6; color: #1d7e96; }
#gn2_instavariants_container .gn2_iv_boxes .gn2_iv_box.disabled { background: #e9e9e9; color: #ccc; cursor: default; }

#gn2_instavariants_container .gn2_iv_dropdown {  }
#gn2_instavariants_container .gn2_iv_dropdown .dropDown { width: auto; }
#gn2_instavariants_container .gn2_iv_dropdown .dropDown ul.drop { z-index: 9999; }
#gn2_instavariants_container .gn2_iv_dropdown .dropDown p.selectorLabel { width: auto; min-width: 135px; }
#gn2_instavariants_container .gn2_iv_dropdown .gn2_iv_infotext_button { width:auto; min-width:10px;}
#gn2_instavariants_container .drop li .gn2_iv_highlight { background-color: #D1E2AF; font-weight: bold;}


#gn2_instavariants_container .drop li.selectOptionGroup { background-color:#666;color:white; border-bottom: 1px solid white;}

#gn2_instavariants_container .drop li.selectOptionGroupHidden { background-color:red;color:white; border-bottom: 1px solid white;}


.selectGroupHidden{background-color: lightpink; display: none;}
.selectGroupShow{background-color: gold; display: block;}

/*nav .subtitle::after {*/
/*    position: absolute;*/
/*    content: " ▶";*/
/*    color: currentColor;*/
/*    display: inline-block;*/
/*    width: 2em;*/
/*    right:0;*/
/*}*/

/*nav .subtitle:hover::after, nav .subtitle:focus::after{*/
/*    content:" ▼";*/
/*}*/


/* ToDo: CSS anpassen */
#gn2_instavariants_container .gn2_iv_property_invalid { background: #ccc; color: #000; cursor: default; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#gn2_instavariants_container .gn2_iv_property_invalid h3 { color: #F00; }
#gn2_instavariants_container .gn2_iv_property_invalid label { color: #F00; }


.gn2_iv_initializing { background-image: url(../../img/gn2_instavariants_loader.gif); background-repeat: no-repeat; background-position: center center; }
#gn2_iv_loading_layer { display: none; background: #fff url(../../img/gn2_instavariants_loader.gif) center center no-repeat; opacity: 0.6; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

#gn2_instavariants_container .gn2_iv_customfields_errorMsg { display:none; color:#F00; }


@media (max-width: 699px) {

    #gn2_iv_loading_layer { display: block; }

}