/* Search uses the navigation's place inside the header, as on lacos.eu. */
#headerarea .systemhaus-search-toggle {
    position: absolute;
    top: var(--sh-search-top, 37px);
    right: 20px;
    width: 70px;
    height: 26.4px;
    padding: 0 0 0 30px;
    border: 0;
    background: transparent url("header-search.svg") left center / 15px no-repeat;
    color: #643c28;
    font-size: 14px;
    line-height: 26.4px;
    text-align: left;
    cursor: pointer;
    z-index: 6;
}
#headerarea .systemhaus-search-toggle::before { content: "Suche"; }
#headerarea.sh-search-open .systemhaus-search-toggle { padding-left: 0; background: none; }
#headerarea.sh-search-open .systemhaus-search-toggle::before { content: "Schließen"; }
#headerarea .desk ul.nav { margin-right: 110px; }
#headerarea .desk ul.nav > li:nth-last-child(2) { margin-right: 20px; padding-right: 0; border-right: 0; }
#headerarea .desk ul.nav > li.lang { margin-right: 0; padding-right: 0; border-right: 0; }
#headerarea #systemhaus-header-search {
    display: block;
    position: absolute;
    top: var(--sh-search-top, 37px);
    left: var(--sh-search-left, 250px);
    right: 110px;
    width: auto;
    height: 26.4px;
    padding: 0;
    background: #fff;
    box-shadow: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    clip-path: inset(0 0 0 100%);
    transition: clip-path .35s, opacity .2s;
    z-index: 5;
}
#headerarea.sh-search-open #systemhaus-header-search {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    clip-path: inset(0);
}
#headerarea.sh-search-open .desk ul.nav { visibility: hidden; pointer-events: none; }
#headerarea #systemhaus-header-search > .suche {
    display: block;
    position: static;
    width: 100%;
    margin: 0;
    opacity: 1;
    transition: none;
}
#headerarea #systemhaus-header-search form,
#headerarea #systemhaus-header-search .tx-kesearch-pi1 form { margin: 0; }
#headerarea #systemhaus-header-search input#ke_search_sword {
    width: 100%;
    height: 26.4px;
    margin: 0;
    padding: 3px 24px 3px 3px;
    border: 0;
    border-bottom: 1px solid #643c28;
    background: #fff;
    color: #643c28;
    font-size: 16px;
}
#headerarea #systemhaus-header-search .kesearchbox label {
    top: 3px;
    right: 0;
    width: 20px;
    height: 20px;
    background: transparent url("header-search.svg") center / 16px no-repeat;
}
@media (max-width: 1130px) {
    #headerarea .desk ul.nav { margin-right: 0; }
    #headerarea .systemhaus-search-toggle { top: 40px; right: 70px; width: 30px; height: 30px; padding: 0; background-size: 26px; font-size: 0; }
    #headerarea.sh-search-open .systemhaus-search-toggle { background: linear-gradient(45deg, transparent 47%, #643c28 48%, #643c28 52%, transparent 53%) center / 20px 20px no-repeat, linear-gradient(-45deg, transparent 47%, #643c28 48%, #643c28 52%, transparent 53%) center / 20px 20px no-repeat; }
    body.down #headerarea .systemhaus-search-toggle { top: 20px; }
    #headerarea #systemhaus-header-search { top: 40px; left: 230px; right: 120px; height: 30px; }
    body.down #headerarea #systemhaus-header-search { top: 20px; }
}
@media (max-width: 630px) {
    #headerarea .systemhaus-search-toggle { top: 28px; }
    body.down #headerarea .systemhaus-search-toggle { top: 18px; }
    #headerarea #systemhaus-header-search { top: 28px; left: 110px; }
    body.down #headerarea #systemhaus-header-search { top: 18px; }
    #headerarea.sh-search-open .logo .full { opacity: 0; }
    #headerarea.sh-search-open .logo .small { opacity: 1; }
}