.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
@font-face{font-family: 'haas-11';src: url('../../files/hupfi/fonts/haas.ttf') format('truetype')}@font-face{font-family: 'haas-18';src: url('../../files/hupfi/fonts/haas-18.ttf') format('truetype')}@font-face{font-family: 'haas-19';src: url('../../files/hupfi/fonts/haas-19.ttf') format('truetype')}@font-face{font-family: 'haas-17';src: url('../../files/hupfi/fonts/haas-17.ttf') format('truetype')}.inside{max-width: 1042px;margin: 0 auto}h1,h2,h3,h4{width: 100%;font-size: 22px;line-height: 1.5em;margin: 0 0 5px 0}h2{font-size: 1.3em}h3{font-size: 1.3em}h4{font-size: 1.2em}p{width: 100%;margin: 0 0 20px 0;font-size: 1em}p.margin-top{margin-top: 20px}ul{padding: 0;margin: 0;font-size: 1em}ul li{list-style-type: none;margin-bottom: 10px}img{width: 100%;height: auto}a{text-decoration: none;outline: 0;color: #868686}.fa{padding: 0 5px 0 0}figure{margin: 0}.invisible{display: none}html{height: 100%;font-family: 'Roboto', sans-serif;font-family: 'haas-19'}html body{height: 100%;font-size: 13px;line-height: 18px;font-family: 'Roboto', sans-serif;font-family: 'haas-19';background: #1c1c1c}html body:before{content: "";height: 100%;float: left;width: 0;margin-top: -32767px}html body #wrapper{min-height: 100%}html body #wrapper header{width: 100%;background: #0f0f0f}html body #wrapper header .inside{align-items: center}html body #wrapper header .inside .header-wrapper{width: 100%;display: flex;justify-content: space-between;align-items: center;height: 120px}html body #wrapper header .inside .navigation{width: 50%;display: flex;flex-flow: row wrap;justify-content: flex-end;margin-top: 30px}html body #wrapper header .inside .navigation a{font-size: 20px}html body #wrapper header .inside .navigation .social{margin-left: 40px}html body #wrapper header .inside .navigation .social i{font-size: 18px}html body #wrapper header .inside .navigation .social i.fa-paper-plane{font-size: 16.5px}html body #wrapper header .inside .logo-wrapper{display: flex;flex-flow: row wrap;align-items: center;width: 40%;height: auto;color: #fff;font-size: 3em;font-weight: 600;text-align: left;margin-bottom: 0}html body #wrapper header .inside .logo-wrapper div{background-size: contain;margin-bottom: 0;width: 100%;display: flex;flex-flow: row wrap}html body #wrapper header .inside .logo-wrapper div span{color: #464646;font-size: .775em;width: 100%;margin-top: 15px}@media (max-width: 650px){html body #wrapper header .inside .navigation{width: 20%}html body #wrapper header .inside .navigation a{font-size: 15px}html body #wrapper header .inside .logo-wrapper{width: 80%}html body #wrapper header .inside .logo-wrapper .logo{font-size: 32px;letter-spacing: 0px}}html body #wrapper header .inside .menu{display: none}html body #wrapper header .inside .social{top: 12px;color: #fff;font-size: 25px;line-height: 48px}html body #wrapper header .inside .social i{margin-left: 15px;color: #cecece;font-size: 22px}html body #wrapper header .inside .social i.fa-paper-plane{font-size: 21px}html body #wrapper header .inside .social i:hover{opacity: 0.8}html body #wrapper .mod_navigation{position: relative;margin-top: 20px}html body #wrapper .mod_navigation ul{display: flex;justify-content: flex-end}html body #wrapper .mod_navigation ul li{margin-bottom: 0;font-size: 20px}html body #wrapper .mod_navigation ul li:last-child a,html body #wrapper .mod_navigation ul li:last-child span,html body #wrapper .mod_navigation ul li:last-child strong{margin-right: 0}html body #wrapper .mod_navigation ul li a,html body #wrapper .mod_navigation ul li span,html body #wrapper .mod_navigation ul li strong{color: #fff;font-size: 20px;letter-spacing: 0;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);margin-right: 30px;padding: 5px 0 16px 0;font-weight: 500}html body #wrapper .mod_navigation ul li a:hover,html body #wrapper .mod_navigation ul li span:hover,html body #wrapper .mod_navigation ul li strong:hover,html body #wrapper .mod_navigation ul li a.active,html body #wrapper .mod_navigation ul li span.active,html body #wrapper .mod_navigation ul li strong.active,html body #wrapper .mod_navigation ul li a.trail,html body #wrapper .mod_navigation ul li span.trail,html body #wrapper .mod_navigation ul li strong.trail{padding: 5px 0 16px 0;border-top: 3px solid #fff;font-weight: 500;font-size: 20px}html body #wrapper main{overflow: auto;padding-bottom: 30px;background: #1c1c1c}html body #wrapper main .inside{margin: 20px auto}html body #wrapper main .inside > div{width: 100%}html body #wrapper main .inside #about .content-text{margin-top: 0}html body #wrapper main .inside #about .content-text h1,html body #wrapper main .inside #about .content-text h2,html body #wrapper main .inside #about .content-text h3{margin-bottom: 10px;letter-spacing: .5px}html body #wrapper main .inside #about .content-text p,html body #wrapper main .inside #about .content-text ul{font-family: 'haas-17';font-size: 15px;line-height: 23px}html body #wrapper main .inside #about .content-text .margin-top{display: flex;justify-content: space-between;flex-flow: row wrap}html body #wrapper main .inside #about .content-text img{opacity: 1;width: 48%;float: left;margin-right: 2%;margin-bottom: 20px;top: 0;margin-top: 0;object-fit: cover;height: 480px}html body #wrapper main .inside #about .content-text img:nth-child(2n){margin-right: 0}@media (max-width: 650px){html body #wrapper main .inside #about .content-text img{width: 100%;margin-right: 0;height: 320px}}html body #wrapper main .inside .mod_article{display: flex;flex-flow: row wrap;justify-content: space-between}html body #wrapper main .inside .video-box-wrapper{display: flex;justify-content: space-between;flex-flow: row wrap;width: 100%;margin-top: 0}html body #wrapper main .inside .video-box-wrapper .video-box{width: 49.5%;margin-bottom: 10px}html body #wrapper main .inside .video-box-wrapper .video-box a{transition: all .35s ease;position: relative;width: 100%;height: 284px;display: block;overflow: hidden}html body #wrapper main .inside .video-box-wrapper .video-box a:before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0);transition: background-color .5s ease;z-index: 555;display: block;position: absolute;left: 0;top: 0;opacity: 1}html body #wrapper main .inside .video-box-wrapper .video-box a .img-wrapper img{width: 100%;object-fit: cover;height: 290px}html body #wrapper main .inside .video-box-wrapper .video-box a .video-description{opacity: 0;position: absolute;bottom: 25px;left: 25px;color: #fff;transform: translateY(0);transition: all .35s ease;font-size: 16px}html body #wrapper main .inside .video-box-wrapper .video-box a .video-description .video-title{font-size: 22px;line-height: 24px;margin-bottom: 4px;font-weight: bold}html body #wrapper main .inside .video-box-wrapper .video-box a:hover:before{opacity: 1;transition: background-color .5s ease;background: rgba(0,0,0,0.4)}html body #wrapper main .inside .video-box-wrapper .video-box a:hover .video-description{opacity: 1;z-index: 55555;transform: translateY(0);transition: all .35s ease}@media (max-width: 650px){html body #wrapper main .inside .video-box-wrapper .video-box{width: 100%}}html body #wrapper main .inside .content-text{color: #fff;margin-bottom: 20px;margin-top: 20px;width: 100%}@media (max-width: 1024px){html body #wrapper main .inside .content-text{padding: 15px}}@media (max-width: 500px){html body #wrapper main .inside .content-text{padding: 0}}html body #wrapper main .inside .content-text h2{margin-bottom: 0;font-size: 22px;line-height: 1.5em;margin-bottom: 5px;letter-spacing: .5px}html body #wrapper main .inside .content-text img{opacity: 0.8}html body #wrapper main .inside .content-text img:hover{opacity: 1}html body #wrapper main .inside .content-text p{margin-bottom: 10px;font-family: 'haas-17';font-size: 15px;line-height: 23px}html body #wrapper main .inside .content-text p:last-child{margin-bottom: 0}html body #wrapper main .inside .content-text p a{line-height: 0}html body #wrapper main .inside .content-text.contact{margin-top: 0}html body #wrapper main .inside .content-text.contact h2{margin-bottom: 10px}html body #wrapper main .inside .content-text.contact p,html body #wrapper main .inside .content-text.contact ul{font-family: 'haas-17';font-size: 15px;line-height: 23px}html body #wrapper main .inside .content-text:last-child{margin-bottom: 0}html body #contact strong{display: inline-block;min-width: 50px}html body #wrapper .inside #impressum .content-text{margin-top: 0}html body footer{position: relative;margin-top: -30px;height: 50px;clear: both;background: #0f0f0f;display: flex;align-items: center}html body footer .content-text{width: 100%}html body footer .content-text p{color: #868686;font-size: 0.8em;line-height: 30px;text-align: center;width: 100%;margin: 0}html body footer .content-text p a{color: #868686}html body footer .content-text p a:hover{color: #cecece}.inside{display: flex;flex-flow: row wrap}.inside .footer{width: 100%;margin-bottom: 3%}.inside .col_full{width: 97%}@media (max-width: 650px){html body #wrapper #navigation nav{width: 75%;padding-left: 4%}html body #wrapper #navigation .social{right: 0;width: 100%}html body #wrapper #navigation .social i{margin-left: 5px}}@media (max-width: 500px){body .inside{width: 93%}body .inside > div{width: 100%}html body #wrapper header,html body #wrapper main,html body #wrapper footer{padding: 0 2%;width: 96%}html body #wrapper #header .inside a h1{width: 95%;margin-top: 3%}html body #wrapper #header .inside .navigation{margin-top: 0}html body #wrapper #header .inside .mod_navigation{max-height: 0;height: 162px;margin: 0;background-color: rgba(17,17,17,0.9);overflow: hidden;z-index: 1;width: 89%;transition: max-height .2s ease-out, background-color 1s ease-out;position: absolute;top: 110px}html body #wrapper #header .inside .mod_navigation.open{width: 100%;height: auto;left: 0;max-height: none;z-index: 99999}html body #wrapper #header .inside .mod_navigation ul{display: block;padding: 2%}html body #wrapper #header .inside .mod_navigation ul li{display: block;height: 46px;margin-right: 0%;position: relative}html body #wrapper #header .inside .mod_navigation ul li a,html body #wrapper #header .inside .mod_navigation ul li span,html body #wrapper #header .inside .mod_navigation ul li strong{display: block;color: #fff;height: 46px;line-height: 46px;width: 110%;left: -7%;position: absolute;padding: 0px 0 4px 7%;margin-left: 0;transition: background-color .15s ease-in-out;padding-bottom: 0;font-size: 18px;text-shadow: none}html body #wrapper #header .inside .mod_navigation ul li a:hover,html body #wrapper #header .inside .mod_navigation ul li span:hover,html body #wrapper #header .inside .mod_navigation ul li strong:hover,html body #wrapper #header .inside .mod_navigation ul li a.active,html body #wrapper #header .inside .mod_navigation ul li span.active,html body #wrapper #header .inside .mod_navigation ul li strong.active,html body #wrapper #header .inside .mod_navigation ul li a.trail,html body #wrapper #header .inside .mod_navigation ul li span.trail,html body #wrapper #header .inside .mod_navigation ul li strong.trail{background-color: rgba(255,255,255,0.4);margin: 0;padding: 0px 0 4px 7%;padding-bottom: 0;width: 110%;left: -7%;position: absolute;border-top: none;font-size: 18px;text-shadow: none}html body #wrapper #header .inside .menu{display: block;width: 50%;margin-top: 12px;padding-left: 7%;margin-right: 0;float: right}html body #wrapper #header .inside .menu i{color: #cecece;font-size: 1.5em;padding-right: 15px}html body #wrapper #header .inside .social{width: 100%;margin-top: 12px;right: 15px;top: 10px;position: absolute}html body #wrapper #header .inside .social i{font-size: 14px;float: right;margin-left: 5px}html body #wrapper main .inside{padding: 0 3%}html body.open #wrapper #navigation nav{max-height: 165px}}@media (max-width: 500px) and (max-width: 500px){html body #wrapper #header .inside .mod_navigation ul li a,html body #wrapper #header .inside .mod_navigation ul li span,html body #wrapper #header .inside .mod_navigation ul li strong{font-size: 18px}}.ie7 #navigation .inside:after,.ie8 #navigation .inside:after,.ie9 #navigation .inside:after{content: "";display: table;clear: both}.ie7 #navigation .inside nav,.ie8 #navigation .inside nav,.ie9 #navigation .inside nav{float: left}.ie7 #navigation .inside nav ul,.ie8 #navigation .inside nav ul,.ie9 #navigation .inside nav ul{display: block}.ie7 #navigation .inside nav ul li,.ie8 #navigation .inside nav ul li,.ie9 #navigation .inside nav ul li{display: inline-block}.ie7 #navigation .inside .social,.ie8 #navigation .inside .social,.ie9 #navigation .inside .social{float: right}