/* styling for configurator */
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) > div > .form-section:nth-child(5),
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) > div > .form-section:nth-child(6),
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) > div > .form-section:nth-child(7),
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) > div > .form-section:nth-child(8) {
  width: 25%;
  display: inline-block;
  margin: 0;
  margin-right: -4px;
}
@media (max-width: 1200px) {
  .tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) > div > .form-section:nth-child(5),
  .tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) > div > .form-section:nth-child(6),
  .tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) > div > .form-section:nth-child(7),
  .tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) > div > .form-section:nth-child(8) {
    width: 50%;
  }
}
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) .form-section:has(typo3-formengine-element-password) label {
  font-size: 28px;
}
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) .form-section:has(typo3-formengine-element-password) typo3-formengine-element-password {
  display: none;
}
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) [id$="feditorce_feditor_configurator_fonts"] > div > div > div > div > .tab-content > div > .form-section:nth-child(2) {
  width: 160px;
  display: inline-block;
  margin: 0;
  margin-right: -4px;
  border-top: none;
}
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) [id$="feditorce_feditor_configurator_fonts"] > div > div > div > div > .tab-content > div > .form-section:nth-child(3) {
  width: calc(100% - 160px);
  display: inline-block;
  margin: 0;
  margin-right: -4px;
  border-top: none;
}
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) [id$="feditorce_feditor_configurator_font_tags"] > div > div > div > div > .tab-content > div .form-section:nth-child(3),
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) [id$="feditorce_feditor_configurator_font_tags"] > div > div > div > div > .tab-content > div .form-section:nth-child(4),
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) [id$="feditorce_feditor_configurator_font_tags"] > div > div > div > div > .tab-content > div .form-section:nth-child(5),
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) [id$="feditorce_feditor_configurator_font_tags"] > div > div > div > div > .tab-content > div .form-section:nth-child(6),
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) [id$="feditorce_feditor_configurator_font_tags"] > div > div > div > div > .tab-content > div .form-section:nth-child(9),
.tab-content:has(option[value="Jar\\Feditor\\Domain\\Model\\ContentElement\\Feditor\\Configurator"]:checked) [id$="feditorce_feditor_configurator_font_tags"] > div > div > div > div > .tab-content > div .form-section:nth-child(10) {
  width: 50%;
  display: inline-block;
  margin: 0;
  margin-right: -4px;
}

.formengine-field-item:has(select[name$="[burger_menu_icon_color]"]) {
  max-width: 14rem;
}

select[name$="[burger_menu_icon_color]"] {
  width: 14rem;
  max-width: 100%;
}
/* .formengine-field-item:has([name$="[newsteaser_enable_aspect_ratio]"]),
.formengine-field-item:has([name$="[newsteaser_img_aspect_ratio]"]) {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
} */

div[data-fieldname="newsteaser_enable_aspect_ratio"] {
 padding-right: 5px !important;
}

div[data-fieldname="newsteaser_img_aspect_ratio"] {
  padding-left: 5px !important;
}