
/*
 * Copyright (c) 2026 Lernen Leben Retten. Alle Rechte vorbehalten.
 */
.llr-dates{border:1px solid var(--line);border-radius:15px;background:var(--cream);overflow:hidden}.llr-dates-head{padding:32px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.llr-dates-head .eyebrow{margin:0 0 8px}.llr-dates-head :is(h2,h3){font-size:26px;letter-spacing:-.6px;margin:0}.llr-dates-head>a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.llr-dates-filters{display:flex;flex-wrap:wrap;gap:15px;padding:25px 34px 20px}.llr-dates-filters label{flex:1;min-width:160px;font-size:12px;font-weight:500;color:var(--green-dark)}.llr-dates select{margin-top:7px;display:block;width:100%;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);padding:12px;font:inherit;font-size:14px;min-height:46px;text-overflow:ellipsis}.llr-dates-status{padding:0 34px 20px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:13px;color:var(--green-dark)}.llr-dates-status>div{display:flex;gap:16px;flex-wrap:wrap}.llr-dates-status button{font-size:12px;text-decoration:underline;text-underline-offset:3px}.llr-dates-results{padding:0 20px 20px;display:grid;gap:12px}.llr-date-card{padding:27px 23px;background:white;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:70px minmax(0,1fr) 170px;gap:24px;align-items:start}.llr-date-tile{background:var(--sage);border-radius:8px;text-align:center;padding:11px 4px;color:var(--green-dark);line-height:1.1}.llr-date-tile strong{font-weight:500;font-size:31px;display:block}.llr-date-tile span{font-size:12px;display:block;margin-top:6px;text-transform:uppercase;letter-spacing:.8px}.llr-date-info{min-width:0}.llr-date-info h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:5px 0 10px}.llr-date-info .llr-date-when{font-size:12px;color:var(--blue-dark);margin:0;line-height:1.6}.llr-date-info .llr-date-location{font-size:13px;color:var(--muted);margin:0 0 13px;line-height:1.7}.llr-spaces{display:inline-flex;background:var(--sage);border-radius:30px;color:var(--green-dark);font-size:11px;padding:5px 11px;gap:7px;align-items:center}.llr-spaces:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}.llr-spaces.is-full{background:var(--cream);color:#777}.llr-spaces.is-full:before{background:#999}.llr-date-book{display:flex;align-items:flex-end;flex-direction:column}.llr-date-book>strong{font-size:23px;color:var(--green-dark);font-weight:500;line-height:1.3}.llr-date-book>span{font-size:10px;color:var(--muted);margin:4px 0 16px}.llr-date-book>.button{font-size:12px;padding:11px 15px;min-height:43px;gap:10px}.llr-dates-foot{padding:4px 34px 28px;font-size:11px;color:var(--muted)}.llr-dates-foot p{margin:8px 0;font-size:12px;line-height:1.7}.llr-dates-foot a{text-decoration:underline}.llr-dates-empty{padding:30px;background:white;border-radius:10px}.llr-dates-empty h3{font-size:24px;margin-bottom:12px}.llr-dates-empty p{font-size:14px}.llr-dates button:disabled{opacity:.5;cursor:wait}
@media(max-width:800px){.llr-date-card{grid-template-columns:60px minmax(0,1fr);gap:19px}.llr-date-book{grid-column:2;align-items:flex-start}.llr-date-book>span{margin-bottom:12px}.llr-dates-head{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:550px){.llr-dates-head{padding:25px 20px}.llr-dates-head :is(h2,h3){font-size:24px}.llr-dates-filters{padding:22px 20px 16px;gap:15px}.llr-dates-filters label{flex-basis:100%;min-width:0}.llr-dates select{font-size:16px}.llr-dates-status{padding:0 20px 18px;align-items:flex-start;flex-direction:column}.llr-dates-results{padding:0 10px 15px}.llr-date-card{padding:21px 16px;gap:14px;grid-template-columns:49px minmax(0,1fr)}.llr-date-tile strong{font-size:25px}.llr-date-tile span{font-size:10px}.llr-date-info h3{font-size:19px}.llr-date-info .llr-date-when{font-size:11px}.llr-date-info .llr-date-location{font-size:12px}.llr-date-book>strong{font-size:23px}.llr-dates-foot{padding:0 20px 22px}.llr-dates-status>div{gap:18px}.llr-dates-empty{padding:22px 18px}}

.llr-date-book>strong{max-width:100%;overflow-wrap:anywhere;text-align:right;font-size:21px}.llr-dates-more{padding:0 34px 25px}.llr-dates-more .button{font-size:13px}@media(max-width:800px){.llr-date-book>strong{text-align:left}}
