/* Only the CMS navigator on the Glastuerbeschlaege category. */
.gub-compact-category-nav{max-width:1232px;margin:0 auto 24px;padding:20px 16px;color:#153e5c}
.gub-compact-category-nav h2{margin:0 0 6px;font-size:26px;line-height:1.25;text-align:center}
.gub-compact-category-nav__intro{margin:0 0 18px;text-align:center;line-height:1.5;color:#475569}
.gub-compact-category-nav .gub-compact-category-nav__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}
.gub-compact-category-nav__grid>li{min-width:0;margin:0;padding:0}
.gub-compact-category-nav .gub-compact-category-nav__tile{display:flex;align-items:center;gap:12px;min-height:92px;height:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#153e5c;text-decoration:none;line-height:1.35;font-size:15px;font-weight:600;box-sizing:border-box}
.gub-compact-category-nav__tile img{display:block;flex:0 0 70px;width:70px;height:70px;aspect-ratio:1;object-fit:contain;margin:0}
.gub-compact-category-nav__tile>span:not(.gub-compact-category-nav__arrow){flex:1;min-width:0;overflow-wrap:anywhere}
.gub-compact-category-nav__arrow{flex:none;font-size:24px;font-weight:400}
.gub-compact-category-nav__tile:hover{border-color:#17628c;background:#f5f9fc}
.gub-compact-category-nav a:focus-visible{outline:3px solid #17628c;outline-offset:3px}
.gub-compact-category-nav__brands{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:18px;row-gap:0;margin-top:12px;font-size:14px;line-height:1.4}
.gub-compact-category-nav__brands a{display:inline-flex;align-items:center;min-height:44px;color:#153e5c;text-decoration:underline;text-underline-offset:3px}
.gub-compact-category-nav__planner{margin:4px 0 0;text-align:center;font-size:14px;line-height:1.5}
.gub-compact-category-nav__planner a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
@media(min-width:481px){.gub-compact-category-nav .gub-compact-category-nav__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.gub-compact-category-nav .gub-compact-category-nav__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gub-compact-category-nav__tile img{flex-basis:88px;width:88px;height:88px}.gub-compact-category-nav .gub-compact-category-nav__tile{min-height:110px}}
@media(min-width:1200px){.gub-compact-category-nav .gub-compact-category-nav__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}