/* =========================================================================
   eveschleger.com — Styles
   Typografie:   Roboto (sans, 400/500/700/900) × Lora (serif italic, 400/500)
   Palette:      #131519 ink · #009d94 teal · #ffffff paper · #dcefec mint
   ========================================================================= */

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
img,svg{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,button{font-family:inherit}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ---------- Tokens ---------- */
:root{
  --ink:#131519;
  --ink-80:rgba(19,21,25,.8);
  --ink-70:rgba(19,21,25,.72);
  --ink-50:rgba(19,21,25,.55);
  --ink-30:rgba(19,21,25,.32);
  --ink-15:rgba(19,21,25,.15);
  --paper:#ffffff;
  --paper-80:rgba(255,255,255,.82);
  --paper-60:rgba(255,255,255,.6);
  --paper-30:rgba(255,255,255,.3);
  --paper-15:rgba(255,255,255,.15);
  --teal:#009d94;
  --teal-strong:#00655e;      /* barrierefreie Textlink-Farbe auf Weiß */
  --mint:#dcefec;              /* Projekte-Sektion */
  --placeholder:#8a8a8a;

  --sans:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Lora',Georgia,'Times New Roman',serif;

  /* Design gerastert auf 1400 px Content-Breite, Gutter 4–5 vw */
  --wrap:1400px;
  --gutter:clamp(1.5rem,5vw,4.5rem);

  /* Typo-Rasterung nach Entwurf */
  --fs-nav:.9375rem;         /* 15 px */
  --fs-body:1rem;            /* 16 px */
  --fs-body-lg:1.0625rem;    /* 17 px */
  --fs-meta:.875rem;         /* 14 px */
  --fs-eyebrow:.8125rem;     /* 13 px */
  --fs-hero:  clamp(2.25rem,6vw,5.5rem);     /* GRAFIK, DIE */
  --fs-h2:    clamp(1.75rem,3.4vw,3.5rem);   /* Sektions-Headlines Uppercase, einheitlich */
  --fs-h2-bf: clamp(2.25rem,6vw,5.75rem);    /* BF-Statement-Headline (unverändert groß) */
  --fs-h2-mint: clamp(2rem,5vw,4.75rem);     /* Projekte-Headline (etwas kleiner im Entwurf) */
  --fs-h4:1.0625rem;         /* Accordion-Titel */
  --fs-project-h:1.0625rem;  /* Projekt-Bildunterschrift-Titel */

  --lh-display:1.04;
  --lh-body:1.55;

  --track-caps:.02em;
}

/* ---------- Base ---------- */
body{
  font-family:var(--sans);
  font-weight:400;
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}
p a{color:var(--teal-strong)}
.on-dark p a{color:var(--teal)}
.on-dark p a:hover{color:var(--paper)}

::selection{background:var(--teal);color:var(--ink)}

/* Fokus */
:focus{outline:none}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:2px}
.on-dark :focus-visible{outline-color:var(--teal)}

/* Skip-Link */
.skip{
  position:absolute;left:1rem;top:1rem;
  padding:.75rem 1rem;
  background:var(--teal);color:var(--ink);
  font-weight:500;text-decoration:none;
  transform:translateY(-200%);transition:transform .2s;
  z-index:200;
}
.skip:focus{transform:translateY(0)}

/* ---------- Wrapper ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}

/* Dark & Light sections */
.section-dark{background:var(--ink);color:var(--paper)}
.section-light{background:var(--paper);color:var(--ink)}
.section-mint{background:var(--mint);color:var(--ink)}

/* ---------- Logo (zweifarbig) ---------- */
.logo{display:inline-block;line-height:0}
.logo svg{
  height:clamp(20px,1.6vw,24px);
  width:auto;
}
/* Logo ist komplett einfarbig — nicht zweigeteilt.
   Beide Pfade folgen currentColor; die Farbe wird pro Kontext gesetzt
   (Header = türkis, Footer = weiß). */
.logo .logo-eve,
.logo .logo-schleger{fill:currentColor}

.header .logo{color:var(--teal)}
.footer .logo{color:var(--paper)}

/* ---------- Header ---------- */
.header{
  position:sticky;top:0;z-index:100;
  background:var(--ink);
  transition:background .3s;
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:2rem;
  padding:1.5rem var(--gutter);
  max-width:var(--wrap);margin:0 auto;
  color:var(--paper);
}

