:is(#poster-configurator,#flyer-configurator,#display-configurator,#dtf-configurator,#print-configurator,.scan-layout){font-size:14px;line-height:1.5}
:is(#poster-configurator,#flyer-configurator,#display-configurator,#dtf-configurator,#print-configurator,.scan-layout) :is(input,select,textarea){font-size:16px}
:is(#poster-configurator,#flyer-configurator,#display-configurator,#dtf-configurator,#print-configurator,.scan-layout) :is(button,summary){font-size:14px}
:is(#poster-configurator,#flyer-configurator,#display-configurator,#dtf-configurator,#print-configurator,.scan-layout) h3{font-size:18px}
@media(max-width:700px){:is(#poster-configurator,#flyer-configurator,#display-configurator,#dtf-configurator,#print-configurator,.scan-layout) :is(input,select,textarea){font-size:16px}:is(#poster-configurator,#flyer-configurator,#display-configurator,#dtf-configurator,#print-configurator,.scan-layout) :is(button,summary){font-size:14px}}

/* v223: keine grosse Karte mehr um bereits gegliederte Konfiguratorbereiche. */
:is(#poster-configurator,#cards-configurator,#print-configurator) .poster-layout>.poster-panel,
#dtf-configurator .dtf-grid>.poster-panel,
#display-configurator .display-grid>.display-panel:not(.display-summary),
#flyer-configurator .flyer-layout>.flyer-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
:is(#poster-configurator,#cards-configurator,#print-configurator) .poster-layout>.poster-panel>fieldset,
#dtf-configurator .dtf-grid>.poster-panel,
#display-configurator .display-grid>.display-panel:not(.display-summary),
#flyer-configurator .flyer-layout>.flyer-panel{display:grid;gap:18px}
#dtf-configurator .dtf-grid>.poster-panel>fieldset{display:grid;gap:18px;margin:0}
:is(#poster-configurator,#cards-configurator,#print-configurator) .poster-layout>.poster-panel>fieldset>*,
#dtf-configurator .dtf-grid>.poster-panel>fieldset>*{margin-top:0;margin-bottom:0}
#dtf-configurator .dtf-grid>.poster-panel>h2{margin:0}
#poster-configurator .poster-position,
#print-configurator .print-page-group,
#dtf-configurator :is(.dtf-upload,.dtf-motif,.dtf-customer),
#cards-configurator :is(.cards-spec,.cards-upload,.cards-data-help),
#display-configurator .display-config-section,
#flyer-configurator .flyer-config-section{box-sizing:border-box;margin:0;padding:22px;border:1px solid #dce5e9;border-radius:16px;background:#fff;box-shadow:none}
#poster-configurator .poster-position+.poster-position,
#print-configurator .print-page-group+.print-page-group{margin-top:18px}
#dtf-configurator .dtf-motif{border:1px solid #dce5e9}
#dtf-configurator .dtf-customer{padding-bottom:22px;border-bottom:1px solid #dce5e9}
#cards-configurator .cards-spec{margin:0}
#cards-configurator .cards-upload{border-style:dashed}
#flyer-configurator .flyer-production{margin:0}
#flyer-configurator .flyer-note{margin-top:16px}
#display-configurator .display-config-section>h2:first-child,
#display-configurator .display-config-section>.display-scene:first-child+h2,
#flyer-configurator .flyer-config-section>h2:first-child{margin-top:0}

@media(max-width:700px){
 :is(#poster-configurator,#cards-configurator,#print-configurator) .poster-layout>.poster-panel,
 #dtf-configurator .dtf-grid>.poster-panel,
 #display-configurator .display-grid>.display-panel:not(.display-summary),
 #flyer-configurator .flyer-layout>.flyer-panel{padding:0!important;border:0!important;background:transparent!important}
 :is(#poster-configurator,#cards-configurator,#print-configurator) .poster-layout>.poster-panel>fieldset,
 #dtf-configurator .dtf-grid>.poster-panel,
 #display-configurator .display-grid>.display-panel:not(.display-summary),
 #flyer-configurator .flyer-layout>.flyer-panel{gap:14px}
 #dtf-configurator .dtf-grid>.poster-panel>fieldset{gap:14px}
 #poster-configurator .poster-position,
 #print-configurator .print-page-group,
 #dtf-configurator :is(.dtf-upload,.dtf-motif,.dtf-customer),
 #cards-configurator :is(.cards-spec,.cards-upload,.cards-data-help),
 #display-configurator .display-config-section,
 #flyer-configurator .flyer-config-section{padding:16px!important;border:1px solid #dce5e9!important;border-radius:12px!important;background:#fff!important}
}
