
/* Phase 3: öffentliche Bedienfunktionen; Gestaltung aus Phase 2 bleibt erhalten. */
.date-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0}
.date-toolbar .eyebrow{font-size:9px;margin-bottom:12px}
.date-toolbar h2{font-size:29px;letter-spacing:-.03em}
.date-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.date-actions [data-prayer-step="-1"] svg{transform:rotate(180deg)}
.date-actions .btn,.month-controls .btn{font-size:11px;min-height:41px;padding:9px 14px}
.date-input{display:flex;flex-direction:column;gap:3px}
.date-input label{font-size:9px;color:var(--muted)}
.date-input input{padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--green);min-height:40px}
.month-calendar{margin-top:35px;border:1px solid var(--line);border-radius:12px;background:var(--white);overflow:hidden}
.month-calendar>summary{font-family:var(--serif);font-size:27px;padding:24px;cursor:pointer;color:var(--green)}
.month-controls{display:flex;justify-content:space-between;padding:0 24px 20px;gap:14px}
.month-controls [data-prayer-month="-1"] svg{transform:rotate(180deg)}
.table-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.month-table{border-collapse:collapse;min-width:570px;width:100%;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}
.month-table caption{font-size:10px;color:var(--muted);text-align:left;padding:0 24px 15px}
.month-table td,.month-table th{padding:13px 12px;border-top:1px solid var(--line);white-space:nowrap}
.month-table thead{background:#e1e8eb;color:var(--green)}
.month-table tbody th{font-weight:400;text-align:left;padding-left:24px}
.month-table a{text-decoration:underline;text-underline-offset:3px}
.month-table .selected-date{background:#e3e9eb}
.calculation-note{padding:30px;border:1px solid var(--line);background:#f1f4f5;border-radius:12px;margin-top:35px}
.calculation-note h3{font-family:var(--serif);font-weight:400;font-size:27px;margin-bottom:20px}
.calculation-note dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}
.calculation-note dt{font-size:10px;color:var(--muted);margin-bottom:5px}
.calculation-note dd{font-size:12px;margin:0;color:var(--green)}
.calculation-note p{font-size:11px;color:var(--muted);margin-top:22px}
.prayer-unavailable{grid-template-columns:1fr}
.prayer-unavailable h2{font-size:28px;color:var(--white);margin-bottom:14px}
.prayer-unavailable p{font-size:12px}
.week-overview{border-top:1px solid var(--line);margin:30px 0 50px}
.week-day{display:grid;grid-template-columns:230px 1fr;gap:40px;border-bottom:1px solid var(--line);padding:30px 0}
.week-day>div:first-child>span{font-size:10px;color:#8c7b5a;text-transform:uppercase;letter-spacing:.15em}
.week-day h3{font-size:28px;font-family:var(--serif);font-weight:400;margin:7px 0}
.week-day>div:first-child>small{font-size:11px;color:var(--muted)}
.week-day>p{font-size:13px;color:var(--muted);padding-top:10px}
.week-day article{padding:6px 0 22px;margin-bottom:15px;border-bottom:1px solid #e3e9eb}
.week-day article:last-child{border:0;padding-bottom:0;margin:0}
.week-day article>small{display:flex;align-items:center;gap:7px;color:#86724e;font-size:10px}
.week-day article>small svg{width:14px;height:14px}
.week-day h4{font-size:16px;font-weight:600;margin:10px 0 5px}
.week-day article p{font-size:12px;color:var(--muted)}
.cancelled h4{text-decoration:line-through}
.event-note{padding:8px 11px;border-left:2px solid #ba995d;background:#e9edef;margin-top:10px!important}
.news-tools{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:16px}
.news-tools .filters{margin:0}
.search-field{display:flex;flex-direction:column;gap:7px;min-width:250px}
.search-field label{font-size:10px;color:var(--muted)}
.search-field input{font-size:13px;background:var(--white);color:var(--green);border:1px solid var(--line);border-radius:7px;padding:12px}
.result-count{color:var(--muted);font-size:11px;margin:0 0 27px}
.empty-state{grid-column:1/-1;padding:55px 25px;text-align:center;border:1px dashed #b9c8ce;border-radius:12px;background:#e9eff1}
.empty-state>svg{width:30px;height:30px;color:#9c8354;margin-bottom:22px}
.empty-state h2{font-size:34px}
.empty-state p{font-size:13px;color:var(--muted);margin-top:14px}
.empty-state .btn{margin-top:22px}
.article-meta{display:flex;gap:14px 25px;flex-wrap:wrap;padding-bottom:26px;font-size:10px;color:#81755e}
.article-cover{min-height:450px;border-radius:16px}
.article-copy{max-width:760px;margin:40px auto 65px}
.article-copy>p{font-size:16px;line-height:1.9;color:var(--muted);margin-top:25px}
.post-gallery{border-top:1px solid var(--line);padding-top:45px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gallery-item{padding:0;background:none;text-align:left;border-radius:12px}
.gallery-item .photo-placeholder{min-height:230px}
.gallery-item .placeholder-center>span{font-size:22px}
.gallery-item>span{display:flex;justify-content:space-between;gap:10px;padding-top:13px;font-size:12px}
.gallery-item>span svg{width:16px;height:16px}
.gallery-item:hover .photo-placeholder{outline:1px solid #aab9bf;outline-offset:3px}
.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:15px 0}
.gallery-controls>span{font-size:12px;color:var(--muted)}
.gallery-controls .btn{margin-top:0;font-size:11px;min-height:40px;padding:9px 14px}
.gallery-large{min-height:240px!important}
.form-errors{color:#8c342d;background:#fbede5;border:1px solid #dbb7a2;padding:14px;border-radius:8px;font-size:12px;margin-bottom:20px}
.field-error{font-size:11px;color:#963c32}
.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#ad5a4a}
.field small{font-size:10px;color:var(--muted)}
.post-card button.text-link{background:none}
@media(max-width:1020px){.date-toolbar{align-items:start;flex-direction:column;gap:22px}.date-toolbar h2{font-size:30px}.news-tools{align-items:stretch;flex-direction:column;gap:22px}.search-field{max-width:420px}.week-day{grid-template-columns:170px 1fr;gap:25px}.gallery-item .photo-placeholder{min-height:190px}.article-cover{min-height:360px}}
@media(max-width:760px){.date-toolbar{padding:28px 0}.date-toolbar h2{font-size:27px;line-height:1.2}.date-actions{gap:6px}.date-actions .icon-button{min-width:34px;padding:7px}.date-actions .btn{padding:9px 12px}.date-input input{font-size:16px;max-width:160px}.month-calendar>summary{padding:20px;font-size:23px}.month-controls{padding:0 18px 20px}.month-controls .btn{font-size:10px;padding:8px 10px}.calculation-note{padding:24px}.calculation-note dl{grid-template-columns:1fr;gap:16px}.week-day{grid-template-columns:1fr;gap:18px;padding:26px 0}.week-day>div:first-child{border-bottom:1px solid #d9e3e7;padding-bottom:15px}.week-day h3{display:inline;font-size:28px;margin-left:10px;margin-right:10px}.week-day>div:first-child>small{display:block;margin-top:6px}.week-day article{padding-left:3px}.week-day>p{padding-top:0}.search-field{min-width:0;width:100%;max-width:none}.search-field input{font-size:16px}.news-tools .filters{gap:6px}.news-tools .filter{font-size:10px;padding:8px 12px}.article-cover{min-height:300px}.article-meta{gap:10px 16px;line-height:1.8}.article-copy{margin:30px auto 45px}.article-copy>p{font-size:14px}.gallery-grid{grid-template-columns:1fr;gap:25px}.gallery-item .photo-placeholder{min-height:250px}.post-gallery .section-head h2{font-size:33px}.post-gallery .section-head>.pill{margin-top:20px}.gallery-large{min-height:200px!important}.empty-state{padding:40px 20px}.empty-state h2{font-size:30px}}

