/* assets/css/dw-az.css */

/* Base + Layout */
.dw-az{--cols:4; --gap:28px}
.dw-az[data-cols="1"]{--cols:1}
.dw-az[data-cols="2"]{--cols:2}
.dw-az[data-cols="3"]{--cols:3}
.dw-az[data-cols="4"]{--cols:4}
.dw-az[data-cols="5"]{--cols:5}
.dw-az[data-cols="6"]{--cols:6}
.dw-az .dw-az-col{min-width:0}
.dw-az .dw-az-block{display:block}
/* Titel zentriert */
.dw-az .dw-az-title{margin:0 0 30px; font-weight:700; text-align:center}

/* Suchfeld + Icon rechts, Kopf zentriert */
.dw-az .dw-az-head{display:flex; align-items:center; gap:12px; margin:0 0 18px; justify-content:center}
.dw-az .dw-az-search{
  flex:1;
  max-width:900px;
  border-radius:999px;
  border:1px solid #dedede;
  padding:10px 42px 10px 14px; /* Platz fürs Icon rechts */
  outline:none; font:inherit; background:#f5f5f5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 18px 18px;
}

.dw-az .dw-az-wrap{display:grid; grid-template-columns:repeat(var(--cols),1fr); gap:var(--gap)}
.dw-az .dw-az-col{display:flex; flex-direction:column; gap:12px}
.dw-az .dw-az-letter{font-weight:700; letter-spacing:.04em; font-size: 175%; margin:2.25rem 0 1.25rem 0}
.dw-az .dw-az-group{display:flex; flex-direction:column; gap:8px}
.dw-az a{text-decoration:none; border-bottom:1px solid transparent}
.dw-az a:hover{border-bottom-color:currentColor}
.dw-az .dw-az-empty{display:none; margin-top:10px; opacity:.8}

/* Responsive Columns */
@media (max-width:1200px){.dw-az{--cols:3}}
@media (max-width:900px){.dw-az{--cols:2}}

/* Mobil: 1 Spalte + Suche 50vw zentriert */
@media (max-width:600px){
  .dw-az{--cols:1}
  .dw-az .dw-az-head{justify-content:center}
  .dw-az .dw-az-search{
	width:50vw;
	max-width:calc(100% - 32px);
	margin:0 auto;
	flex:none;
  }
}