/* Institut Forschung Listenhunde e.V. - Teststand
   Schrift Poppins (SIL Open Font License) wird lokal ausgeliefert, kein Abruf von Google-Servern. */
@font-face{font-family:'Poppins';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/Poppins-Regular.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/Poppins-Medium.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/Poppins-Bold.ttf') format('truetype')}

*,*::before,*::after{box-sizing:border-box}
html{background:#ECEDEE;-webkit-text-size-adjust:100%}
body{margin:0;max-width:1440px;margin-inline:auto;background:#fff;color:#212529;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.5}
img{max-width:100%;height:auto}
a{color:#212529}
a:hover{color:#CD1719}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #CD1719;outline-offset:2px}
button{cursor:pointer}

/* Kopfzeile */
.hdr{position:relative}
.nav-m{display:none}
.nav-m summary{list-style:none;cursor:pointer;background:#CD1719;color:#fff;padding:12px 18px;border-radius:6px;font-weight:500}
.nav-m summary::-webkit-details-marker{display:none}
.nav-m-list{position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;padding:8px 20px 16px;border-bottom:1px solid #E2E2E2;box-shadow:0 8px 16px rgba(0,0,0,.08)}
.mi{padding:12px 0;border-bottom:1px solid #E2E2E2}
.nav-d a:not([href="login.html"]):hover{color:#CD1719}

@media (max-width:1180px){
  .nav-d{display:none!important}
  .nav-m{display:block}
}
@media (max-width:1100px){
  [style*="repeat(4"],[style*="repeat(5"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:860px){
  [style*="px 48px"]{padding-left:20px!important;padding-right:20px!important}
  [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-column: span 2"]{grid-column:span 1!important}
  h1{font-size:28px!important}
  h2{font-size:24px!important}
  [style*="display: flex"]{flex-wrap:wrap}
  .brand span{font-size:15px!important}
  .brand img{width:48px!important;height:48px!important}
  .fbottom{flex-direction:column}
  table{display:block;overflow-x:auto;max-width:100%}
  [style*="height: 380px"],[style*="height: 400px"],[style*="height: 360px"]{height:240px!important}
}

/* Startseite: Hero */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);background:#212529 url(hero-dna.jpg) right center/cover no-repeat;color:#fff;overflow:hidden;min-height:0}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,27,31,.5) 0%,rgba(24,27,31,.74) 50%,rgba(24,27,31,.8) 100%)}
.hero-img{position:relative;z-index:1;aspect-ratio:1110/920}
.hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 48%,rgba(0,0,0,.55) 74%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 48%,rgba(0,0,0,.55) 74%,transparent 100%)}
.hero-txt{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:72px 40px 72px 0;position:relative;z-index:1}
.hero-eyebrow{margin:0;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#F09A9C;display:flex;align-items:center;gap:12px}
.hero-eyebrow::before{content:"";width:36px;height:3px;background:#CD1719;display:block}
.hero h1{margin:0;font-size:clamp(34px,4.4vw,58px);line-height:1.05;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
.hero h1 span{display:block;margin-top:10px;font-size:.5em;line-height:1.2;font-weight:500;letter-spacing:0;color:#fff;opacity:.95;border-left:4px solid #CD1719;padding-left:14px}
.hero-lead{margin:0;font-size:19px;line-height:1.6;color:#F6F7F8;max-width:500px}
.hero-sub{margin:0;font-size:16px;line-height:1.65;color:#D3D6D9;max-width:500px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.hb{display:inline-block;padding:15px 30px;border-radius:8px;font-weight:500;font-size:15px;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.hb-red{background:#CD1719;color:#fff}.hb-red:hover{background:#A91315;color:#fff}
.hb-ghost{border:2px solid rgba(255,255,255,.75);color:#fff;padding:13px 28px}.hb-ghost:hover{background:#fff;color:#212529}
@media (max-width:1100px){
  .hero{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
  .hero-txt{padding-right:32px}
}
@media (max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero::before{background:linear-gradient(180deg,rgba(30,33,37,.35) 0%,rgba(30,33,37,.9) 45%,rgba(30,33,37,.92) 100%)}
  .hero-img{aspect-ratio:1110/820}
  .hero-img img{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 65%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 65%,transparent 100%)}
  .hero-txt{padding:8px 24px 48px}
}

/* Menü Forschung mit Untermenü */
.dd{position:relative;display:inline-block}
.dd>a{display:inline-block}
.dd-m{display:none;position:absolute;left:-14px;top:100%;padding-top:14px;z-index:30;min-width:190px}
.dd-m-in{display:block;background:#fff;border:1px solid #E2E2E2;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:8px 0}
.dd:hover .dd-m,.dd:focus-within .dd-m{display:block}
.dd-m a{display:block;padding:10px 18px;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:none;white-space:nowrap}
.dd-m a:hover{background:#F7F7F7;color:#CD1719}
.mi-sub{padding-left:20px}