/* Forum Islamische Religionspädagogik e.V. — Entwurf, gemeinsame Formatierung */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F7F5F0;font-family:"Source Sans 3",system-ui,sans-serif;color:#22354E}
img{max-width:100%;height:auto}
a{color:inherit}
a[href="#"]{cursor:default}
input,textarea,select{font-family:inherit;max-width:100%}
.site{width:100%;margin:0 auto;background:#F7F5F0;overflow-x:hidden}

/* Tablet und kleine Notebooks */
@media (max-width:1180px){
  [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr 1fr !important}
  [style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr 1fr !important}
  [style*="height:92px"]{height:auto !important;padding-top:18px !important;padding-bottom:18px !important;flex-wrap:wrap;gap:18px}
  [style*="min-height:"]{min-height:0 !important}
  nav{flex-wrap:wrap}

  /* Mitgliederbereich: Seitenleiste wird zur waagerechten Leiste, Ergebnisse vor die Filter */
  [style*="background:#16263A"][style*="flex-direction:column"]{flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;overflow-x:auto;padding:8px 12px !important;gap:6px}
  [style*="background:#16263A"][style*="flex-direction:column"] > div:first-child{padding:0 10px 0 0 !important;border-bottom:0 !important;flex:none}
  [style*="background:#16263A"][style*="flex-direction:column"] > div:first-child > div{display:none}
  [style*="background:#16263A"][style*="flex-direction:column"] > nav{flex-direction:row !important;flex-wrap:nowrap !important;padding:0 !important;gap:4px !important;width:auto}
  [style*="background:#16263A"][style*="flex-direction:column"] nav span{padding:13px 16px !important;border-left:0 !important;white-space:nowrap;min-height:44px;display:inline-flex !important;align-items:center}
  [style*="background:#16263A"][style*="flex-direction:column"] > div:last-child{margin-top:0 !important;border-top:0 !important;padding:0 8px !important;flex:none;white-space:nowrap}
  [style*="grid-template-columns:246px"] > div:first-child{order:2}
}

/* Telefon */
@media (max-width:760px){
  [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  [style*="display:flex"]{flex-wrap:wrap}
  [style*=" 40px"]{padding-left:20px !important;padding-right:20px !important}
  [style*=" 48px"]{padding-left:20px !important;padding-right:20px !important}
  [style*="padding:40px 44px"],[style*="padding:38px 42px"],[style*="padding:40px 42px"]{padding:26px 22px !important}
  [style*="height:38px"]{height:auto !important;padding-top:10px !important;padding-bottom:10px !important;gap:4px}
  [style*="gap:80px"],[style*="gap:76px"],[style*="gap:70px"],[style*="gap:64px"],[style*="gap:60px"],[style*="gap:56px"]{gap:34px !important}
  [style*="padding:74px"],[style*="padding:70px"],[style*="padding:72px"],[style*="padding:76px"],[style*="padding:80px"],[style*="padding:90px"]{padding-top:44px !important;padding-bottom:44px !important}
  h1{font-size:34px !important;line-height:1.14 !important}
  h2{font-size:27px !important;line-height:1.2 !important}
  h3{font-size:23px !important}
  h4{font-size:19px !important}
  p{font-size:16px !important;line-height:1.65 !important}
  [style*="height:92px"]{padding-top:14px !important;padding-bottom:14px !important;gap:12px}
  img[src*="fir-mark"]{height:42px !important}
  nav{gap:16px !important;font-size:14px !important}
  [style*="aspect-ratio:4/5"]{aspect-ratio:4/3 !important}
  [style*="border-radius:50%"][style*="position:absolute"]{opacity:.5}

  /* Kopfnavigation: eine Zeile zum Wischen, große Tippflächen */
  nav{flex-wrap:nowrap !important;overflow-x:auto;width:100%;gap:18px !important;-webkit-overflow-scrolling:touch}
  nav a{display:inline-flex !important;align-items:center;min-height:44px;white-space:nowrap}
  [style*="gap:28px"] > a{display:inline-flex !important;align-items:center;min-height:44px}
  [style*="border-radius:2px"]{min-height:44px;display:inline-flex !important;align-items:center;justify-content:center}

  /* Kopf kompakter: Trennstriche weg */
  [style*="width:1px;height:26px"],[style*="width:1px;height:44px"]{display:none !important}
}

/* sehr schmale Geräte */
@media (max-width:420px){
  [style*=" 40px"],[style*=" 48px"]{padding-left:16px !important;padding-right:16px !important}
  h1{font-size:29px !important}
}