.nav-primary{margin-left:auto}
.nav-primary ul{
  list-style:none;
  display:flex;
  gap:clamp(1.5rem,3.5vw,3.5rem);
  align-items:center;
}
.nav-primary a{
  font-family:var(--sans);
  font-size:var(--fs-nav);
  font-weight:400;
  color:var(--paper);
  text-decoration:none;
  padding:.25rem 0;
  border-bottom:1px solid transparent;
  transition:border-color .2s;
}
.nav-primary a:hover,
.nav-primary a[aria-current="true"]{border-bottom-color:var(--teal)}

.header-controls{display:flex;align-items:center;gap:1rem}

/* Mobile Menu */
.nav-toggle{
  display:none;
  width:32px;height:32px;
  color:var(--paper);
}
.nav-toggle svg{width:100%;height:100%}
.nav-toggle .icon-close{display:none}
.nav-toggle[aria-expanded="true"] .icon-open{display:none}
.nav-toggle[aria-expanded="true"] .icon-close{display:inline}

@media (max-width:860px){
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav-primary{
    position:absolute;top:100%;left:0;right:0;
    background:var(--ink);
    padding:1.5rem var(--gutter) 2rem;
    border-top:1px solid var(--paper-15);
    display:none;
  }
  .nav-primary.is-open{display:block}
  .nav-primary ul{flex-direction:column;align-items:flex-start;gap:1.25rem}
  .nav-primary a{font-size:1.125rem}
}

/* ---------- Hero ---------- */
.hero{
  padding:0 0 clamp(3rem,6vw,6rem);
  position:relative;
  z-index:2;   /* damit der über die Sektionsgrenze ragende Scroll-Indicator sichtbar bleibt */
}
.hero-inner{
  max-width:var(--wrap);
  margin:0 auto;
  padding:0 var(--gutter);
  position:relative;
  min-height:calc(100vh - 100px);   /* Header abziehen, damit Hero ca. 100vh füllt */
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding-top:clamp(2rem,4vw,4rem);
  padding-bottom:clamp(1rem,3vw,3rem);
}
.hero-lede{
  align-self:flex-start;
  margin-left:var(--lede-offset,auto); /* Fallback auto = rechtsbündig; JS setzt Pixelwert = Startposition von "Über mich" */
  max-width:32.125rem;   /* entspricht exakt einer Spaltenbreite in "01 Über mich": (66rem Container - 1.75rem Gap) / 2 */
  font-family:var(--sans);
  font-size:var(--fs-body);
  line-height:1.55;
  color:var(--paper-80);
  margin-bottom:clamp(3rem,6vw,6rem);
  margin-top:clamp(1rem,3vw,3rem);
}
@media (max-width:860px){
  .hero-lede{margin-left:0}
}
.hero-title{
  font-family:var(--sans);
  font-weight:900;
  font-size:var(--fs-hero);
  line-height:var(--lh-display);
  letter-spacing:-.02em;
  text-transform:uppercase;
  color:var(--paper);
}
.hero-title .accent{
  font-family:var(--serif);
  font-style:italic;
  font-weight:500;
  text-transform:none;
  color:var(--teal);
  letter-spacing:-.005em;
  display:block;
  padding-left:clamp(1rem,4vw,4rem);
  margin-top:.1em;
  line-height:1.05;
  white-space:nowrap;
}

/* "NACH UNTEN" scroll indicator — die Linie läuft bewusst über die
   Sektionsgrenze hinaus in den nächsten (hellen) Bereich hinein. */
.scroll-indicator{
  position:absolute;
  right:var(--gutter);
  bottom:-32px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
  text-decoration:none;
  color:var(--paper-60);
  z-index:3;
}
.scroll-indicator__text{
  writing-mode:vertical-rl;
  text-orientation:upright;
  font-family:var(--sans);
  font-size:.6875rem;
  font-weight:500;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--paper-60);
}
.scroll-indicator__line{
  width:1px;height:100px;
  background:var(--paper-30);
}
@media (max-width:640px){.scroll-indicator{display:none}}

