/**
 * Home Screen CSS
 * Screen-spezifische Ergaenzungen (Hero-Titel-Akzent).
 */

.screen-home-hero-title-accent {
  color: var(--color-orange);
}

/* Änderungsprotokoll: 2026-06-14 | agent | @skill-css-rules, @skill-change-provenance | TYPO3-Chrome und Home-Suche fuer UI-CSS-Validierung */
.no-js,
.tx_assetcollector,
.form,
.tx-indexedsearch-hidden-fields,
.search_icon,
.mobileSearchIcon,
.desktopSearchIcon,
.desktopCloseIcon,
.mobile_mainnav,
.hassub,
.mobile_langnav,
.main_wrapper_default,
.container-header,
.grid,
.logowrapper,
.header_logo,
.header_logo_small,
.mainnav_wrapper,
.mainnav,
.metaheader,
.contactBtn,
.metaheader__cart,
.random-param,
.e,
.f,
.c,
.b,
.d,
.metaheader__cart-quantity,
.mt_icon,
.subnav_container,
.subnav_wrapper,
.subnav,
.sn_products,
.sn_header,
.show_title,
.close-x,
.subnav_std,
.wide,
.mainstage,
.breadcrumb_wrapper,
.mainfooter,
.icon_about,
.col_footernav,
.base-search-input-wrapper,
.base-search-button {
  box-sizing: border-box;
}