.ph-kopf .ph-kopf__fly:has([data-fly-panel=suche]:not([hidden])){background:#fbfbfd}html.ph-suche-an .ph-kopf .ph-kopf__nav{display:none}.ph-kopf .ph-fsuche{inline-size:min(760px,100%);justify-self:center;gap:0}.ph-kopf .ph-fsuche .ph-suchfeld--gross{gap:14px;block-size:56px;padding:0;border-radius:0;background:transparent;color:var(--ph-text2)}.ph-kopf .ph-fsuche .ph-suchfeld:focus-within{outline:none}.ph-kopf .ph-fsuche .ph-suchfeld .ph-icon{inline-size:22px;block-size:22px}.ph-kopf .ph-fsuche .ph-suchfeld input[type=search]{font-size:28px;font-weight:500;letter-spacing:-.01em;line-height:1.2}.ph-kopf .ph-fsuche .ph-suchfeld input[type=search]::placeholder{color:#86868b}.ph-kopf .ph-fsuche .ph-suchfeld input[type=search]::-webkit-search-cancel-button,.ph-kopf .ph-fsuche .ph-suchfeld input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.ph-kopf .ph-fsuche__x{flex:0 0 auto;display:inline-grid;place-items:center;inline-size:36px;block-size:36px;padding:0;border:0;border-radius:999px;background:#e8e8ed;color:var(--ph-text);cursor:pointer;transition:background-color .2s}.ph-kopf .ph-fsuche__x:hover{background:#d2d2d7}.ph-kopf .ph-fsuche__x:focus-visible{outline:2px solid var(--ph-akzent);outline-offset:2px}.ph-kopf .ph-fsuche__x svg{inline-size:14px;block-size:14px}.ph-kopf .ph-fsuche__haeufig{margin-block-start:22px;gap:8px}.ph-kopf .ph-fsuche .ph-direkt{flex-direction:column;flex-wrap:nowrap;gap:0}.ph-kopf .ph-fsuche .ph-direkt a{display:flex;align-items:center;gap:12px;padding:7px 0;border:0;border-radius:0;font-weight:500}.ph-kopf .ph-fsuche .ph-direkt a:before{content:"";flex:0 0 auto;inline-size:14px;block-size:14px;background:var(--ph-text2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform .2s}.ph-kopf .ph-fsuche .ph-direkt a:hover{border-color:transparent;text-decoration:none}.ph-kopf .ph-fsuche .ph-direkt a:hover:before{transform:translate(3px)}
/*# sourceMappingURL=/cdn/shop/t/57/assets/ph-kopf-suche.css.map */