/* ---------- Section base ---------- */
.section{padding:clamp(4rem,8vw,8rem) 0}
.section-head{
  display:grid;
  grid-template-columns:minmax(9rem,1fr) minmax(0,3fr);
  gap:clamp(1.5rem,4vw,3rem);
  align-items:start;
  margin-bottom:clamp(2rem,5vw,4rem);
}
.section-meta{
  display:flex;
  align-items:baseline;
  gap:2rem;
  padding-top:.5rem;
  font-family:var(--sans);
  font-size:var(--fs-meta);
  color:currentColor;
}
.section-meta .num{
  color:var(--teal);
  font-weight:400;
}
.section-meta .label{
  color:currentColor;
  font-weight:400;
}
.section-title{
  font-family:var(--sans);
  font-weight:900;
  font-size:var(--fs-h2);
  line-height:var(--lh-display);
  letter-spacing:-.02em;
  text-transform:uppercase;
  color:currentColor;
  max-width:18ch;
}
.section-title .accent{
  font-family:var(--serif);
  font-style:italic;
  font-weight:500;
  text-transform:none;
  color:var(--teal);
  letter-spacing:-.005em;
  display:block;
  line-height:1.1;
  margin-top:.05em;
  padding-left:.05em;
}
/* Modifier: Accent bleibt in der Textzeile statt eigener Block-Zeile
   (nur "Über mich"-Headline, wo der Umbruch bewusst nach "Deko." per <br>
   gesetzt wird und "funktionale Struktur." direkt an "Sie ist" anschließt) */
.section-title .accent--inline{
  display:inline;
  margin-top:0;
  padding-left:0;
}

@media (max-width:640px){
  .section-head{grid-template-columns:1fr;gap:1rem}
}

/* ---------- Sektion: Über mich ---------- */
.section-about .section-title{max-width:none}
.about-body{
  display:grid;
  grid-template-columns:minmax(9rem,1fr) minmax(0,3fr);
  gap:clamp(1.5rem,4vw,3rem);
  margin-top:clamp(1.5rem,3vw,3rem);
}
.about-body__inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(1rem,2vw,1.75rem);
  max-width:66rem;
}
.about-body p{
  font-size:var(--fs-body);
  line-height:1.55;
  color:var(--ink);
  max-width:none;
}

@media (max-width:820px){
  .about-body{grid-template-columns:1fr}
  .about-body__inner{grid-template-columns:1fr;gap:1.25rem}
  .about-body p{max-width:none}
}

/* ---------- Sektion: BF-Statement (dark, ohne Meta) ---------- */
.section-bf{
  padding-top:clamp(4rem,7vw,7rem);
  padding-bottom:clamp(4rem,7vw,7rem);
}
.bf-inner{
  max-width:var(--wrap);
  margin:0 auto;
  padding:0 var(--gutter);
}
.bf-title{
  font-family:var(--sans);
  font-weight:900;
  font-size:var(--fs-h2-bf);
  line-height:var(--lh-display);
  letter-spacing:-.02em;
  text-transform:uppercase;
  color:var(--paper);
  max-width:20ch;
}
.bf-title .accent{
  font-family:var(--serif);
  font-style:italic;
  font-weight:500;
  text-transform:none;
  color:var(--teal);
  letter-spacing:-.005em;
  display:block;
  line-height:1.05;
  margin:.05em 0;
}
.bf-link{
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  margin-top:clamp(3rem,6vw,6rem);
  font-family:var(--sans);
  font-size:var(--fs-body);
  color:var(--paper);
  text-decoration:none;
  padding-bottom:.4rem;
  border-bottom:1px solid var(--paper-30);
  transition:color .2s,border-color .2s;
}
.bf-link:hover{color:var(--teal);border-bottom-color:var(--teal)}
.bf-link svg{width:1em;height:1em;flex:none;transition:transform .2s}
.bf-link:hover svg{transform:translate(3px,-3px)}

/* ---------- Sektion: Leistungen — Accordion ---------- */
.services-list{
  display:flex;
  flex-direction:column;
  border-top:1px solid var(--ink-15);
}
.service{
  border-bottom:1px solid var(--ink-15);
}
.service-toggle{
  width:100%;
  padding:clamp(1.25rem,2.5vw,1.75rem) 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  font-family:var(--sans);
  font-size:var(--fs-h4);
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink);
  text-align:left;
  cursor:pointer;
}
.service-toggle .arrow{
  width:22px;height:22px;flex:none;
  color:var(--ink);
  transition:transform .25s ease;
}
.service[aria-expanded="true"] .service-toggle .arrow{
  transform:rotate(-90deg);
}
.service-panel{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .3s ease;
}
.service-panel-inner{
  overflow:hidden;
}
.service[aria-expanded="true"] .service-panel{
  grid-template-rows:1fr;
}
.service-content{
  padding:.25rem 0 clamp(1.5rem,3vw,2.25rem);
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:clamp(1.5rem,4vw,3.5rem);
  max-width:70rem;
}
.service-content p{
  font-size:var(--fs-body);
  line-height:1.55;
  color:var(--ink);
}
.service-content .services-tags{list-style:none}
.service-content .services-tags .k{
  font-weight:500;
  margin-bottom:.25rem;
}
.service-content .services-tags li{
  font-size:var(--fs-body);
  color:var(--ink);
  line-height:1.7;
}

