www.haefele.de
Open in
urlscan Pro
13.32.99.65
Public Scan
Submitted URL: https://de.hafele-news.com/i/01bocV6IFRS1vpdGMQsfwWYVTwp_jklRJgwYP8VhFMU
Effective URL: https://www.haefele.de/de/info/inspiration/inspiration/ideen-loesungen-fuer-ihr-projekt/einfach-gutes-licht.-anwendunge...
Submission: On August 09 via manual from IN — Scanned from DE
Effective URL: https://www.haefele.de/de/info/inspiration/inspiration/ideen-loesungen-fuer-ihr-projekt/einfach-gutes-licht.-anwendunge...
Submission: On August 09 via manual from IN — Scanned from DE
Form analysis
9 forms found in the DOMName: hubOnePageCheckout — POST https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewHubPage-Submit
<form method="post" onsubmit="return validateCvv();" action="https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewHubPage-Submit" name="hubOnePageCheckout" id="js-hubOnePageCheckout"
class="js-quick-buy o-quick-buy hubOnePageCheckout"><input type="hidden" name="SynchronizerToken" value="dc615d8c6032096609931d6e8a88b076c7d4e06546a0ecfb8a39445410e32f0b">
<div class="modal fade c-modal c-modal--bottom-fixed quick-mobile-buy-now js-quick-mobile-buy-now" id="js-quick-mobile-buy-now" role="dialog"></div>
<div class="modal fade c-modal c-modal--bottom-fixed js-quick-mobile-address" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header js-quick-buy-address-header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-page" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Lieferadresse</h2>
<button type="button" class="hide js-close-address-list" data-dismiss="modal"></button>
</div>
<div class="modal-body c-modal__body c-modal__body--space-top o-quick-buy__address-margin js-quick-mobile-address__content o-quick-buy__scrollable o-quick-buy__scrollable--addresses u-inner-bottom-15"></div>
</div>
</div>
</div>
<div class="modal fade c-modal c-modal--bottom-fixed quick-delivery-type js-quick-delivery-type" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-page" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Lieferung</h2>
</div>
<div class="c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height">
<div class="js-quick-spping-type__content o-quick-buy__quick-spping-type__content"></div>
<div class="js-quick-delivery-type__content"></div>
</div>
</div>
</div>
</div>
<div id="add-credit-card-modal" class="modal fade c-modal c-modal--bottom-fixed o-quick-buy__add-credit-card-modal createCreditCardLayer js-add-credit-card-modal" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver js-new-cc-header">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-credit-card-list" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Neue Kreditkarte eintragen</h2>
</div>
<div id="js-add-credit-card" class="modal-body c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height"></div>
</div>
</div>
</div>
<div class="modal fade c-modal c-modal--bottom-fixed js-quick-shipping-reference" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-from-reference" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Versandinformationen</h2>
</div>
<div class="c-modal__body c-modal__body--space-top-bottom js-quick-shipping-reference__content">
<div class="u-outer-bottom-15 js-order-reference-error hidden">
<div class="warningContainer o-quick-buy__error-message">Ihre Angaben konnten nicht gespeichert werden. Bitte überprüfen Sie die markierten Felder.</div>
</div>
<div class="c-info-box__container--form formField u-outer-bottom-30 u-xs-relative">
<label class="u-normal u-outer-bottom-10">Bestellzeichen</label>
<input class="form-control a-input t-input js-order-reference" maxlength="30" type="text" value="Web Shop" data-order-reference="Web Shop">
</div>
<div class="u-outer-bottom-10 js-PrepackConsignmentBlock">
<label class="u-normal u-outer-bottom-20">Nach Kommission verpackt</label>
<div class="row">
<div class="col-xs-12">
<input id="js-radio-PrepackConsignment" type="hidden">
<div class="radioButton " id="PrepackConsignmenttrue" data-name="PrepackConsignment" data-value="true"></div><input type="radio" id="prepack_true" name="PrepackConsignment" value="true" class="initialized"
style="display: none;"><label class="labelFont radiolabel" for="PrepackConsignmenttrue">Ja</label>
<div class="radioButton checked" id="PrepackConsignmentfalse" data-name="PrepackConsignment" data-value="false"></div><input type="radio" id="prepack_false" name="PrepackConsignment" checked="" value="false" class="initialized"
style="display: none;"><label class="labelFont radiolabel" for="PrepackConsignmentfalse">Nein</label>
</div>
</div>
</div>
<div class="formField u-outer-bottom-15">
<input id="js-collapse-PrepackConsignmentBlock" type="hidden">
<label class="u-normal js-collapse-header-PrepackConsignmentBlock" data-toggle="collapse" data-target=".js-collapse-PrepackConsignmentBlock">Nachricht an Häfele
<i class="icon font-icon font-icon-arrow-down u-outer-left-10 js-icon-rotate"></i>
</label>
<div class="js-collapse-PrepackConsignmentBlock collapse" aria-expanded="false" style="height: 1px;">
<textarea id="orderNote" class="a-input t-input js-shipping-order-note"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade c-modal c-modal--bottom-fixed js-quick-product-delivery-date" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-from-reference" data-dismiss="modal"
data-alternate-date-label="Abweichendes Datum"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Datum</h2>
</div>
<div class="c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height js-quick-shipping-reference__content">
<div id="js-edit-date-with-lineItem-container">
</div>
</div>
</div>
</div>
</div>
</form>
GET https://www.haefele.de/de/account/login/
<form action="https://www.haefele.de/de/account/login/" method="GET"><input type="hidden" name="SynchronizerToken" value="dc615d8c6032096609931d6e8a88b076c7d4e06546a0ecfb8a39445410e32f0b">
<input type="hidden" name="TargetURL" value="">
<div class="a-btn-wrapper">
<button class="a-btn a-btn--xs-fw t-btn t-btn-primary" id="logInAgain" href="https://www.haefele.de/de/account/login/">Erneut anmelden</button>
<a class="a-btn a-btn--xs-fw t-btn t-btn-secondary cancelButton">Schließen</a>
</div>
</form>
<form id="formLawCookie">
<div class="hflLayerBox cookieOptOutWarningLayer" style="display:none" id="lawcookieGoogleAnalytcis">
<div class="hflLayerContainer container isMobile">
<div class="hflLayerCnt">
<div class="warningContainer">
<h2 class="layerHeadline">Die Cookies sind deaktiviert.</h2>
<p>Bitte erlauben Sie das setzen von Cookies, um uneingeschränkt alle Inhalte und Funktionen der Website nutzen zu können.</p>
</div>
<div class="warningLayerButtons">
<a class="close-notify stdButton focusButton btn btn-secondary-small" href="#">OK</a>
</div>
<span class="icn-close"></span>
</div>
</div>
</div>
</form>
Name: searchForm — https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewParametricSearch-SimpleOfferSearch
<form action="https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewParametricSearch-SimpleOfferSearch" name="searchForm" class="js-search" data-searchid="searchForm" id="searchForm"><input type="hidden" name="SynchronizerToken"
value="dc615d8c6032096609931d6e8a88b076c7d4e06546a0ecfb8a39445410e32f0b"><input type="hidden" value="all" name="SearchType" id="SearchType">
<div class="search-box-button c-input-search c-input-search--xs">
<div class="remove-search js-searchbar-icn--remove" onclick="javascript:void(0);">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-002-2-close-dot"></use>
</svg>
</div><input type="text" name="SearchTerm" autocomplete="off" data-testid="InputSearchTerm" id="inputSearchTerm"
class="js-search searchTerm a-input t-input a-input--no-border t-input--no-background c-input-search__input u-xs-inner-left-15 u-xs-inner-right-15 u-xs-no-input-border"
data-suggest-url="https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewSuggestSearch-Suggest" placeholder="Suche" value="">
<input type="hidden" class="js-search" name="ProductId" id="inputProductId" data-searchid="inputProductId">
<input type="hidden" class="js-search" name="CategoryId" id="inputCategoryId" data-searchid="inputCategoryId">
<button type="button" class="search-icon icn-search visible-xs a-btn-icn a-btn-icn--md t-btn t-btn-icn t-btn-icn-primary c-input-search__button hidden" data-searchid="voiceSearchButton" data-testid="voiceSearchButton"
value="Voice Search"><i class="icon font-icon font-icon-set-icn-113-2-mike"></i></button>
<button type="button" class="js-search searchButton search-icon speechToTextSearch a-btn a-btn-icn a-btn-icn--md c-input-search__button o-top-header__search--btn u-no-outer-bottom js-searchbar-icn--search" data-searchid="searchButton"
data-testid="SearchButton" value="Search">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-051-2-search"></use>
</svg>
</button>
</div>
</form>
Name: ClearNotifications — POST https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewRecommendations-ClearNotifications
<form method="post" action="https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewRecommendations-ClearNotifications" name="ClearNotifications"><input type="hidden" name="SynchronizerToken"
value="dc615d8c6032096609931d6e8a88b076c7d4e06546a0ecfb8a39445410e32f0b"><input type="hidden" name="SynchronizerToken" value="dc615d8c6032096609931d6e8a88b076c7d4e06546a0ecfb8a39445410e32f0b">
<div class="modal-header c-modal__header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-002-2-close"></use>
</svg>
</span>
</button>
<h4 class="modal-title text-left u-font-18">Benachrichtigungen<button class="a-text-link a-text-link--btn t-text-link a-text-link--no-underline o-notification--list__clear-all jsClearNotification hidden" type="submit" value="ClearAll"
name="ClearAll">Alle entfernen</button></h4>
</div>
<div class="modal-body c-modal__body">
<div class="scheme-notification notification-type"><span class="alert-loader"></span></div>
<div class="quote-notification notification-type"><span class="alert-loader"></span></div>
<div class="order-notification notification-type"><span class="alert-loader"></span></div>
<div class="backInStock-notification notification-type"><span class="alert-loader"></span></div>
<div class="productrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="categoryrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="u-outer-top-15 js-no-alerts-text hidden">
<p>Es liegen keine Benachrichtigungen für Sie vor.</p>
</div>
</div>
</form>
Name: directOrderForm — POST https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewCart-Dispatch
<form name="directOrderForm" class="directOrderForm" id="directOrderForm" action="https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
value="dc615d8c6032096609931d6e8a88b076c7d4e06546a0ecfb8a39445410e32f0b">
<input type="hidden" name="furtherShoppingURL"
value="ViewStandardCatalog-Browse;&SeoID=192430&utm_source=Maileon&utm_medium=email&utm_campaign=Newsletter-Sales_Einfach_gutes_Licht_2023_1&utm_content=https://www.haefele.de/de/info/inspiration/inspiration/ideen-loesungen-fuer-ihr-projekt/einfach-gutes-licht.-anwendungen/kueche/192430/">
<input type="hidden" name="MaxNoOfLines" value="6" data-bind="value: rowCount()">
<input type="hidden" name="directOrderFlyout" value="directOrderFlyout" id="directOrderFlyout">
<input type="hidden" name="CreatedBy" value="DirectOrderFlyout">
<table class="o-flyout__table quick-order-rows-container" id="tblQuickOrder">
<thead class="hidden-xs o-flyout__thead">
<tr class="o-flyout__row o-flyout__row--no-border">
<th class="o-flyout__column o-flyout__col-width-20 u-no-inner-left u-inner-bottom-5 u-normal"> </th>
<th class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-inner-bottom-5 u-normal"> Art./EAN-Nr.</th>
<th class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-inner-bottom-5 u-normal">Menge</th>
<th class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-inner-bottom-5 u-normal">Kommission</th>
<th> </th>
</tr>
</thead>
<tbody class="js-list-item-row list-item-row" data-bind="foreach: rows()">
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">1.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_1">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_1" id="ConditionConfiguration_articleNo_1" data-testid="DirectOrderInputArticleNo_1">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_1" id="ConditionConfiguration_quantity_1" data-testid="DirectOrderInputQuantity_1">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_1"
id="searchbar_ConditionConfiguration_consignment_1" data-testid="DirectOrderInputConsign_1">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_1">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">2.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_2">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_2" id="ConditionConfiguration_articleNo_2" data-testid="DirectOrderInputArticleNo_2">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_2" id="ConditionConfiguration_quantity_2" data-testid="DirectOrderInputQuantity_2">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_2"
id="searchbar_ConditionConfiguration_consignment_2" data-testid="DirectOrderInputConsign_2">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_2">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">3.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_3">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_3" id="ConditionConfiguration_articleNo_3" data-testid="DirectOrderInputArticleNo_3">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_3" id="ConditionConfiguration_quantity_3" data-testid="DirectOrderInputQuantity_3">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_3"
id="searchbar_ConditionConfiguration_consignment_3" data-testid="DirectOrderInputConsign_3">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_3">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">4.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_4">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_4" id="ConditionConfiguration_articleNo_4" data-testid="DirectOrderInputArticleNo_4">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_4" id="ConditionConfiguration_quantity_4" data-testid="DirectOrderInputQuantity_4">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_4"
id="searchbar_ConditionConfiguration_consignment_4" data-testid="DirectOrderInputConsign_4">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_4">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">5.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_5">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_5" id="ConditionConfiguration_articleNo_5" data-testid="DirectOrderInputArticleNo_5">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_5" id="ConditionConfiguration_quantity_5" data-testid="DirectOrderInputQuantity_5">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_5"
id="searchbar_ConditionConfiguration_consignment_5" data-testid="DirectOrderInputConsign_5">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_5">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">6.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_6">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_6" id="ConditionConfiguration_articleNo_6" data-testid="DirectOrderInputArticleNo_6">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_6" id="ConditionConfiguration_quantity_6" data-testid="DirectOrderInputQuantity_6">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_6"
id="searchbar_ConditionConfiguration_consignment_6" data-testid="DirectOrderInputConsign_6">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_6">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td> </td>
<td class="o-flyout__column u-no-inner-left u-inner-top-5" colspan="5">
<a href="#" class="a-text-link a-text-link--no-underline t-text-link pull-sm-left js-add-further" data-testid="AddMoreArticleWrapper" data-bind="click: addRowForce">
<span class="o-flyout__icn-angle">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" class="svg-icons"><use xlink:href="#icn-001-2-arrow"></use></svg>
</span>
<span>weiteren Artikel hinzufügen</span>
</a>
<div class="addToOpenOrderLink pull-sm-left">
<div id="js-directOrderChange">
<button class="shoppingCartOption is-link-view js-selection-aware hflLink js-executeDirectOrderChange o-flyout__btn-change-order" id="executeHeaderOrderChange" name="directOrderChange" type="button" value="directOrderChange"
data-changeorderurl="https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewChangeOrder-GetChangeOrderView?StateFilter=CHANGEABLE">
<span class="stdButtonInner o-flyout__btn-change-order-text">Zu einer änderbaren Bestellung hinzufügen</span>
</button>
</div>
</div>
<a href="#" class="a-btn a-btn--xs-fw t-btn t-btn-primary js-csrf-disabled pull-sm-right" data-testid="DirectOrderButtonToCart" name="directOrderFlyout" data-bind="click: submit">
<span class="u-outer-right-10 hidden-xs"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="svg-icons"><use xlink:href="#icn-040-2-cart"></use></svg></span> <span>In den Warenkorb</span>
</a>
</td>
</tr>
</tfoot>
</table>
<input type="hidden" name="DeviceSource" value="desktop">
</form>
Name: miniCartGoToCartQuickForm — GET https://www.haefele.de/de/cart/
<form action="https://www.haefele.de/de/cart/" name="miniCartGoToCartQuickForm" class="js-miniGoToCartQuick1 u-display-inline" method="get"><input type="hidden" name="SynchronizerToken"
value="dc615d8c6032096609931d6e8a88b076c7d4e06546a0ecfb8a39445410e32f0b">
<input type="hidden" class="js-search js-furtherShoppingURL" name="furtherShoppingURL"
value="ViewStandardCatalog-Browse;&SeoID=192430&utm_source=Maileon&utm_medium=email&utm_campaign=Newsletter-Sales_Einfach_gutes_Licht_2023_1&utm_content=https://www.haefele.de/de/info/inspiration/inspiration/ideen-loesungen-fuer-ihr-projekt/einfach-gutes-licht.-anwendungen/kueche/192430/"
data-searchid="furtherShoppingURL"><a id="js-cartButton" class="cartQuickViewButton a-text-link a-text-link--no-underline t-text-link t-text-link--secondary u-display-inline" href="https://www.haefele.de/de/cart/" data-testid="CartQuickViewButton" data-minicartlabelurl="https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/IncludeCart-MiniCartLabel" data-minicartcontenturl="https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewCart-GetCartFlyoutPreviewContent" data-cart-text="Warenkorb" data-cart-count-text="Warenkorb (null)"><span id="cart-item-value">
<span class="o-top-header__btn-cart">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 64 64" class="svg-icons" title="Warenkorb"><use xlink:href="#icn-040-2-cart"></use></svg>
<span class="mini-cart-qty o-top-header__btn-cart-qty t-top-header__btn-cart-qty">0</span>
</span>
<span class="hidden-md visible-lg-inline u-lg-outer-top-10 u-line-height-26">Warenkorb</span>
</span></a>
</form>
Name: loginWithExistingAccountForm — POST https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewUserAccount-ProcessLoginHeaderItemLogin
<form name="loginWithExistingAccountForm" id="loginWithExistingAccountForm" class="stdForm" action="https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewUserAccount-ProcessLoginHeaderItemLogin" method="post"><input type="hidden"
name="SynchronizerToken" value="dc615d8c6032096609931d6e8a88b076c7d4e06546a0ecfb8a39445410e32f0b">
<div id="loginFormAjax" class="loginFormAjax myAccountLogin user-login-form-ajax">
<div id="HDERedirectContent" data-bind="visible: loginResult().getHDERedirectURL()" class="loginForm-label" style="display: none;">
<span data-bind="visible: loginResult().getBozen()" style="display: none;">
<p>Sie werden auf die Italienische Seite in Deutscher Sprache weitergeleitet. <br> Klicken Sie auf 'Weiter', um auf die Seite zu wechseln!</p>
<a class="a-text-link hfl-button hfl-button__focus btn-block" data-bind="click: submitHDERedirect">Weiter / Proceed</a>
</span>
<span data-bind="visible: !loginResult().getBozen()">
<p>Für Sie ist der Online Shop in einer anderen Sprachversion vorgesehen. Klicken Sie auf 'Weiter' um in die gültige Sprachvariante zu wechseln!<br><br>Your account is associated with a different language version of our online shop. Please
click on 'Proceed' in order to open the online shop in your language.</p>
<a class="a-text-link hfl-button hfl-button__focus btn-block" data-bind="click: submitHDERedirect">Weiter / Proceed</a>
</span>
</div>
<div id="loginFormContent" data-bind="visible: !loginResult().getHDERedirectURL()" class="loginForm-content">
<div role="alert" class="c-message t-message-error" data-bind="visible: loginResult().getError() && !loginResult().getHDERedirectURL()" style="display: none;">
<span data-bind="html: loginResult().getError()"></span>
</div>
<div class="row form-group">
<div class="col-sm-offset-4 col-sm-8">
<div class="co-user">
<div class="checkBox hfl-checkbox" id="divShopLoginForm_LoginAsJointUser_headerItemLogin" data-testid="divShopLoginForm_LoginAsJointUser_headerItemLogin" style="" data-name="ShopLoginForm_LoginAsJointUser_headerItemLogin" data-value="on">
</div><input type="checkbox" class="hfl-checkbox" name="ShopLoginForm_LoginAsJointUser_headerItemLogin" id="ShopLoginForm_LoginAsJointUser_headerItemLogin" data-testid="ShopLoginForm_LoginAsJointUser_headerItemLogin" value="on"
style="display: none;">
<label for="divShopLoginForm_LoginAsJointUser_headerItemLogin" class="checkboxlabel">Anmelden als Mitbenutzer</label>
</div>
</div>
</div>
<div class="row form-group">
<div class="col-sm-4 hidden-xs">
<label for="ShopLoginForm_Login_headerItemLogin" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
<span>Kunden-Nr. *</span>
</label>
</div>
<div class="col-sm-8">
<input type="text" tabindex="1" name="ShopLoginForm_Login_headerItemLogin" data-testid="FlyoutLoginEditUser" id="ShopLoginForm_Login_headerItemLogin" maxlength="60" value=""
data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_Login') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
<label for="ShopLoginForm_Login_headerItemLogin" class="hfl-textinput--placeholder visible-xs new-placeholder">
<span>Kunden-Nr. *</span>
</label>
<div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_Login')" style="display: none;">
<span data-bind="html:loginResult().getError('ShopLoginForm_Login')"></span>
</div>
</div>
</div>
<div class="row form-group inputUsername hidden">
<div class="col-sm-4 hidden-xs">
<label for="ShopLoginForm_UserName" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
<span>Mitbenutzername *</span>
</label>
</div>
<div class="col-sm-8">
<input autocomplete="off" type="text" tabindex="2" data-testid="FlyoutLoginUserName" name="ShopLoginForm_UserName_headerItemLogin" id="ShopLoginForm_UserName_headerItemLogin" value="" disabled=""
data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_UserName') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
<label for="ShopLoginForm_UserName" class="hfl-textinput--placeholder visible-xs new-placeholder">
<span>Mitbenutzername *</span>
</label>
<div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_UserName')" style="display: none;">
<span data-bind="html:loginResult().getError('ShopLoginForm_UserName')"></span>
</div>
</div>
</div>
<div class="row form-group">
<div class="col-sm-4 hidden-xs">
<label for="ShopLoginForm_Password" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
<span>Passwort *</span>
</label>
</div>
<div class="col-sm-8">
<input type="password" tabindex="3" maxlength="256" name="ShopLoginForm_Password_headerItemLogin" id="ShopLoginForm_Password_headerItemLogin" data-testid="FlyoutLoginEditLogin"
data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_Password') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
<label for="ShopLoginForm_Password" class="hfl-textinput--placeholder visible-xs new-placeholder">
<span>Passwort *</span>
</label>
<div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_Password')" style="display: none;">
<span data-bind="html:loginResult().getError('ShopLoginForm_Password')"></span>
</div>
</div>
</div>
<div class="row forgotPassLink">
<div class="col-sm-offset-4 col-sm-8">
<p>
<a tabindex="4" id="PasswordForgottenLink" class="a-text-link t-text-link hfl-link--arrow__prefix" href="https://www.haefele.de/de/info/-/107701/">Passwort vergessen?</a>
</p>
</div>
</div>
<div class="row form-group loginRember">
<div class="col-sm-offset-4 col-sm-8">
<div class="checkBox hfl-checkbox checked" id="divShopLoginForm_RememberLogin_headerItemLogin" data-testid="divShopLoginForm_RememberLogin_headerItemLogin" style="" data-name="ShopLoginForm_RememberLogin_headerItemLogin" data-value="">
</div><input type="checkbox" class="hfl-checkbox" name="ShopLoginForm_RememberLogin_headerItemLogin" id="ShopLoginForm_RememberLogin_headerItemLogin" data-testid="FlyoutRememberLogin" checked="checked" style="display: none;">
<label for="divShopLoginForm_RememberLogin_headerItemLogin" class="checkboxlabel">Angemeldet bleiben</label>
</div>
</div>
<div class="row">
<div class="col-sm-offset-4 col-sm-8">
<div class="form-group hfl-login--form-group__submit">
<div class="hfl-login--links">
<button data-testid="ajaxAccountLoginFormBtn" tabindex="5" class="a-btn a-btn--xs-fw t-btn t-btn-primary u-no-outer-left pull-sm-left u-outer-right-20 u-outer-bottom-10" type="submit">Anmelden</button>
<div class="text-title visible-xs">
<span>Noch kein Kunde? </span>
</div><a class="a-btn a-btn--xs-fw t-btn t-btn-secondary hfl-login--links__register hfl-link--arrow__prefix" href="https://www.haefele.de/de/info/-/98836/" data-testid="FlyoutRegisterLogin">Registrierung</a>
</div>
</div>
</div>
</div>
</div>
<div id="loginFormAjaxLoader" class="hflAjaxLoader loginAjaxLoader hidden">
<span></span>
<div>Ihre Anmeldedaten werden überprüft...</div>
</div>
</div>
</form>
Name: ClearNotifications — POST https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewRecommendations-ClearNotifications
<form method="post" action="https://www.haefele.de/prod-live/web/WFS/Haefele-HDE-Site/de_DE/-/EUR/ViewRecommendations-ClearNotifications" name="ClearNotifications"><input type="hidden" name="SynchronizerToken"
value="dc615d8c6032096609931d6e8a88b076c7d4e06546a0ecfb8a39445410e32f0b"><input type="hidden" name="SynchronizerToken" value="dc615d8c6032096609931d6e8a88b076c7d4e06546a0ecfb8a39445410e32f0b">
<div class="modal-header c-modal__header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-002-2-close"></use>
</svg>
</span>
</button>
<h4 class="modal-title text-left u-font-18">Benachrichtigungen<button class="a-text-link a-text-link--btn t-text-link a-text-link--no-underline o-notification--list__clear-all jsClearNotification hidden" type="submit" value="ClearAll"
name="ClearAll">Alle entfernen</button></h4>
</div>
<div class="modal-body c-modal__body">
<div class="scheme-notification notification-type"><span class="alert-loader"></span></div>
<div class="quote-notification notification-type"><span class="alert-loader"></span></div>
<div class="order-notification notification-type"><span class="alert-loader"></span></div>
<div class="backInStock-notification notification-type"><span class="alert-loader"></span></div>
<div class="productrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="categoryrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="u-outer-top-15 js-no-alerts-text hidden">
<p>Es liegen keine Benachrichtigungen für Sie vor.</p>
</div>
</div>
</form>
Text Content
LIEFERADRESSE LIEFERUNG NEUE KREDITKARTE EINTRAGEN VERSANDINFORMATIONEN Ihre Angaben konnten nicht gespeichert werden. Bitte überprüfen Sie die markierten Felder. Bestellzeichen Nach Kommission verpackt Ja Nein Nachricht an Häfele DATUM Möchten Sie diese Kreditkarte wirklich löschen? Nach dem Löschen sind die Daten nicht mehr verfügbar. Bestätigen Abbrechen Sind Sie sicher, dass Sie den Einkauf beenden möchten? Bitte schließen Sie Bestellung durch die Bezahlung ab. Einkauf fortsetzen Einkauf beenden Group 12 Created with Sketch. PACKED icn-075-2-tick_bold icn-075-2-tick IHRE SITZUNG IST ABGELAUFEN. Sie werden in 0 Minuten automatisch abgemeldet. Angemeldet bleiben Abmelden IHRE SITZUNG IST ABGELAUFEN. Sie wurden aus Sicherheitsgründen abgemeldet. Erneut anmelden Schließen DIE COOKIES SIND DEAKTIVIERT. Bitte erlauben Sie das setzen von Cookies, um uneingeschränkt alle Inhalte und Funktionen der Website nutzen zu können. OK Aufgrund von Wartungsarbeiten ist das Anmelden am 10 Aug 2023 06:00 Uhr bis 07:15 Uhr nicht möglich. It appears that your browser has JavaScript disabled. This Website requires your browser to be JavaScript enabled. Please enable JavaScript and reload this page. * Deutschland Suche Nach Produktname oder Artikelnummer suchen Nach Produktname oder Artikelnummer suchen Benachrichtigungen BENACHRICHTIGUNGENALLE ENTFERNEN Es liegen keine Benachrichtigungen für Sie vor. Direkteingabe Direkt mit Artikelnummer bestellen Bitte geben Sie eine Artikelnummer ein. Bitte geben Sie eine gültige Menge ein. Artikelnummer nicht gefunden. Bitte überprüfen. Artikelnummer / EAN-Nummer nicht gefunden. Bitte überprüfen. Artikelnummer nicht gefunden. Bitte überprüfen. Art./EAN-Nr. MengeKommission 1. 2. 3. 4. 5. 6. weiteren Artikel hinzufügen Zu einer änderbaren Bestellung hinzufügen In den Warenkorb 0 Warenkorb EAN EAN * EAN Scannen Sie jetzt einen Häfele EAN-Code oder einen QR-Code, um direkt Produktinformationen zu erhalten. Die Kamera kann keinen gültigen QR-Code / Häfele EAN-Code erkennen. Probieren Sie es nochmal! Kamera wählen Wiederholen Abbrechen Weiterleitung... * * Mein Konto ( ) * Anmelden / Registrieren ANMELDEN / REGISTRIEREN Sie werden auf die Italienische Seite in Deutscher Sprache weitergeleitet. Klicken Sie auf 'Weiter', um auf die Seite zu wechseln! Weiter / Proceed Für Sie ist der Online Shop in einer anderen Sprachversion vorgesehen. Klicken Sie auf 'Weiter' um in die gültige Sprachvariante zu wechseln! Your account is associated with a different language version of our online shop. Please click on 'Proceed' in order to open the online shop in your language. Weiter / Proceed Anmelden als Mitbenutzer Kunden-Nr. * Kunden-Nr. * Mitbenutzername * Mitbenutzername * Passwort * Passwort * Passwort vergessen? Angemeldet bleiben Anmelden Noch kein Kunde? Registrierung Ihre Anmeldedaten werden überprüft... Benachrichtigungen BENACHRICHTIGUNGENALLE ENTFERNEN Es liegen keine Benachrichtigungen für Sie vor. Mein Konto ( ) Anmelden / Registrieren * 0 * * Menü * Produkte * Griffe & Türdrücker * Alle anzeigen * Möbelgriffe & Knöpfe * Türdrücker * Fenstergriffe * Schutzbeschläge * Möbelbeschläge & Wohnraumlösungen * Alle anzeigen * Badausstattung & Sanitär * Wohnraumlösungen * Alle anzeigen * Ausstattung für Kleiderschränke & Garderoben * Garderoben & Garderobenhaken * Bettbeschläge * Medien-Aufbewahrung * Leitern & Treppen * Ladenbau * Büroeinrichtung * Alle anzeigen * Schreibtische * Container- & Schrankwand-Systeme * Bürostühle * Akustik- & Sichtschutz * Tische, Tischbeine, Möbelfüße, Rollen * Alle anzeigen * Möbelgleiter & Rollen * Tischbeine & Möbelfüße * Tischbeschläge * Schubkästen & Zargenführungssystem * Alle anzeigen * Zargenführungssysteme * Schubkastenführungen * Schubkasteneinsätze * Scharniere * Klappenbeschläge * Zubehör für Möbeltüren & Klappen * Verbinder & Bodenträger * Alle anzeigen * Verbinder * Bodenträger & Konsolen * Schlösser, Schnäpper, Schließsysteme * Alle anzeigen * Schlösser & Schließsysteme * Schnäpper & Möbelriegel * Tresore & Waffenschränke * Küchenausstattung * Alle anzeigen * Schrankausstattung & Aufbewahrung * Abfallsammler * Spülen & Armaturen * Arbeitsflächen & Relingsysteme * Haushaltsgeräte * Alle anzeigen * Backen & Kochen * Kühlen & Gefrieren * Abzugshauben * Geschirrspüler * Waschen & Trocknen * Kleingeräte * Luftdurchlässe & Ablufttechnik * Türbeschläge & Gebäudeausstattung * Alle anzeigen * Elektronische Schließsysteme * Mechanische Schließsysteme * Alle anzeigen * Schlösser & Riegel * Flucht- & Panikbeschläge * Türbänder * Türschließer * Türzubehör * Gebäudeausstattung * Glastüren & Glastürbeschläge * Schiebebeschläge & Rollläden * Alle anzeigen * Schiebebeschläge & Rollläden für Möbel * Schiebebeschläge für Türen * Schiebebeschläge für Raumlösungen & Wandteiler * Gebäudehülle * Beleuchtung & elektrisch betriebene Beschläge * Alle anzeigen * Beleuchtung * TV-/Mediensysteme * Hebesysteme & Wandhalter * Elektrozubehör * Werkzeuge & Verbrauchsmaterialien * Alle anzeigen * Schrauben * Befestigungsmaterial * Werkzeuge & Zubehör * Alle anzeigen * Elektrowerkzeuge * Schleifmittel * Bohrer, Bits, Sägeblätter * Handwerkzeuge & Bohrschablonen * Leitern & Werkstattausstattung * Dichtmittel & Klebstoffe * Alle anzeigen * Dichtmittel * Klebstoffe & Leime * Klebebänder * Verpackungsmaterial * Oberflächenpflege & Reparatur * Arbeitsschutz & Arbeitskleidung * * Übersicht * 4. Schiebebeschläge & Rollläden * Testpage ANGEBOTE & AKTIONEN Alle aktuellen Aktionen und Angebote von Häfele im Überblick. Zu den Aktionen und Angeboten * Wohnideen * Übersicht * Küche & Esszimmer * Wohnzimmer * Schlafzimmer * Arbeitszimmer & Hobbyraum * Kinder- & Jugendzimmer * Flur * Showrooms * Objekt * Übersicht * 360° Objekt-Kompetenz * Hotellerie * Store * Referenzen * Systeme & Produkte * Kontakt ONE ROOM. ONE FACE. Mit dem Häfele Hotelsortiment lassen sich Gestaltungskonzepte bis ins letzte Detail konsequent umsetzen. Durchgängig in Formen und Oberflächen. Häfele Hotelsortiment * Industrie * Übersicht * Kompetenzen * Produktionsstandorte * Services * Übersicht * Akademie * Mediathek * Kataloge & Broschüren * Planungs- & Beratungshilfen * Kontakt & Support * Über Häfele * Übersicht * Philosophie * Kompetenzen * Eigensortimente * Geschäftszahlen * Management * Qualitäts- & Umweltmanagement * Häfele Story * Standorte * Presse * Karriere * * Weltweit * Kontakt * * Mein Konto ( ) * Anmelden / Registrieren KATALOGE UND BROSCHÜREN Möbelbeschlag Design Möbelbeschlag Technik Baubeschläge Alle Kataloge und Broschüren HÄFELE APP Holen Sie sich Ihren Häfele Katalog auf das Smartphone oder Tablet Zur Häfele App COMPACT Angemeldete Kunden gelangen hier direkt zum Aktionsflyer. Zur aktuellen Compact-Ausgabe * Kataloge * Kontakt Startseite Produkte Ideen & Lösungen für Ihr Projekt Anwendungen Beleuchtung Küche EINFACH GUTES LICHT. IN DER KÜCHE. Die Küche benötigt funktionales Licht in allen Arbeitsbereichen. In offenen Küchen mit angebundenem Wohn-/Essbereich sorgt ergänzendes Licht für stimmungsvolle Momente, z.B. abends nach getaner Arbeit. Entdecken Sie die verschiedenen Bereiche der Küchen-Beleuchtung. Klicken Sie dazu auf die gewünschte Kachel. Oberschrank Nische / Arbeitsplatte Unterschrank / Insel Offenes Regal -------------------------------------------------------------------------------- KÜCHE. OBERSCHRANK. Schrankinnenbeleuchtung Nutzen Sie hier ein Silikon-LED-Band, senkrecht in die Seitenfronten eingelassen. Silikon-Bänder benötigen kein Profil, weil sie direkt in die Nut eingedrückt werden. Ergänzendes Ambientlicht Dieses Licht strahlt vom Oberschrank nach oben an der Wand entlang. Hier Sie können ein LED-Band mit Kaltweiß-Warmweiß-Wechsel (MW) einsetzen. Steuerung/Vernetzung Wegen dem LED-Band (RGB / MW) benötigen Sie hier die Vernetzung mit Fernbedienung. Nur die Innenbeleuchtung wäre auch mit Türsensoren schaltbar. SCHRANKINNENBELEUCHTUNG SchaltenProduktvorschlag in den Warenkorb legenProduktvorschlag in den Warenkorb legen ERGÄNZENDES AMBIENTELICHT VernetzenProduktvorschlag in den Warenkorb legenProduktvorschlag in den Warenkorb legen Bestell- & Montagehinweis Netzteil-Ermittlung: Gesamtleistung (W) = Verwendete Bandlänge (m) * Verbrauch (W/m). Montage-Hinweis: Silikonband 1152 (12 V) bzw. 1163 (24 V) kann direkt in Nut gedrückt werden, kein Profil erforderlich. Produkt-Hinweis: Für die Steuerung von MW-Leuchten ist Mesh ECO erforderlich. -------------------------------------------------------------------------------- KÜCHE. NISCHE / ARBEITSPLATTE. Arbeitsplattenbeleuchtung Für ausreichendes Licht zum Arbeiten empfehlen wir eine Lichtfarbe von 3000K, wenn die Oberfläche der Nischenrückwand eher hell ist. Bei dunkleren Rückwenden sollte zu 4000K gewechselt werden. Für perfektes Arbeitslicht kommt hier die Linearlinse zum Einsatz, die das Licht blendfrei und gebündelt auf den Arbeitsbereich richtet. Steuerung/Vernetzung Sie können diese Lösung wahlweise über Dimmer schalten (mit Berührung oder berührungslos) oder über Fernbedienung steuern. ARBEITSPLATTENBELEUCHTUNG SchaltenProduktvorschlag in den Warenkorb legenProduktvorschlag in den Warenkorb legen Bestell- & Montagehinweis Netzteil-Ermittlung: Gesamtleistung (W) = Verwendete Bandlänge (m) * Verbrauch (W/m). Montage-Hinweis: Das LED-Band im Einbauprofil seitlich einlegen, damit die Linearlinse nach dem Einsetzen direkt über dem LED-Band sitzt. Tipp zur Lichtfarbe: Lichtfarbe abhängig von Nischenrückwand – helle Oberfläche (z.B. helles Holz) = eher 3000K / dunklere Oberfläche (z.B. dunkles Holz) = eher 4000K -------------------------------------------------------------------------------- KÜCHE. UNTERSCHRANK / INSEL Akzentlicht Für die edle Inszenierung Ihrer Küche können Sie direkt unter der Arbeitsplatte ein lineares Licht einsetzen. Sockelbeleuchtung Sorgt für eine angenehme Rauminszenierung und kann nachts als gedimmtes Licht zur Orientierung genutzt werden. Steuerung/Vernetzung Sie können diese Lösung wahlweise über Dimmer schalten (mit Berührung oder berührungslos) oder über Fernbedienung steuern. AKZENTLICHT SchaltenProduktvorschlag in den Warenkorb legenProduktvorschlag in den Warenkorb legen SOCKELBELEUCHTUNG SchaltenProduktvorschlag in den Warenkorb legenProduktvorschlag in den Warenkorb legen Bestell- & Montagehinweis Netzteil-Ermittlung: Gesamtleistung (W) = Verwendete Bandlänge (m) * Verbrauch (W/m). Produkt-Tipp: Alternativ kann auch das LED-Band Eco 2071 (12 V) bzw. Eco 3071 (24 V) eingesetzt werden. Produkt-Tipp: Alternativ kann auch das Silikon-Band 2063 (12 V) bzw. 3043 (24 V) eingesetzt. In diesem Fall benötigen Sie kein Profil und keine 2m Zuleitung. Sie können das Silikonband direkt als Aufbau montieren. -------------------------------------------------------------------------------- KÜCHE. OFFENES REGAL. Innenbeleuchtung Licht aus Spots schafft Orientierung im Regal und betont den Inhalt. Durch die modulare Bauweise der Spots haben Sie zusätzliche Freiheiten bei der Gestaltung. Steuerung/Vernetzung Sie können diese Lösung wahlweise über Dimmer schalten (mit Berührung oder berührungslos) oder über Fernbedienung steuern. INNENBELEUCHTUNG SchaltenProduktvorschlag in den Warenkorb legenProduktvorschlag in den Warenkorb legen Bestell- & Montagehinweis Netzteil-Ermittlung: Gesamtleistung (W) = Verwendete Bandlänge (m) * Verbrauch (W/m). -------------------------------------------------------------------------------- HINWEIS: Diese Anwendungen und deren Artikelauswahl stellt die einfachste Lösung dar. Andere Lösungen sind ebenfalls machbar. Wenn Sie an weiteren Lösungen interessiert sind, sprechen Sie mit Ihrem Fachberater oder nutzen Sie die Loox System- und Montageplanung. -------------------------------------------------------------------------------- WEITERE INFORMATIONEN UND DIE HÄUFIGSTEN FRAGEN FINDEN SIE HIER BENÖTIGE ICH 12 ODER 24 VOLT? Lichtanwendungen bis 4 m können Sie mit 12V umsetzen. 24V erlaubt den Einsatz von wesentlich längeren LED-Bändern und eignet sich damit für Licht-Projekte bis 12 m. SOLL ICH SCHALTEN ODER VERNETZEN? Generell können Sie Lichtanwendungen händisch schalten oder vernetzt über eine Fernbedienung steuern. Bevorzugen Sie Schalter, dann können Sie bei Beleuchtungen hinter Türen Türsensoren einsetzen und alles andere mit Dimmern (mit Berührung oder berührungslos) schalten. Sobald Sie Leuchten mit Warmweiß-Kaltweiß-Wechsel (MW) oder Farbwechsel (RGB) verwenden, brauchen Sie zur Steuerung die Fernbedienung. WAS BEDEUTET BEI DEN LEUCHTEN MW UND RGB? Es gibt monochrome Leuchten (= einfarbig) und Leuchten, die die Lichtfarbe wechseln. Hier gibt es zwei Typen: * Leuchten mit Warmweiß-Kaltweiß-Wechsel (MW = Multi-Weiß) * Leuchten mit Farbwechsel (RGB = Rot-Grün-Blau-Lichtquelle zur Farbmischung) Entdecken sie das gesamte Sortiment und weitere Loox Beratungshilfen & Services. Jetzt entdecken Newsletter -------------------------------------------------------------------------------- * Mein Konto ( ) * Anmelden / Registrieren * Worldwide * Apps * Kataloge * Seite drucken -------------------------------------------------------------------------------- Seite drucken Worldwide Kataloge Apps Newsletter © 2023 by Häfele Cookie-Einstellungen Impressum Datenschutz AGB Nutzungsbedingungen Sitemap Kontakt & Support Contact Us -------------------------------------------------------------------------------- E-Mail: info@haefele.de Tel.: +49 7452 950 © 2023 by Häfele Seite drucken Worldwide Kataloge Apps Newsletter © 2023 by Häfele Cookie-Einstellungen Impressum Datenschutz AGB Nutzungsbedingungen Sitemap Kontakt & Support Contact Us ARTIKEL KONNTEN NICHT ZUM MERKZETTEL HINZUGEFÜGT WERDEN. Installieren Sie Häfele auf Ihrem iPhone. Tippen Sie auf und wählen Sie anschließend „Zum Home-Bildschirm“. Wenn Sie auf „Alle Cookies akzeptieren“ klicken, stimmen Sie der Speicherung von Cookies auf Ihrem Gerät zu, um die Websitenavigation zu verbessern, die Websitenutzung zu analysieren und unsere Marketingbemühungen zu unterstützen. In diesem Zusammenhang können gemäß Art. 49 Abs. 1 DS-GVO auch personenbezogene Daten in Drittländer außerhalb der EU übermittelt werden. Der Zugriff durch lokale Behörden auf diese Daten kann nicht ausgeschlossen werden. Alle Cookies akzeptieren Cookie-Einstellungen DATENSCHUTZ-PRÄFERENZ-CENTER Wenn Sie eine Website besuchen, kann diese Informationen über Ihren Browser abrufen oder speichern. Dies geschieht meist in Form von Cookies. Hierbei kann es sich um Informationen über Sie, Ihre Einstellungen oder Ihr Gerät handeln. Meist werden die Informationen verwendet, um die erwartungsgemäße Funktion der Website zu gewährleisten. Durch diese Informationen werden Sie normalerweise nicht direkt identifiziert. Dadurch kann Ihnen aber ein personalisierteres Web-Erlebnis geboten werden. Da wir Ihr Recht auf Datenschutz respektieren, können Sie sich entscheiden, bestimmte Arten von Cookies nicht zulassen. Klicken Sie auf die verschiedenen Kategorieüberschriften, um mehr zu erfahren und unsere Standardeinstellungen zu ändern. Die Blockierung bestimmter Arten von Cookies kann jedoch zu einer beeinträchtigten Erfahrung mit der von uns zur Verfügung gestellten Website und Dienste führen. Weitere Informationen Alle zulassen EINWILLIGUNGSPRÄFERENZEN VERWALTEN LEISTUNGS-COOKIES Leistungs-Cookies Diese Cookies ermöglichen es uns, Besuche und Verkehrsquellen zu zählen, damit wir die Leistung unserer Website messen und verbessern können. Sie unterstützen uns bei der Beantwortung der Fragen, welche Seiten am beliebtesten sind, welche am wenigsten genutzt werden und wie sich Besucher auf der Website bewegen. Alle von diesen Cookies erfassten Informationen werden aggregiert und sind deshalb anonym. Wenn Sie diese Cookies nicht zulassen, können wir nicht wissen, wann Sie unsere Website besucht haben. UNBEDINGT ERFORDERLICHE COOKIES Immer aktiv Diese Cookies sind zur Funktion der Website erforderlich und können in Ihren Systemen nicht deaktiviert werden. In der Regel werden diese Cookies nur als Reaktion auf von Ihnen getätigte Aktionen gesetzt, die einer Dienstanforderung entsprechen, wie etwa dem Festlegen Ihrer Datenschutzeinstellungen, dem Anmelden oder dem Ausfüllen von Formularen. Sie können Ihren Browser so einstellen, dass diese Cookies blockiert oder Sie über diese Cookies benachrichtigt werden. Einige Bereiche der Website funktionieren dann aber nicht. Diese Cookies speichern keine personenbezogenen Daten. COOKIES FÜR MARKETINGZWECKE Cookies für Marketingzwecke Diese Cookies können über unsere Website von unseren Werbepartnern gesetzt werden. Sie können von diesen Unternehmen verwendet werden, um ein Profil Ihrer Interessen zu erstellen und Ihnen relevante Anzeigen auf anderen Websites zu zeigen. Sie speichern nicht direkt personenbezogene Daten, basieren jedoch auf einer einzigartigen Identifizierung Ihres Browsers und Internet-Geräts. Wenn Sie diese Cookies nicht zulassen, werden Sie weniger gezielte Werbung erleben. FUNKTIONELLE COOKIES Funktionelle Cookies Mit diesen Cookies ist die Website in der Lage, erweiterte Funktionalität und Personalisierung bereitzustellen. Sie können von uns oder von Drittanbietern gesetzt werden, deren Dienste wir auf unseren Seiten verwenden. Wenn Sie diese Cookies nicht zulassen, funktionieren einige oder alle dieser Dienste möglicherweise nicht einwandfrei. YOUTUBE COOKIES Youtube Cookies Youtube Cookies. Back Button COOKIE-LISTE Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label Meine Auswahl bestätigen