/* Space for translated copy without shrinking text or moving the product drawing. */
.catalog-live-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:10px 18px;background:#edf2ff;color:#183b6b;border-bottom:1px solid #ccd9ed;font-size:14px}
.catalog-live-link a{display:inline-flex;align-items:center;min-height:44px;color:#194ba7;text-decoration:underline;text-underline-offset:4px;font-weight:600;overflow-wrap:anywhere}
.catalog-live-link a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
#language{min-width:115px;max-width:155px;min-height:40px;font:inherit;font-size:14px;border:1px solid #8095af66;border-radius:7px;padding:7px 9px;background:transparent;color:inherit;flex-shrink:0}
#language option{color:#14273b;background:#fff}
#language[hidden]{display:none!important}
.language-flags{position:relative;flex-shrink:0;margin:0;padding:0;border:0;overflow:visible;z-index:20}
.language-flags summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;width:76px;box-sizing:border-box;padding:8px 10px;border:1px solid #8095af66;border-radius:7px;cursor:pointer;list-style:none;background:transparent}
.language-flags summary::-webkit-details-marker{display:none}
.language-flags summary::after{display:none}
.language-flags .language-flag-options{position:absolute;right:0;top:calc(100% + 6px);padding:4px;min-width:76px;border:1px solid #8095af66;border-radius:7px;background:#fff;box-shadow:0 8px 24px #10212d22}
.language-flags:not([open]) .language-flag-options{display:none}
.language-flags button{display:grid;place-items:center;width:100%;min-height:44px;padding:6px;border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer}
.language-flags img{display:block;width:28px;height:20px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #15273c22}
.language-flags button[aria-pressed="true"]{background:#376aea18;border-color:#376aea}
.language-flags button:hover{background:#376aea22}
.language-flags button:focus-visible,.language-flags summary:focus-visible{outline:2px solid #376aea;outline-offset:2px}
.kc-header .language-flags{margin-left:auto}
nav{flex-wrap:wrap;justify-content:flex-end}
.showcase-site>header{height:auto;min-height:90px;padding-block:14px;gap:18px}
button,.button,.action-btn,.kc-primary,.kc-secondary{white-space:normal;overflow-wrap:break-word;line-height:1.4}
.tool-nav button{hyphens:auto}
.showcase-site .tool-nav button{white-space:normal;overflow-wrap:anywhere;min-width:0}
.showcase-site .tool-nav button>span{flex-shrink:0}
.field-grid label,.planner-controls label,.filter-grid label,.kc-field-grid label,.kp-form-grid label{min-width:0}
.field-grid label,.field-grid label span,.notice{overflow-wrap:anywhere}
.field-grid input,.planner-controls input,.filter-grid input,.filter-grid select,.planner-controls select{max-width:100%;min-width:0}
.studio-controls,.concept-tabs,.device-tabs,.rx-nav>div,.kc-header{flex-wrap:wrap}
.kc-header #language{margin-left:auto}.kc-header .kc-badge{margin-left:0}
.kc-promo-art svg text{font-size:11px}.kc-promo-art svg text[y="92"],.kc-promo-art svg text[y="271"]{font-size:9px}
.process-view h3,.process-view p,.offer-item h3,.kc-summary h2,.kp-heading h3{overflow-wrap:break-word;hyphens:auto}
.rx-navlink,.rx-button,.rx-small-button{height:auto;min-height:40px;white-space:normal}
.kp-job-instructions strong,.kp-metrics b,.kc-grand strong{overflow-wrap:normal}
.kp-tabs button,.kc-business-tabs button,.kc-view-switch button{min-width:0;white-space:normal;hyphens:auto}
html[lang="de"] .thread-board .board-caption{flex-wrap:wrap;gap:8px}
html[lang="de"] .process-switch button{padding-inline:8px}
html[lang="de"] .rx-industrial-copy h3,html[lang="de"] .rx-service-hero h3,html[lang="de"] .rx-shop-hero h3{hyphens:auto;overflow-wrap:break-word}
@media(max-width:760px){
  .showcase-site>header{min-height:74px;padding-block:12px;align-items:center}
  header nav{gap:10px}#language{min-height:44px;font-size:16px;max-width:150px}
  .kc-header{gap:10px}.kc-header .kc-badge{display:none}
  .kc-header>a:not(.kc-brand){flex:1;font-size:14px}
  .board-caption{flex-wrap:wrap;gap:8px}.board-caption>span{max-width:100%}
  .kc-view-switch button{font-size:14px;padding-inline:10px}.kp-tabs button small{white-space:normal}
  .kp-action-row{flex-wrap:wrap}.kp-action-row>button{max-width:100%}.rx-nav>div{gap:7px}
}