/* Asdonk Kliniken – Praktikumsangebot | Stylesheet */

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-body);color:var(--body);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}

:root{
  --blue:#009EE3;--blue-hover:#007BB0;--blue-deep:#00628C;
  --green:#3AAA35;--green-hover:#2D8329;
  --ink:#222222;--body:#505051;--muted:#777777;
  --line:#DDDDDD;--tint:#F6F6F6;--tint2:#EEEEEE;
  --font-head:'Roboto Condensed','Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-body:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
}

a{color:var(--blue);text-decoration:none;}
a:hover{color:#006996;}

/* ---- Button hover states (override inline background) ---- */
.btn-green,.btn-white,.btn-blue,.btn-header{transition:transform .2s,background .2s;}
.btn-green:hover{background:var(--green-hover)!important;color:#fff;transform:translateY(-2px);}
.btn-white:hover{background:#eaf6fc!important;color:var(--blue-deep);transform:translateY(-2px);}
.btn-blue:hover{background:var(--blue-hover)!important;}
.btn-header:hover{background:var(--green-hover)!important;color:#fff;}

/* ---- Scroll reveals ---- */
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
[data-reveal="left"]{transform:translateX(-46px);}
[data-reveal="right"]{transform:translateX(46px);}
[data-reveal="zoom"]{transform:scale(.92);}
[data-reveal].in{opacity:1;transform:none;}

/* icon tile spins in once its card reveals */
.tile{transition:transform .6s .18s cubic-bezier(.2,.9,.3,1.2);}
[data-reveal] .tile{transform:rotate(-90deg) scale(.55);}
[data-reveal].in .tile{transform:none;}

/* ---- On-load hero entrance ---- */
@keyframes flyUp{from{opacity:0;transform:translateY(34px);}to{opacity:1;transform:none;}}
@keyframes flyDown{from{opacity:0;transform:translateY(-18px);}to{opacity:1;transform:none;}}
@keyframes popIn{from{opacity:0;transform:scale(.75);}to{opacity:1;transform:none;}}
@keyframes floaty{from{transform:translateY(0) rotate(0);}50%{transform:translateY(-14px) rotate(3deg);}to{transform:translateY(0) rotate(0);}}
.ha{opacity:0;animation:flyUp .85s cubic-bezier(.2,.7,.2,1) forwards;}
.hd{opacity:0;animation:flyDown .7s ease forwards;}
.chip{opacity:0;animation:popIn .55s cubic-bezier(.2,.9,.3,1.3) forwards;}

/* ---- FAQ accordion ---- */
.faq-item .faq-answer{display:none;}
.faq-item.open .faq-answer{display:block;}
.faq-item.open .faq-plus{transform:rotate(45deg);}

@media (prefers-reduced-motion:reduce){
  [data-reveal],.tile{opacity:1!important;transform:none!important;transition:none!important;}
  .ha,.hd,.chip{opacity:1!important;animation:none!important;}
}