/* GewiNet Mitglieder Grid – Farben und Formen aus dem Website-Design: Navy, Blau, Grün, Verlauf der Navigation, keine Rundungen */
.gmg{--gmg-navy:#242e64;--gmg-blue:#0a4270;--gmg-green:#4bac55;--gmg-text:#626262;--gmg-line:#dfe3ea;--gmg-soft:#f4f6f9;--gmg-cols:3;
  --gmg-grad:linear-gradient(90deg,var(--gmg-blue) 0%,var(--gmg-green) 100%);--gmg-ease:cubic-bezier(.2,.7,.2,1);color:var(--gmg-text)}
.gmg *,.gmg *::before,.gmg *::after{box-sizing:border-box;border-radius:0}
.gmg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Leiste: eine Zeile – Suche, Buchstaben, Sortierung */
.gmg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin:0 0 28px;padding:0 0 14px;border-bottom:1px solid var(--gmg-line)}
.gmg-search{position:relative;flex:0 1 270px;margin:0;color:var(--gmg-navy)}
.gmg-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.6}
.gmg .gmg-search input{width:100%;height:40px;margin:0;padding:0 44px 0 36px;border:0;background:var(--gmg-soft);box-shadow:inset 0 0 0 1px transparent;font:inherit;font-size:15px;color:var(--gmg-navy);outline:0;-webkit-appearance:none;appearance:none;transition:box-shadow .2s,background .2s}
.gmg .gmg-search input::placeholder{color:#8a90a0;opacity:1}
.gmg .gmg-search input::-webkit-search-cancel-button{display:none}
.gmg .gmg-search input:hover{box-shadow:inset 0 0 0 1px var(--gmg-line)}
.gmg .gmg-search input:focus{background:#fff;box-shadow:inset 0 0 0 1px var(--gmg-navy)}
.gmg-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:#8a90a0;pointer-events:none}
.gmg-letters{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:0 2px;min-width:0}
.gmg .gmg-letters button{position:relative;min-width:26px;height:40px;margin:0;padding:0 6px;border:0;background:none;box-shadow:none;color:var(--gmg-navy);font:inherit;font-size:14px;font-weight:400;line-height:1;cursor:pointer;opacity:.75;transition:opacity .15s,color .15s}
.gmg .gmg-letters button::after{content:"";position:absolute;left:6px;right:6px;bottom:6px;height:2px;background:var(--gmg-green);transform:scaleX(0);transition:transform .2s var(--gmg-ease)}
.gmg .gmg-letters button:hover{opacity:1;color:var(--gmg-green)}
.gmg .gmg-letters button.is-active{opacity:1;font-weight:700}
.gmg .gmg-letters button.is-active::after{transform:none}
.gmg-sort{position:relative;flex:0 0 auto;margin:0 0 0 auto}
.gmg .gmg-sort select{height:40px;margin:0;padding:0 22px 0 0;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23242e64' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right center;box-shadow:none;font:inherit;font-size:14px;color:var(--gmg-navy);cursor:pointer;-webkit-appearance:none;appearance:none;outline:0;width:auto}
.gmg .gmg-sort select:hover{color:var(--gmg-green)}
.gmg :focus-visible{outline:2px solid var(--gmg-green);outline-offset:2px}

/* Raster */
.gmg-grid{list-style:none;margin:0;padding:0;display:grid;gap:28px;grid-template-columns:repeat(var(--gmg-cols),minmax(0,1fr))}
@media (max-width:1024px){.gmg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (max-width:1100px){.gmg-search{flex:1 1 240px}.gmg-letters{order:3;flex:1 0 100%}}
@media (max-width:640px){.gmg-bar{gap:6px 16px}.gmg-search{flex:1 1 160px}.gmg-grid{grid-template-columns:1fr}.gmg-letters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gmg .gmg-letters button{flex:0 0 auto;min-width:34px}}

/* Karte */
.gmg-card{position:relative;display:flex;flex-direction:column;margin:0;padding:0;background:#fff;border:1px solid var(--gmg-line);transition:box-shadow .3s ease}
.gmg-card::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--gmg-grad);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--gmg-ease);z-index:2}
.gmg-card:hover,.gmg-card:focus-within{box-shadow:0 10px 30px -12px rgba(36,46,100,.22)}
.gmg-card:hover::before,.gmg-card:focus-within::before{transform:scaleX(1)}
.gmg-card[hidden]{display:none}
.gmg.is-animating .gmg-card{animation:gmg-in .3s ease both}
@keyframes gmg-in{from{opacity:0}}

/* Logo: Standard-Logos (720x488 mit Weißraum) füllen die ganze Fläche */
.gmg-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:720/488;overflow:hidden;background:#fff;border-bottom:1px solid var(--gmg-line)}
.gmg .gmg-logo img{display:block;transform-origin:50% 50%;width:100%;height:100%;max-width:none;object-fit:contain}
.gmg-logo--tight{padding:12% 14%}
.gmg-initial{display:flex;align-items:center;justify-content:center;width:88px;height:88px;background:var(--gmg-soft);color:var(--gmg-navy);font-size:34px;font-weight:700}

.gmg-body{flex:1;padding:24px 26px 18px}
.gmg .gmg-name{margin:0 0 12px;padding:0;font-size:20px;line-height:1.25;font-weight:600;color:var(--gmg-navy);-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:16 7 7;-webkit-hyphenate-limit-before:7;-webkit-hyphenate-limit-after:7;overflow-wrap:break-word;text-wrap:balance}
.gmg-text{font-size:15px;line-height:1.6;color:var(--gmg-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.gmg-text p{margin:0 0 .7em}
.gmg-text p:last-child{margin-bottom:0}
.gmg-card.is-open .gmg-text{display:block;-webkit-line-clamp:unset}
.gmg .gmg-more{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0;padding:4px 0;border:0;background:none;box-shadow:none;color:var(--gmg-text);font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .2s}
.gmg .gmg-more:hover{color:var(--gmg-navy)}
.gmg .gmg-more[hidden]{display:none}
.gmg-more-icon{position:relative;width:12px;height:12px;transition:transform .3s var(--gmg-ease)}
.gmg-more-icon::before,.gmg-more-icon::after{content:"";position:absolute;left:0;top:5px;width:12px;height:2px;background:currentColor}
.gmg-more-icon::after{transform:rotate(90deg)}
.gmg-card.is-open .gmg-more-icon{transform:rotate(45deg)}

/* Website-Link: schlichter Textlink in derselben Sprache wie "Mehr lesen" */
.gmg .gmg-link{display:inline-flex;align-items:center;gap:8px;align-self:flex-end;margin:0 26px 24px;padding:4px 0;color:var(--gmg-green);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:color .2s}
.gmg .gmg-link svg{transition:transform .25s var(--gmg-ease)}
.gmg .gmg-link:hover{color:var(--gmg-navy)}
.gmg .gmg-link:hover svg{transform:translate(2px,-2px)}

.gmg-empty{margin:40px 0;text-align:center;color:var(--gmg-text)}
.gmg .gmg-reset{border:0;background:none;padding:0;color:var(--gmg-green);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
@media (prefers-reduced-motion:reduce){.gmg *,.gmg *::before{transition:none!important;animation:none!important}}