@charset "utf-8";
/* inspired by E.Meyer 
http://meyerweb.com/eric/tools/css/reset/ 
*/
html { 
    /* 
       The rem unit is relative to the root—or the html—element. 
       That means that we can define a single font size on the html element and define all rem units to be a percentage of that.
    */
    font-size: 62.5%; 
} 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    background: none;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Additional by Michel Horhäuser 
gimme box model modern art : */
* {
    position: relative; /* important for special circle menus!*/
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
*::before, *::after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


@viewport {
    width: device-width;
    zoom:1;
}
img {
    max-width: 100%;
    height: auto;
    border: none;
    }
html,body {
    font: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Set general font-size (calc factor 0.8735) : */
.giant  {font-size: 3.378rem;}
.huge   {font-size: 2.951rem;}
.big    {font-size: 2.577rem;}
 h1     {font-size: 2.251rem;}
 h2     {font-size: 1.966rem;}
 h3     {font-size: 1.718rem;}
 h4     {font-size: 1.500rem;}
 h5     {font-size: 1.311rem;}
 h6     {font-size: 1.145rem;}
 p      {font-size: 1.000rem;}
.mini   {font-size: 0.874rem;}
.legal  {font-size: 0.763rem;}
.micro  {font-size: 0.666rem;}
.zilch  {font-size: 0.582rem;}


strong, .strong, .bold {
    font-weight: 700;
}

.semibold {
    font-weight: 600;
}

.thin {
    font-weight: 300;
}

em, .em, .italic {
    font-style: italic;
}

.zoom1 {
    *zoom: 1;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.spacer {
    clear: both;
    line-height: 1px;
    height: 1px;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%!important;
}

.hidden {
    display: none;
}

.exposed {
    display: block;
}

.unvisible {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

/* display, grid und flex classes */
.d-none{display:none!important;}
.d-inline{display:inline!important;}
.d-inline-block{display:inline-block!important;}
.d-block{display:block!important;}
.d-contents{display:contents!important;}
.d-flex{display:-ms-flexbox!important;display:flex!important;}
.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important;}
.d-grid{display:grid!important;}
.d-inline-grid{display:inline-grid!important;}
.d-list-item{display:list-item!important;}
.d-run-in{display:run-in!important;}
.d-table{display:table!important;}
.d-inline-table{display:inline-table!important;}
.d-table-caption{display:table-caption!important;}
.d-table-column-group{display:table-column-group!important;}
.d-table-header-group{display:table-header-group!important;}
.d-table-footer-group{display:table-footer-group!important;}
.d-table-row-group{display:table-row-group!important;}
.d-table-cell{display:table-cell!important;}
.d-table-column{display:table-column!important;}
.d-table-row{display:table-row!important;}
.d-initial{display:initial!important;}

.container, .container-fluid{padding-left:15px;padding-right:15px;width:100%;margin:0 auto;}

@media screen and (min-width:576px){
    .d-sm-none{display:none!important;}
    .d-sm-inline{display:inline!important;}
    .d-sm-inline-block{display:inline-block!important;}
    .d-sm-block{display:block!important;}
    .d-sm-contents{display:contents!important;}
    .d-sm-flex{display:-ms-flexbox!important;display:flex!important;}
    .d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important;}
    .d-sm-grid{display:grid!important;}
    .d-sm-inline-grid{display:inline-grid!important;}
    .d-sm-list-item{display:list-item!important;}
    .d-sm-run-in{display:run-in!important;}
    .d-sm-table{display:table!important;}
    .d-sm-inline-table{display:inline-table!important;}
    .d-sm-table-caption{display:table-caption!important;}
    .d-sm-table-column-group{display:table-column-group!important;}
    .d-sm-table-header-group{display:table-header-group!important;}
    .d-sm-table-footer-group{display:table-footer-group!important;}
    .d-sm-table-row-group{display:table-row-group!important;}
    .d-sm-table-cell{display:table-cell!important;}
    .d-sm-table-column{display:table-column!important;}
    .d-sm-table-row{display:table-row!important;}
    .d-sm-initial{display:initial!important;}

    .container{max-width:540px;}
}
@media screen and (min-width:768px){
    .d-md-none{display:none!important;}
    .d-md-inline{display:inline!important;}
    .d-md-inline-block{display:inline-block!important;}
    .d-md-block{display:block!important;}
    .d-md-contents{display:contents!important;}
    .d-md-flex{display:-ms-flexbox!important;display:flex!important;}
    .d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important;}
    .d-md-grid{display:grid!important;}
    .d-md-inline-grid{display:inline-grid!important;}
    .d-md-list-item{display:list-item!important;}
    .d-md-run-in{display:run-in!important;}
    .d-md-table{display:table!important;}
    .d-md-inline-table{display:inline-table!important;}
    .d-md-table-caption{display:table-caption!important;}
    .d-md-table-column-group{display:table-column-group!important;}
    .d-md-table-header-group{display:table-header-group!important;}
    .d-md-table-footer-group{display:table-footer-group!important;}
    .d-md-table-row-group{display:table-row-group!important;}
    .d-md-table-cell{display:table-cell!important;}
    .d-md-table-column{display:table-column!important;}
    .d-md-table-row{display:table-row!important;}
    .d-md-initial{display:initial!important;}

    .container{max-width:720px;}
}
@media screen and (min-width:992px){
    .d-lg-none{display:none!important;}
    .d-lg-inline{display:inline!important;}
    .d-lg-inline-block{display:inline-block!important;}
    .d-lg-block{display:block!important;}
    .d-lg-contents{display:contents!important;}
    .d-lg-flex{display:-ms-flexbox!important;display:flex!important;}
    .d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important;}
    .d-lg-grid{display:grid!important;}
    .d-lg-inline-grid{display:inline-grid!important;}
    .d-lg-list-item{display:list-item!important;}
    .d-lg-run-in{display:run-in!important;}
    .d-lg-table{display:table!important;}
    .d-lg-inline-table{display:inline-table!important;}
    .d-lg-table-caption{display:table-caption!important;}
    .d-lg-table-column-group{display:table-column-group!important;}
    .d-lg-table-header-group{display:table-header-group!important;}
    .d-lg-table-footer-group{display:table-footer-group!important;}
    .d-lg-table-row-group{display:table-row-group!important;}
    .d-lg-table-cell{display:table-cell!important;}
    .d-lg-table-column{display:table-column!important;}
    .d-lg-table-row{display:table-row!important;}
    .d-lg-initial{display:initial!important;}

    .container{max-width:960px;}
}
@media screen and (min-width:1200px){
    .d-xl-none{display:none!important;}
    .d-xl-inline{display:inline!important;}
    .d-xl-inline-block{display:inline-block!important;}
    .d-xl-block{display:block!important;}
    .d-xl-contents{display:contents!important;}
    .d-xl-flex{display:-ms-flexbox!important;display:flex!important;}
    .d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important;}
    .d-xl-grid{display:grid!important;}
    .d-xl-inline-grid{display:inline-grid!important;}
    .d-xl-list-item{display:list-item!important;}
    .d-xl-run-in{display:run-in!important;}
    .d-xl-table{display:table!important;}
    .d-xl-inline-table{display:inline-table!important;}
    .d-xl-table-caption{display:table-caption!important;}
    .d-xl-table-column-group{display:table-column-group!important;}
    .d-xl-table-header-group{display:table-header-group!important;}
    .d-xl-table-footer-group{display:table-footer-group!important;}
    .d-xl-table-row-group{display:table-row-group!important;}
    .d-xl-table-cell{display:table-cell!important;}
    .d-xl-table-column{display:table-column!important;}
    .d-xl-table-row{display:table-row!important;}
    .d-xl-initial{display:initial!important;}

    .container{max-width:1140px;}
}

/*  
    get animated keyframes @ http://animista.net/play/text/pop-up
    get gradient source css created @ http://angrytools.com/gradient/ 
    get shadows source css created @ http://angrytools.com/css-generator/box-shadow/
*/