@media (max-width:720px){
  .service-content{grid-template-columns:1fr;gap:1.25rem}
}

/* Rechts-alignment für Accordion wie im Entwurf */
.section-services .section-content{
  display:grid;
  grid-template-columns:minmax(9rem,1fr) minmax(0,3fr);
  gap:clamp(1.5rem,4vw,3rem);
}
.section-services .services-list-wrap{
  min-width:0;
}

@media (max-width:640px){
  .section-services .section-content{grid-template-columns:1fr}
}

/* ---------- Sektion: Projekte (mint) ---------- */
.section-projekte .section-title{max-width:18ch}
.projekte-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem,5vw,5rem) clamp(2rem,5vw,5.5rem);
  margin-top:clamp(2.5rem,5vw,4rem);
}
.projekt{
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}
/* Alternating vertical offset (Wasserfall/Masonry-Optik) */
.projekt.offset{margin-top:clamp(3rem,7vw,7rem)}

.projekt-media{
  background:var(--placeholder);
  display:block;
  overflow:hidden;
  aspect-ratio:4/5;      /* Standard: Portrait */
}
.projekt.wide  .projekt-media{aspect-ratio:5/4}
.projekt.square .projekt-media{aspect-ratio:1/1}
.projekt.tall  .projekt-media{aspect-ratio:3/4}
.projekt.icons .projekt-media{
  aspect-ratio:788.76/365.5;   /* passend zur Iconografie-SVG */
  background:#fff;
  padding:clamp(1rem,2.5vw,2rem);
}
.projekt.icons .projekt-media img{object-fit:contain}
.projekt-media img{width:100%;height:100%;object-fit:cover;display:block}

.projekt-caption h3{
  font-family:var(--sans);
  font-size:var(--fs-project-h);
  font-weight:700;
  color:var(--ink);
  margin-bottom:.35rem;
}
.projekt-caption p{
  font-size:var(--fs-body);
  color:var(--ink);
  line-height:1.55;
  max-width:44ch;
}

@media (max-width:720px){
  .projekte-grid{grid-template-columns:1fr;gap:2.5rem}
  .projekt.offset{margin-top:0}
}

/* ---------- Sektion: Kontakt ---------- */
.section-kontakt .kontakt-headline{
  font-family:var(--sans);
  font-weight:900;
  font-size:var(--fs-h2);
  line-height:var(--lh-display);
  letter-spacing:-.02em;
  text-transform:uppercase;
  color:var(--ink);
  max-width:none;
}
.section-kontakt .kontakt-email{
  display:inline-block;
  font-family:var(--serif);
  font-style:italic;
  font-weight:500;
  font-size:var(--fs-h2);
  line-height:1.05;
  letter-spacing:-.01em;
  color:var(--teal);
  text-decoration:none;
  margin-top:.15em;
  transition:color .2s;
}
.section-kontakt .kontakt-email:hover{color:var(--teal-strong)}
.section-kontakt .kontakt-lede{
  margin-top:clamp(1.5rem,3vw,2.5rem);
  max-width:52ch;
  font-size:var(--fs-body);
  color:var(--ink);
}

/* Section wrapper for meta+content in Kontakt */
.section-kontakt .section-content{
  display:grid;
  grid-template-columns:minmax(9rem,1fr) minmax(0,3fr);
  gap:clamp(1.5rem,4vw,3rem);
}
@media (max-width:640px){
  .section-kontakt .section-content{grid-template-columns:1fr}
}

/* ---------- Footer ---------- */
.footer{
  background:var(--ink);
  color:var(--paper);
  padding:clamp(3rem,6vw,5rem) 0 clamp(1.5rem,3vw,2.5rem);
}
.footer .logo{color:var(--paper)}
.footer-top{
  display:grid;
  grid-template-columns:1.3fr 2fr 1fr 1fr 1.4fr;
  gap:clamp(1.5rem,3.5vw,3.5rem);
  align-items:start;
}
.footer-brand{display:flex;flex-direction:column;gap:1.5rem}
.footer-socials{
  display:flex;
  gap:.75rem;
}
.footer-socials a{
  width:22px;height:22px;
  display:inline-flex;align-items:center;justify-content:center;
  opacity:.9;
  transition:opacity .2s;
}
.footer-socials a:hover{opacity:.65}
.footer-socials svg{width:22px;height:22px;display:block}

.footer-bio{
  font-family:var(--sans);
  font-size:var(--fs-body);
  color:var(--paper-80);
  line-height:1.55;
  max-width:36ch;
}

