/*
 * Patrick Krisch Website
 * Datei: assets/css/services-page.css
 * Bereich: Leistungs-Hub / Raster- und Listenansicht
 * Stand: 2026-08-19
 */

.services-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#52657f}.services-breadcrumb a{color:var(--navy)}.services-breadcrumb a:hover{text-decoration:underline}.services-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:48px;align-items:start}.services-hero-copy{max-width:620px}.services-kicker{margin:0 0 14px;font-size:12px;font-weight:850;letter-spacing:.08em;color:#007b91}.services-hero-copy h1 span{color:#008f93}.services-accent{display:block;width:46px;height:2px;margin:22px 0;background:#089bb0}.services-hero-copy>p{max-width:580px;margin:0;color:#253b5d;font-size:17px;line-height:1.7}.services-trust{display:flex;flex-wrap:wrap;gap:0;margin-top:26px}.services-trust>div{display:grid;grid-template-columns:30px auto;gap:10px;align-items:center;padding:0 22px}.services-trust>div:first-child{padding-left:0}.services-trust>div+div{border-left:1px solid var(--line)}.services-trust .ui-icon{width:25px;height:25px;color:#078a9d}.services-trust span{font-size:12px;line-height:1.35;color:#455b78}.services-trust strong{display:block;color:var(--navy)}

