.tdm-wrap{
--tdm-group-title-size:32px;
--tdm-item-title-size:17px;
--tdm-price-size:17px;
--tdm-column-gap:18px;
--tdm-grid-row-gap:18px;
--tdm-masonry-min-box-width:420px;
--tdm-masonry-group-gap:18px;
--tdm-group-gap:18px;
--tdm-group-padding-y:24px;
--tdm-group-padding-x:24px;
--tdm-max-width:1280px;
max-width:var(--tdm-max-width);
margin:24px auto;
position:relative;
z-index:0;
}
.tdm-headline-wrap{text-align:center;margin:0 0 28px}
.tdm-headline{margin:0;font-size:2.1rem;line-height:1.1;letter-spacing:.02em}
.tdm-groups-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:var(--tdm-column-gap);
row-gap:var(--tdm-grid-row-gap);
align-items:start;
}
.tdm-layout-masonry .tdm-groups-grid{
display:block;
column-gap:var(--tdm-column-gap);
column-width:var(--tdm-masonry-min-box-width);
}
.tdm-columns-1 .tdm-groups-grid{grid-template-columns:minmax(0,1fr)}
.tdm-columns-1.tdm-layout-masonry .tdm-groups-grid{column-width:100%}
.tdm-columns-3 .tdm-groups-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tdm-columns-4 .tdm-groups-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.tdm-group{
background:#f5f3f1;
border:1px solid rgba(80,58,40,.14);
padding:var(--tdm-group-padding-y) var(--tdm-group-padding-x) calc(var(--tdm-group-padding-y) - 6px);
position:relative;
z-index:0;
break-inside:avoid;
-webkit-column-break-inside:avoid;
page-break-inside:avoid;
margin:0 0 var(--tdm-masonry-group-gap);
overflow:hidden;
}
.tdm-group-head{margin:0 0 14px;text-align:center}
.tdm-group-title{
margin:0;
font-family:Georgia,"Times New Roman",serif;
font-size:var(--tdm-group-title-size);
font-style:italic;
font-weight:600;
color:#2f4031;
line-height:1.2;
}
.tdm-list{display:flex;flex-direction:column}
.tdm-item{padding:14px 0 16px;border-top:1px dashed rgba(189,145,118,.55)}
.tdm-item:first-child{border-top:1px dashed rgba(189,145,118,.55)}
.tdm-item-media{margin:0 0 14px}
.tdm-item-image{display:block;width:100%;height:220px;object-fit:cover}
.tdm-item-body{min-width:0}
.tdm-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.tdm-item-title-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tdm-item-title{
margin:0;
color:#282422;
font-size:var(--tdm-item-title-size);
line-height:1.35;
font-weight:700;
text-transform:uppercase;
letter-spacing:.01em;
}
.tdm-item-price{
flex:0 0 auto;
font-size:var(--tdm-price-size);
font-weight:500;
color:#2f2b29;
white-space:nowrap;
}
.tdm-item-description{margin-top:8px;color:#9b8a82;font-size:1rem;line-height:1.7}
.tdm-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border:1px solid rgba(189,145,118,.45);color:#8d694e;font-size:.7rem;line-height:1;letter-spacing:.08em;text-transform:uppercase}
.tdm-error,.tdm-empty{padding:14px 16px;border:1px solid rgba(0,0,0,.10);background:#fafafa}
.tdm-wrap.tdm-context-wochenkarte{
max-width:var(--tdm-max-width);
}
.tdm-wrap.tdm-context-wochenkarte .tdm-groups-grid{
grid-template-columns:minmax(0,1fr);
justify-content:center;
}
.tdm-wrap.tdm-context-wochenkarte.tdm-layout-masonry .tdm-groups-grid{
column-width:100%;
column-gap:0;
}
.tdm-wrap.tdm-context-wochenkarte .tdm-group{
max-width:100%;
margin-left:auto;
margin-right:auto;
}
@media (max-width: 1280px){
.tdm-columns-4 .tdm-groups-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 1100px){
.tdm-columns-3 .tdm-groups-grid,
.tdm-columns-4 .tdm-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 980px){
.tdm-groups-grid{grid-template-columns:minmax(0,1fr)}
.tdm-layout-masonry .tdm-groups-grid{column-width:100%}
}
@media (max-width: 640px){
.tdm-wrap{margin:20px auto}
.tdm-headline{font-size:1.7rem}
.tdm-group{padding:18px 16px 14px}
.tdm-group-title{font-size:calc(var(--tdm-group-title-size) - 6px)}
.tdm-item{padding:14px 0 14px}
.tdm-item-top{flex-direction:column;gap:8px}
.tdm-item-price{white-space:normal}
}