@charset "utf-8";
/**
 * @file
 * FOUNDATION (RESET)
 *
 * Reset necessary attributes only:
 * @see W3schools.com/cssref/css_default_values.asp
 *
 * HTML named character references (special chars):
 * @see W3c.github.io/html/single-page.html#named-character-references
 *
 *
 * @todo
 * - <q>: @see Developer.mozilla.org/en-US/docs/Web/CSS/quotes
 *
 **/





*, html
{
 margin:    0vmin;
 padding:   0vmin;
 border:    none;
 box-sizing: border-box;
}

html
{
 font-family:   "Titillium Web Upright", Arial, "Liberation Sans", sans-serif;
 font-weight:   400;
 font-size:     1.9vmin;
 font-style:    normal;  /*  normal, italic   */
 color:         hsla(0,0%,0%, 1);
 line-height:     1.2;
 font-variant:  normal;
 font-variant-ligatures: normal;
  /* Ligatures ================ */
 letter-spacing: 0;
 -webkit-font-feature-settings: "liga";
 -moz-font-feature-settings:    "liga=1";
 -moz-font-feature-settings:    "liga";
 -ms-font-feature-settings:     "liga" 1;
 -o-font-feature-settings:      "liga";
 font-feature-settings:         "liga";
 /* Better Font Rendering =========== */
 -webkit-font-smoothing:  antialiased;
 -moz-osx-font-smoothing: grayscale;
 /* Other stuff */
 text-align:      left;
 vertical-align:  baseline;
 /* Potential performance killer */
 text-rendering: optimizeLegibility;
}

body
{
}

header,nav,main,section,article,aside,footer
{
}

details,summary
{
}



h1,h2,h3,h4,h5,h6
{
 font-family:   "Titillium Web", Arial, "Liberation Sans", sans-serif;
 font-weight:   400;
 font-style:    normal;
 color:         hsla(0,0%,0%, 1);
 font-variant:  normal;
}



/*   Block- und Inline-Elemente gemischt  (Standard-W3C-DTD).    */
del,dd,div,dt,form,ins,li,ol,p,pre,span,ul
{
 font-family:   inherit;
 font-size:     inherit;
 color:         inherit;
 font-variant:  inherit;
 font-style:    inherit;
 font-weight:   inherit;
}
button,label,legend,select,textarea,td,th,input
{
 font-family:   'Titillium Web', Arial, "Liberation Sans", sans-serif;
 font-size:     inherit;
 color:         inherit;
 font-variant:  inherit;
 font-style:    inherit;
 font-weight:   inherit;
}

abbr,acronym,address,blockquote,cite,code,dfn,kbd,q,samp,var
{
 font-family:   'Titillium Web', Arial, 'Liberation Sans', sans-serif;
 color:         inherit;
 font-size:     1rem;
 font-variant:  inherit;
 font-style:    normal;
 font-weight:   400;
}

blockquote {
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote::before {
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.4em;
}
blockquote::after {
  content: close-quote;
  font-size: 3em;
  line-height: 0.15em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

dfn,abbr
{
 letter-spacing: 0.01em;
 font-style:    italic;
 padding-right:  0.05em;
}
dfn:hover,abbr:hover
{
 background-color: hsla(0, 0%, 80%,  0.1);
}

code,kbd,samp,var
{
 background:    #000;
 white-space:   pre-wrap;
}

pre,
pre > code,
pre > kbd,
pre > samp,
pre > var,
pre strong,
pre > code strong, pre > code em,
pre > kbd  strong, pre > kbd  em,
pre > samp strong, pre > samp em,
pre > var  strong, pre > var  em
{
 font-family:   Consolas, "Courier Code", "Courier New", "Liberation Mono", monospace !important;
 font-size:     0.65rem;
 background:    transparent;
 white-space:   pre;
}



i,em
{
 font-family:   "Titillium Web", Arial, "Liberation Sans", sans-serif;
 font-style:    italic;  /* requires "Titillium Web" - not the Upright style/variant */
}

b,strong
{
 font-family:   "Titillium Web", Arial, "Liberation Sans", sans-serif;
 font-weight:   600;
}

u
{
}

big
{
 font-size:     1.3em;
}

small
{
 font-size:     0.7em;
}

sub,sup
{
  font-size: 0.5rem;
  vertical-align: baseline;
}

a[href^=tel], a[href^=sms], a[href^=fax], a[href^=callto], a[href^=skype] , a[href^=mailto]
{
 color: #000;
}
a {
 color: #000;
 text-decoration: none;
}
a:link
{
 color: #000;
 text-decoration: none;
 }
a:visited
{
 color: #000;
 text-decoration: none;
}
a:hover
{
 color: #000;
 text-decoration: none;
}
a:active
{
 color: #000;
 text-decoration: none;
}



br.clear
{
 clear: both;
}

hr
{
 display:       block;
 clear:         both;
 width:         100%;
}

img
{
 display: inherit;
}



ul, ol
{
 list-style-position:   inside;
}
ul.pos-outside, ol.pos-outside
{
 list-style-position:   outside;
}
ul
{
 list-style-type:   disc;
}
ol
{
 list-style-type:   decimal;
}
li
{
 display:           list-item;
}



dl
{
 margin-top:    1em;
 margin-bottom: 1em;
}
dt
{
 padding-top:   1em;
 font-weight:   bold;
}
dd
{
 margin-left:   3em;
 font-weight:   normal;
}



form
{
}
fieldset
{
}
legend
{
}
label
{
}
input,textarea
{
}
select
{
}
option
{
}
fieldset,input,textarea,select
{
 margin: 0.0em 0.0em 0.3em 0.0em;
}
input:hover,textarea:hover,select:hover,button:hover
{
 background: black;
}
button,input[type=submit],input[type=reset],input[type=button]
{
 margin: 0.5em 0.0em 0.0em 0.0em;
 border: 0.1em solid grey;
}
button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover
{
 border: 0.15em solid grey;
}


table
{
}
thead th
{
}
td, th
{
}
tr.even, tr.odd, tbody th
{
}
tr.odd
{
}
tr.even
{
}
tr.odd td.active
{
}
tr.even td.active
{
}