.footer h4{
  font-family:var(--sans);
  font-size:var(--fs-meta);
  font-weight:500;
  color:var(--paper);
  margin-bottom:1rem;
  display:none;    /* Entwurf hat keine sichtbaren Kolonnentitel */
}
.footer ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}
.footer a{
  color:var(--paper);
  text-decoration:none;
  font-size:var(--fs-body);
}
.footer a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:3px}

.footer-external a{
  display:inline-flex;
  align-items:baseline;
  gap:.4rem;
}
.footer-external a svg{width:.9em;height:.9em;transition:transform .2s}
.footer-external a:hover svg{transform:translate(3px,-3px)}

.footer-bottom{
  margin-top:clamp(3rem,5vw,4rem);
  display:flex;
  justify-content:flex-end;
  font-family:var(--sans);
  font-size:var(--fs-meta);
  color:var(--teal);
}

@media (max-width:960px){
  .footer-top{grid-template-columns:1fr 1fr;gap:2.5rem}
  .footer-brand{grid-column:1 / -1}
}
@media (max-width:520px){
  .footer-top{grid-template-columns:1fr}
}

/* ---------- Reveal Motion ---------- */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease-out,transform .7s ease-out}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none}
}

/* ---------- Back to Top ---------- */
.back-to-top{
  position:fixed;
  right:1.5rem;
  bottom:1.5rem;
  width:56px;height:56px;
  border-radius:50%;
  background:var(--teal);
  color:var(--ink);
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .3s ease,transform .3s ease,visibility .3s,background .2s;
  z-index:150;
  box-shadow:0 4px 20px rgba(0,0,0,.35);
}
.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.back-to-top:hover{background:var(--teal-strong);color:var(--paper)}
.back-to-top svg{width:22px;height:22px}

@media (max-width:640px){
  .back-to-top{right:1rem;bottom:1rem;width:48px;height:48px}
  .back-to-top svg{width:19px;height:19px}
}
@media (prefers-reduced-motion: reduce){
  .back-to-top{transition:opacity .01ms,visibility .01ms}
}

/* ---------- Utility ---------- */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ---------- Legal-Seiten (Impressum, Datenschutz, AGB, Barrierefreiheit) ---------- */
.legal{
  padding-block:clamp(3rem,6vw,6rem) clamp(3rem,6vw,5rem);
}
.legal-title{
  font-family:var(--sans);
  font-weight:900;
  font-size:var(--fs-hero);
  line-height:var(--lh-display);
  letter-spacing:-.02em;
  text-transform:uppercase;
  color:var(--ink);
  max-width:20ch;
  margin-bottom:clamp(2.5rem,5vw,5rem);
}
.legal-title .accent{
  font-family:var(--serif);
  font-style:italic;
  font-weight:500;
  text-transform:none;
  color:var(--teal);
  letter-spacing:-.005em;
  display:block;
  padding-left:clamp(1rem,4vw,4rem);
  margin-top:.1em;
  line-height:1.05;
}
.legal h2{
  font-family:var(--sans);
  font-weight:700;
  font-size:1.25rem;
  margin:1rem 0 2.5rem;
  color:var(--ink);
}
.legal h3{
  font-family:var(--sans);
  font-weight:700;
  font-size:1rem;
  margin:2rem 0 .35rem;
  color:var(--ink);
}
.legal h4{
  font-family:var(--sans);
  font-style:italic;
  font-weight:400;
  font-size:1rem;
  margin:1.25rem 0 .35rem;
  color:var(--ink);
}
.legal p{
  font-size:var(--fs-body);
  line-height:1.55;
  color:var(--ink);
  margin-bottom:1rem;
}
.legal ul{
  margin:0 0 1rem 1.5rem;
  padding:0;
  list-style:disc;
}
.legal li{
  font-size:var(--fs-body);
  line-height:1.55;
  margin-bottom:.15rem;
}
.legal a{color:var(--teal-strong)}
.legal-address{
  font-style:normal;
  font-size:var(--fs-body);
  line-height:1.55;
  color:var(--ink);
  margin-bottom:1.25rem;
}
.legal-contact{
  display:grid;
  grid-template-columns:max-content 1fr;
  column-gap:2rem;
  row-gap:.15rem;
  font-size:var(--fs-body);
  line-height:1.55;
  color:var(--ink);
  margin-bottom:1.5rem;
}
.legal-contact dt,
.legal-contact dd{font-weight:400}
.legal-contact a{color:inherit;text-decoration:none}
.legal-contact a:hover{text-decoration:underline}