.services-hero-visual{position:relative;min-height:330px;align-self:center}.services-hero-image{position:absolute;inset:12px 36px 12px 72px;overflow:hidden;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.services-hero-image picture,.services-hero-image img{display:block;width:100%;height:100%}.services-hero-image img{object-fit:cover}.services-float-card{position:absolute;width:76px;height:76px;display:grid;place-items:center;border:1px solid var(--card-border);border-radius:var(--radius);background:rgba(255,255,255,.95);box-shadow:0 14px 36px rgba(16,54,99,.13);color:#087d97}.services-float-card .ui-icon{width:34px;height:34px}.services-float-card-a{left:20px;top:82px}.services-float-card-b{right:0;bottom:42px}.services-float-card-c{left:54px;bottom:12px;width:64px;height:64px}.services-float-card-c .ui-icon{width:28px;height:28px}

.services-explorer{margin-top:34px}.services-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--card-shadow)}.services-search{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--control-border);border-radius:var(--radius-button);background:var(--surface)}.services-search>.ui-icon{width:20px;height:20px;color:#315a88}.services-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--navy);font:inherit;padding:13px 0}.services-search input::placeholder{color:#8190a7}.services-search-clear{width:32px;height:32px;border:0;background:transparent;color:var(--navy);display:grid;place-items:center;cursor:pointer}.services-search-clear .ui-icon{width:18px;height:18px}.services-view-switch{display:flex;gap:8px}.services-view-switch button{min-width:108px;border:1px solid transparent;border-radius:var(--radius-button);background:var(--soft);color:var(--navy);font:inherit;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;cursor:pointer}.services-view-switch button.is-active{background:linear-gradient(135deg,#071f4d,#075f92);color:var(--surface);box-shadow:0 10px 24px rgba(7,31,77,.15)}.services-view-switch .ui-icon{width:19px;height:19px}

.services-filterbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.services-filters{display:flex;flex-wrap:wrap;gap:10px}.services-filters button,.services-reset{border:1px solid var(--control-border);border-radius:var(--radius-button);background:var(--surface);color:var(--navy);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.services-filters button{padding:10px 14px}.services-filters button.is-active{border-color:transparent;background:linear-gradient(135deg,#075f81,#078c91);color:var(--surface)}.services-reset{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:9px 4px;color:#365b85}.services-reset .ui-icon{width:16px;height:16px}.services-result-meta{margin:18px 0 12px;color:#536781;font-size:12px}.services-result-meta strong{color:var(--navy)}

.services-result-section[hidden]{display:none}.services-results.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.services-result-card{position:relative;min-width:0;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.services-result-link{position:absolute;z-index:4;inset:0;border-radius:inherit}.services-result-link:focus-visible{outline:2px solid #079699;outline-offset:3px}.services-results.is-grid .services-result-card{display:grid;grid-template-columns:118px minmax(0,1fr);grid-template-areas:"icon body" "icon footer";gap:0 20px;padding:20px}.services-result-card:hover{transform:translateY(-2px);border-color:#bfd5e7;box-shadow:0 16px 34px rgba(26,66,111,.09)}.services-result-icon{grid-area:icon;border-radius:var(--radius);display:grid;place-items:center;background:linear-gradient(145deg,#f5f8fc,#eef3f8);color:#0b4f91;overflow:hidden}.services-results.is-grid .services-result-icon{width:112px;height:auto;min-height:112px;align-self:stretch}.services-result-icon .ui-icon{width:58px;height:58px}.services-result-body{grid-area:body;min-width:0}.services-result-category{display:block;margin-bottom:5px;color:#078c98;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.services-result-body h3{margin:0;color:var(--navy);font-size:18px}.services-result-body p{margin:7px 0 0;color:#52657f;font-size:13px;line-height:1.55}.services-result-footer{grid-area:footer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-top:12px}.services-result-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto;color:#079699;font-size:12px;font-weight:850;white-space:nowrap}.services-result-action .ui-icon{width:16px;height:16px;transition:transform .18s ease}.services-result-card:hover .services-result-action .ui-icon,.services-result-card:focus-within .services-result-action .ui-icon{transform:translateX(4px)}.services-knowledge-count{display:inline-flex;align-items:center;gap:6px;color:#3d6784;font-size:11px;font-weight:800;white-space:nowrap}.services-knowledge-count .ui-icon{width:15px;height:15px;color:#078c98}.services-result-footer-spacer{min-width:0}

.services-knowledge-section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.services-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.services-section-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--surface);color:#0b5b8f}.services-section-icon .ui-icon{width:18px;height:18px}.services-section-heading h2{margin:0;color:var(--navy);font-size:18px}.services-section-heading p{margin:3px 0 0;color:#6a7c93;font-size:12px}.services-knowledge-results.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.services-knowledge-results.is-grid .services-result-card{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"icon body" "icon footer";gap:0 14px;padding:14px 16px;background:linear-gradient(135deg,#ffffff,#f4f9fc);box-shadow:0 5px 16px rgba(26,66,111,.045)}.services-knowledge-results.is-grid .services-result-icon{width:72px;min-height:78px;background:#f0f5fa}.services-knowledge-results.is-grid .services-result-icon .ui-icon{width:32px;height:32px}.services-knowledge-results .services-result-body h3{font-size:15px}.services-knowledge-results .services-result-body p{margin-top:4px;font-size:12px;line-height:1.45}.services-knowledge-results .services-result-footer{margin-top:8px}.services-knowledge-results .services-result-action{color:#079699}.services-result-card-knowledge:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(26,66,111,.07)}

.services-results.is-list{display:grid;gap:0;border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--card-shadow)}.services-results.is-list .services-result-card{display:grid;grid-template-columns:78px minmax(0,1fr) auto;grid-template-areas:none;gap:20px;align-items:center;padding:16px 20px;border:0;border-radius:0;box-shadow:none}.services-results.is-list .services-result-card+.services-result-card{border-top:1px solid var(--line)}.services-results.is-list .services-result-card:nth-child(even){background:#f7fbff}.services-results.is-list .services-result-card:hover{transform:none;background:#f1f7fc}.services-results.is-list .services-result-icon,.services-results.is-list .services-result-body,.services-results.is-list .services-result-footer{grid-area:auto}.services-results.is-list .services-result-icon{width:72px;height:72px}.services-results.is-list .services-result-icon .ui-icon{width:38px;height:38px}.services-results.is-list .services-result-body h3{font-size:16px}.services-results.is-list .services-result-body p{margin-top:4px;font-size:12px}.services-results.is-list .services-result-category{margin-bottom:3px}.services-results.is-list .services-result-footer{min-width:205px;margin:0;justify-content:flex-end}.services-results.is-list .services-knowledge-count{margin-right:auto}.services-knowledge-results.is-list{box-shadow:0 5px 16px rgba(26,66,111,.045)}.services-knowledge-results.is-list .services-result-card{grid-template-columns:60px minmax(0,1fr) auto;padding:11px 16px;background:linear-gradient(135deg,#ffffff,#f4f9fc)}.services-knowledge-results.is-list .services-result-card:nth-child(even){background:linear-gradient(135deg,#ffffff,#f4f9fc)}.services-knowledge-results.is-list .services-result-icon{width:52px;height:52px;background:#eef4f8}.services-knowledge-results.is-list .services-result-icon .ui-icon{width:26px;height:26px}.services-knowledge-results.is-list .services-result-body h3{font-size:14px}.services-result-card[hidden]{display:none!important}

.services-empty{padding:50px 20px;text-align:center;border:1px dashed var(--control-border);border-radius:var(--radius);background:var(--surface);color:#60718b}.services-empty .ui-icon{width:34px;height:34px;color:#078b9c}.services-empty strong,.services-empty span{display:block}.services-empty strong{margin-top:10px;color:var(--navy)}.services-empty span{margin-top:5px;font-size:13px}

.services-cta{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:22px;align-items:center;margin-top:34px;padding:24px 28px;border:1px solid var(--card-border);border-radius:var(--radius);background:linear-gradient(90deg,#f7fcff,#eaf7f8);box-shadow:var(--card-shadow)}.services-cta-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--primary-gradient);color:var(--surface)}.services-cta-icon .ui-icon{width:27px;height:27px}.services-cta h2{margin:0;color:var(--navy);font-size:22px}.services-cta p{margin:5px 0 0;color:#52647f;font-size:13px;line-height:1.5}

@media(max-width:1040px){.services-hero-grid{grid-template-columns:1fr .9fr;gap:28px}.services-trust>div{padding:0 14px}.services-results.is-grid{grid-template-columns:1fr 1fr}.services-results.is-grid .services-result-card{grid-template-columns:94px minmax(0,1fr);gap:0 15px}.services-results.is-grid .services-result-icon{width:90px;min-height:96px}.services-result-icon .ui-icon{width:46px;height:46px}.services-knowledge-results.is-grid .services-result-card{grid-template-columns:68px minmax(0,1fr)}.services-knowledge-results.is-grid .services-result-icon{width:64px;min-height:72px}.services-knowledge-results.is-grid .services-result-icon .ui-icon{width:29px;height:29px}}
@media(max-width:820px){.services-hero-grid{grid-template-columns:1fr}.services-hero-visual{min-height:310px}.services-toolbar{grid-template-columns:1fr}.services-view-switch button{min-height:44px;flex:1}.services-filterbar{align-items:flex-start;flex-direction:column}.services-reset{align-self:flex-end}.services-results.is-grid,.services-knowledge-results.is-grid{grid-template-columns:1fr}.services-cta{grid-template-columns:54px 1fr}.services-cta>a{grid-column:1/-1;width:100%}}
@media(max-width:620px){.services-hero-copy>p{font-size:15px}.services-trust{display:grid;grid-template-columns:1fr 1fr;gap:14px}.services-trust>div,.services-trust>div:first-child{padding:0;border:0}.services-hero-visual{min-height:260px}.services-hero-image{inset:12px 20px 12px 42px}.services-float-card{width:58px;height:58px}.services-float-card .ui-icon{width:26px;height:26px}.services-float-card-a{left:4px;top:66px}.services-float-card-b{right:0;bottom:30px}.services-float-card-c{display:none}.services-toolbar{padding:10px}.services-view-switch button{min-width:0;padding:11px}.services-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.services-filters button:first-child{grid-column:1/-1}.services-reset{align-self:stretch;justify-content:center}.services-results.is-grid .services-result-card{grid-template-columns:78px minmax(0,1fr);padding:16px;gap:0 12px}.services-results.is-grid .services-result-icon{width:74px;min-height:82px}.services-result-icon .ui-icon{width:38px;height:38px}.services-result-body h3{font-size:16px}.services-result-body p{font-size:12px}.services-result-footer{gap:8px}.services-result-action{font-size:13px;min-height:32px}.services-knowledge-count{font-size:10.5px}.services-knowledge-section{margin-top:22px;padding-top:18px}.services-section-heading{align-items:flex-start}.services-knowledge-results.is-grid .services-result-card{grid-template-columns:58px minmax(0,1fr);padding:12px;gap:0 10px}.services-knowledge-results.is-grid .services-result-icon{width:54px;min-height:62px}.services-knowledge-results.is-grid .services-result-icon .ui-icon{width:25px;height:25px}.services-results.is-list .services-result-card{grid-template-columns:62px minmax(0,1fr);padding:14px;gap:12px}.services-results.is-list .services-result-icon{width:58px;height:58px}.services-results.is-list .services-result-icon .ui-icon{width:31px;height:31px}.services-results.is-list .services-result-footer{grid-column:2;min-width:0;margin-top:6px;justify-content:space-between}.services-knowledge-results.is-list .services-result-card{grid-template-columns:50px minmax(0,1fr);padding:10px 12px}.services-knowledge-results.is-list .services-result-icon{width:46px;height:46px}.services-knowledge-results.is-list .services-result-footer{grid-column:2}.services-cta{grid-template-columns:1fr;text-align:center}.services-cta-icon{margin:0 auto}.services-cta>a{grid-column:auto}.services-cta p{max-width:480px;margin-left:auto;margin-right:auto}}
@media(max-width:370px){.services-filters{grid-template-columns:1fr}.services-filters button:first-child{grid-column:auto}.services-view-switch span{display:none}.services-results.is-grid .services-result-card,.services-knowledge-results.is-grid .services-result-card{grid-template-columns:1fr}.services-results.is-grid .services-result-icon,.services-knowledge-results.is-grid .services-result-icon{grid-area:auto;width:100%;min-height:72px;margin-bottom:10px}.services-results.is-grid .services-result-body,.services-knowledge-results.is-grid .services-result-body{grid-area:auto}.services-results.is-grid .services-result-footer,.services-knowledge-results.is-grid .services-result-footer{grid-area:auto}.services-result-footer{align-items:flex-start}.services-result-action{margin-left:auto}}

@media(prefers-reduced-motion:reduce){.services-result-card,.services-result-action .ui-icon{transition:none}}