@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;700&display=swap');

@charset "utf-8";
/* e.artis eBay Vorlage Stylesheet – angepasst an e-artis.de Design */

/* ------------------------------------------------------------------ */
/* Variables (e.artis Design-System)                                   */
/* ------------------------------------------------------------------ */
:root {
  --color-red:       #A51411;
  --color-grey:      #9c9e9f;
  --color-darkgrey:  #444444;
  --color-lightgrey: #666666;
  --color-bg-block:  #9c9e9f;
  --font-regular:    'Noto Sans', Arial, Helvetica, sans-serif;
  --font-size-base:  14px;
  --line-height:     1.6em;
  --max-width:       960px;
}

/* ------------------------------------------------------------------ */
/* Reset & Base                                                         */
/* ------------------------------------------------------------------ */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: var(--font-regular);
  font-size: var(--font-size-base);
  line-height: var(--line-height);
  color: var(--color-darkgrey);
}

/* ------------------------------------------------------------------ */
/* Foxrate                                                              */
/* ------------------------------------------------------------------ */
#foxrate {
  margin: 0 auto;
  width: 100%;
  max-width: var(--max-width);
  height: auto;
  position: relative;
}

/* ------------------------------------------------------------------ */
/* Wrap – Hauptcontainer                                                */
/* ------------------------------------------------------------------ */
#wrap {
  background: url(https://www.e-artis.de/ebay/vorlage/kopf.gif) no-repeat center top;
  background-size: 100% auto;
  padding-top: 166px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  font-family: var(--font-regular);
  font-size: var(--font-size-base);
  line-height: var(--line-height);
  color: var(--color-darkgrey);
  position: relative;
}

body div#wrap.ohne {
  background-image: none;
  padding-top: 30px;
}

/* ------------------------------------------------------------------ */
/* Links                                                                */
/* ------------------------------------------------------------------ */
a {
  color: var(--color-red);
  text-decoration: none;
}

a:hover,
a:active {
  color: var(--color-darkgrey);
  text-decoration: underline;
}

#contain a, #contain a:link, #contain a:visited,
.desc a, .desc a:link, .desc 
