/* Innungslogos: mehr Platz, unverzerrte Originaldateien. */
/* Instagram: ruhige Einbindung ohne zusaetzlichen Rahmenkasten. */
#instagram.home-instagram { background: #fff; color: #073070; color-scheme: light; }
#instagram .instagram-feed { padding: 0; border: 0; background: #fff; margin-top: 32px; }
#instagram .instagram-feature { grid-template-columns: minmax(0,1fr) auto; gap: 24px; }
#instagram .instagram-feature-mark { display: none; }
#instagram .instagram-feature-action { flex-direction: row; flex-wrap: wrap; gap: 16px; }
#instagram .social-follow-link { border: 0; border-bottom: 1px solid #b9c8d9; padding: 8px 0; background: transparent; }
#instagram .social-follow-link .social-brand { width: 22px; height: 22px; }
@media (max-width: 700px) {
  #instagram .instagram-feature { grid-template-columns: minmax(0,1fr); gap: 18px; }
  #instagram .instagram-feature-action { align-items: flex-start; gap: 12px 20px; }
}
.craft-guilds { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.craft-guild { min-width: 0; min-height: 148px; gap: 18px; }
.craft-guild img {
  display: block;
  width: 120px;
  height: 100px;
  flex: 0 0 120px;
  object-fit: contain;
}
.guild-region-row .craft-guild img { width: 180px; height: 108px; flex-basis: 180px; }
.craft-guild strong, .craft-guild small { overflow-wrap: anywhere; }

/* Auch die Detailseiten, Suchtreffer und Innungslinks bleiben gut lesbar. */
.guild-external-link { min-width: 210px; min-height: 160px; }
.guild-external-link .guild-outbound-logo { width: 200px; height: 145px; }
.page-intro .guild-logo { width: 224px; height: 169px; flex: 0 0 224px; padding: 12px; }
.guild-nav-logo { width: 72px; height: 64px; flex-basis: 72px; }
#site-results .guild-search-result { grid-template-columns: 88px minmax(0, 1fr); }
#site-results .guild-search-logo { width: 88px; height: 76px; }
.guild-source-logo { width: 84px; height: 72px; flex-basis: 84px; }

/* Vier Organisationen: zwei lesbare Spalten statt vier schmaler Karten. */
.organisation-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.organisation-grid--four article { min-width: 0; }
.organisation-comparison-title, .organisation-grid--four h3 { hyphens: manual; overflow-wrap: anywhere; }

@media (max-width: 1100px) {
  .craft-guilds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .craft-guild { padding: 18px; gap: 14px; min-height: 138px; }
  .craft-guild img { width: 112px; height: 96px; flex-basis: 112px; }
  .guild-region-row .craft-guild img { width: 140px; height: 100px; flex-basis: 140px; }
}
@media (max-width: 760px) {
  .guild-region-headings { display: none; }
  .guild-region-row { grid-template-columns: minmax(0, 1fr); }
  .guild-region-row .craft-guild img { width: 156px; height: 100px; flex-basis: 156px; }
}
@media (max-width: 700px) {
  .craft-guilds, .organisation-grid--four { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .craft-guild { padding: 16px; gap: 12px; min-height: 132px; }
  .craft-guild img, .guild-region-row .craft-guild img { width: 120px; height: 96px; flex-basis: 120px; }
  .title-row .guild-outbound-logo { width: 180px; height: 132px; }
  .page-intro .guild-logo { width: 204px; height: 156px; flex: 0 0 auto; }
}
@media (max-width: 370px) {
  .craft-guild { padding: 12px; gap: 10px; }
  .craft-guild img, .guild-region-row .craft-guild img { width: 96px; height: 88px; flex-basis: 96px; }
}