.guide-selector{width:min(100%,1180px);margin:0 auto;padding:0 30px 32px;border:1px solid #dce5ef;border-radius:24px;background:#fff;box-shadow:0 20px 52px rgba(31,52,78,.09);overflow:hidden}.guide-selector:before{content:"";display:block;height:8px;margin:0 -30px 28px;background:linear-gradient(90deg,#2878d4 0 25%,#55b6a7 25% 50%,#f0b44d 50% 75%,#dc7184 75%)}
.guide-selector-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.guide-selector-head h2{margin:5px 0 6px;font-size:30px;letter-spacing:-.04em;color:#10243f}.guide-selector-head p:not(.eyebrow){margin:0;color:#718097}.guide-count{padding:9px 13px;border:1px solid #c8d9ec;border-radius:999px;background:#edf5ff;color:#2878d4;font-size:13px;font-weight:700;white-space:nowrap}
.guide-filters{display:grid;grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(150px,1fr));gap:12px;padding:16px;border:1px solid #dce8f4;border-radius:17px;background:#f3f8fe}.guide-filters label{display:flex;flex-direction:column;gap:7px;min-width:0}.guide-filters label>span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#55708f}.guide-filters input,.guide-filters select{height:46px;width:100%;padding:0 13px;border:1px solid #cbdced;border-radius:12px;background:#fff;color:#192d49;font:inherit;outline:none;box-shadow:0 2px 4px rgba(44,83,125,.04)}.guide-filters input:focus,.guide-filters select:focus{border-color:#68a5e4;box-shadow:0 0 0 3px rgba(73,137,210,.15)}
.guide-selection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.guide-selection-grid .content-card{min-height:220px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid #dce5ef;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.guide-selection-grid .content-card:after{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--guide-accent,#4d91d9)}.guide-selection-grid .content-card:hover{transform:translateY(-5px);border-color:var(--guide-accent,#8bb8e5);box-shadow:0 17px 32px rgba(31,75,124,.15)}.guide-selection-grid .empty-card{grid-column:1/-1}.guide-card-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:19px}.guide-card-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--guide-accent,#4d91d9)}.guide-card-dot{width:12px;height:12px;border-radius:50%;background:var(--guide-accent,#4d91d9);box-shadow:0 0 0 5px var(--guide-soft,#edf5ff)}.guide-card-copy h3{margin:0 0 10px;color:#10243f;font-size:19px}.guide-card-copy p{margin:0;color:#66758a;line-height:1.6}.guide-selection-card .card-actions{margin-top:28px}.guide-accent-events{--guide-accent:#df8b42;--guide-soft:#fff2df;background:#fffdfa}.guide-accent-marketing{--guide-accent:#a06bd4;--guide-soft:#f3eaff;background:#fefcff}.guide-accent-betrieb{--guide-accent:#38a88f;--guide-soft:#e6f8f2;background:#fbfffd}.guide-accent-team{--guide-accent:#e06f83;--guide-soft:#ffedf0;background:#fffafb}.guide-accent-standort{--guide-accent:#4f91d8;--guide-soft:#e9f3ff;background:#fbfdff}.guide-accent-allgemein{--guide-accent:#71839c;--guide-soft:#eef2f6;background:#fcfdff}
@media (max-width:900px){.guide-filters{grid-template-columns:1fr 1fr}.guide-search{grid-column:1/-1}.guide-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.guide-selector{padding:0 16px 20px;border-radius:17px}.guide-selector:before{margin:0 -16px 20px}.guide-selector-head{align-items:flex-start;flex-direction:column;gap:12px}.guide-selector-head h2{font-size:24px}.guide-filters{grid-template-columns:1fr;padding:12px}.guide-search{grid-column:auto}.guide-selection-grid{grid-template-columns:1fr;gap:12px}}

/* Ruhige Dashboard-Farbwelt: Akzente statt bunter Flächen */
.guide-selector:before{height:5px;margin-bottom:28px;background:#dbeeff}
.guide-selector-head h2{color:#24324d}.guide-selector-head p:not(.eyebrow){color:#8996a9}.guide-count{border-color:#cfe1ee;background:#f5faff;color:#278bd3}
.guide-filters{border-color:#e2e9f1;background:#f8fafc}.guide-filters label>span{color:#8996a9}.guide-filters input,.guide-filters select{border-color:#dfe6ef}
.guide-selection-grid .content-card{background:#fff;border-color:#dfe6ef;box-shadow:0 2px 5px rgba(31,52,83,.03),0 12px 30px rgba(31,52,83,.055)}.guide-selection-grid .content-card:after{height:4px}.guide-selection-grid .content-card:hover{border-color:#c8d8e8;box-shadow:0 5px 10px rgba(31,52,83,.05),0 18px 36px rgba(31,52,83,.09)}
.guide-accent-events,.guide-accent-marketing,.guide-accent-betrieb,.guide-accent-team,.guide-accent-standort,.guide-accent-allgemein{--guide-soft:#f3f7fb;background:#fff}.guide-accent-events{--guide-accent:#f0ae5b}.guide-accent-marketing{--guide-accent:#9b82ec}.guide-accent-betrieb{--guide-accent:#39b991}.guide-accent-team{--guide-accent:#7b8df3}.guide-accent-standort{--guide-accent:#36a8df}.guide-accent-allgemein{--guide-accent:#8fa3c0}.guide-card-kicker{color:#71809a}.guide-card-dot{width:10px;height:10px}.guide-card-copy h3{color:#24324d}.guide-card-copy p{color:#71809a}
