/**
 * HTML5 ✰ Boilerplate
 *
 ******************** normalize styles ********************
 */
@font-face {
    font-family: 'geosanslightmedium_italic';
    src: url('../fonts/geosanslight-oblique-webfont.eot');
    src: url('../fonts/geosanslight-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geosanslight-oblique-webfont.woff') format('woff'),
         url('../fonts/geosanslight-oblique-webfont.ttf') format('truetype'),
         url('../fonts/geosanslight-oblique-webfont.svg#geosanslightmedium_italic') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'geosanslightregular';
    src: url('../fonts/geosanslight-webfont.eot');
    src: url('../fonts/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geosanslight-webfont.woff') format('woff'),
         url('../fonts/geosanslight-webfont.ttf') format('truetype'),
         url('../fonts/geosanslight-webfont.svg#geosanslightregular') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: "aeberhard-icon-font";
  src:url("../fonts/aeberhard-icon-font.eot");
  src:url("../fonts/aeberhard-icon-font.eot?#iefix") format("embedded-opentype"),
    url("../fonts/aeberhard-icon-font.woff") format("woff"),
    url("../fonts/aeberhard-icon-font.ttf") format("truetype"),
    url("../fonts/aeberhard-icon-font.svg#aeberhard-icon-font") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "aeberhard-icon-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "aeberhard-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
.icon-facebook:before {
  content: "\68";
}
.icon-mail:before {
  content: "\69";
}
.icon-circle:before {
  content: "\61";
}
.icon-circle-doc:before {
  content: "\62";
}
.icon-circle-mail:before {
  content: "\63";
}
.icon-circle-map:before {
  content: "\64";
}
.icon-circle-phone:before {
  content: "\65";
}
.icon-circle-screen:before {
  content: "\66";
}
.icon-circle-user:before {
  content: "\67";
}
.icon-next:before {
  content: "\6a";
}
.icon-opener:before {
  content: "\6b";
}
.icon-opener-bg:before {
  content: "\6c";
}
.icon-prev:before {
  content: "\6d";
}
.icon-down:before {
  content: "\70";
}
.icon-up:before {
  content: "\71";
}
.icon-closer:before {
  content: "\72";
}
.icon-mobile-navi:before {
  content: "\73";
}
.icon-circle-eye:before {
  content: "\74";
}
.icon-circle-link:before {
  content: "\75";
}
.icon-circle-pencil:before {
  content: "\76";
}
.icon-circle-pin:before {
  content: "\77";
}
*/
.icon-youtube-square:before {
  content: "\62";
}
.icon-circle:before {
  content: "\61";
}
.icon-circle-doc:before {
  content: "\63";
}
.icon-circle-eye:before {
  content: "\64";
}
.icon-circle-link:before {
  content: "\65";
}
.icon-circle-mail:before {
  content: "\66";
}
.icon-circle-map:before {
  content: "\67";
}
.icon-circle-pencil:before {
  content: "\68";
}
.icon-circle-phone:before {
  content: "\69";
}
.icon-circle-pin:before {
  content: "\6a";
}
.icon-circle-screen:before {
  content: "\6b";
}
.icon-circle-user:before {
  content: "\6c";
}
.icon-close-x:before {
  content: "\6d";
}
.icon-closer:before {
  content: "\6e";
}
.icon-down:before {
  content: "\6f";
}
.icon-facebook:before {
  content: "\70";
}
.icon-mail:before {
  content: "\71";
}
.icon-mobile-navi:before {
  content: "\72";
}
.icon-next:before {
  content: "\73";
}
.icon-opener:before {
  content: "\74";
}
.icon-opener-bg:before {
  content: "\75";
}
.icon-prev:before {
  content: "\76";
}
.icon-up:before {
  content: "\77";
}

body
{
    position: relative;
    overflow-y: scroll;
    color: #504F4F;
}

fieldset
{
    border: 0;
    margin: 0;
    padding: 0;
}

textarea
{
    resize: vertical;
}

em
{
    font-style: italic;
}

hr
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #9f9e9e;
    margin: 1em auto;
    padding: 0;
}

a, a:active, a:visited { text-decoration: none; color:#b30404; }
a:focus { outline:0; }


/**
 ******************** primary styles :: mobile first ********************
 *
 * author :: sam zimmermann
 */
html
{
    -webkit-text-size-adjust: none;
    min-height: 100%;
}

body
{
    position: absolute;
    font-family: 'Gill Sans W01 Book', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height:20px;
    color: #444444;
    letter-spacing: 1px;
    font-weight: 100;
    background: #f8f7f7;
    min-width: 100%;
    height: auto !important;
    min-height: 100%;
}

::-moz-selection
{
    background: #b9b8b8;
    text-shadow: none;
}

::selection
{
    background: #b9b8b8;
    text-shadow: none;
}

h1, h2, h3, h4, h5, h6 { color: #444444; letter-spacing: 1px; }

h1
{
    margin: 50px 0 30px;
    font: 31px/42px 'geosanslightregular';
    text-align: center;
}

h2
{
    font: 25px/32px 'geosanslightregular';
    margin:40px 0 5px;
}

h3, h4, h5, h6
{
    font: 22px/20px 'geosanslightregular';
    margin:30px 0 5px;
}

.content-container img,
#sub-navigation img,
.level-2 img
{
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    width: 100%;
}


/**
 * structure
 *
 *
 */

#main-container,
#main-header
{
    min-width: 310px;
}

.header-container
{
    background: none repeat scroll 0 0 #292929;
    z-index: 10000;
    min-width: 100%;
    position: fixed;
}


#main-header
{
    background: none repeat scroll 0 0 #383838;
}

.header-container #navigation-container
{
    height: 0;
    overflow: hidden;

    -webkit-transition: height 0.3s ease;
     -moz-transition: height 0.3s ease;
       -o-transition: height 0.3s ease;
          transition: height 0.3s ease;
}

/**
 * navigation
 *
 *
 */
#menu-closer-x {
    color: #ffffff;
    display: block;
    font-size: 40px;
    position: absolute;
    right: 10px;
    top: 20px;
    opacity:0;
    visibility:hidden;
    cursor:pointer;
    z-index: 100000;
    display:none;

    -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.nav-open #menu-closer-x {
    opacity:1;
    visibility:visible;
}

#sub-navigation ul, #sub-navigation ol,
#main-navigation ul, #main-navigation ol,
.level-2 ul, .level-2 ol
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#sub-navigation a,
#main-navigation li.level-2 a
{
    position: relative;
    display: block;
}

#sub-navigation p,
.level-2 p
{
    position: absolute;
    top: 45%;
    margin:0 5%;
    padding:0;
    width: 90%;
    text-align: center;
    /*font: 18px 'geosanslightregular';*/
    font-family: 'geosanslightregular';
    color: #FFFFFF;
    /*color: #252525;*/
    letter-spacing: 0.05em;
    font-size:1.1em;
    overflow: hidden;
    line-height:1.2em;
}

#sub-navigation li.sub-level-2 a.active p,
#main-navigation li.level-2 a.active p
{
    color: #eae8e8;
}

#main-navigation li.level-2 a.active:before,
#main-navigation li.level-2 a:before,
#sub-navigation li.sub-level-2 a.active:before
{
    -webkit-transition: all 0.5s ease;
           -moz-transition: all 0.5s ease;
             -o-transition: all 0.5s ease;
                transition: all 0.5s ease;

    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #b30404;
    opacity: 0;
}

#main-navigation li.level-2 a.active:before
{
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;
}

#main-navigation li.level-2 a.active:before,
#main-navigation li.level-2.has-hover:hover a:before,
#sub-navigation li.sub-level-2 a.active:before
{
    opacity: 1;
}

.lt-ie9 #main-navigation li.level-2 a:before,
.lt-ie9 #main-navigation li.level-2.has-hover a:before,
.lt-ie9 #sub-navigation li.sub-level-2 a:before
{
    display: none;
}

.lt-ie9 #main-navigation li.level-2 a.active:before,
.lt-ie9 #main-navigation li.level-2.has-hover:hover a:before,
.lt-ie9 #sub-navigation li.sub-level-2 a.active:before
{
    display: block;
}
#main-navigation > ul > li {
    width:100%;
    display: block;
    border-top: 1px solid #383838;
}
#main-navigation > ul > li > a
{
    padding: 15px 10%;

    color: #e6e6e6;

    display: inline-block;
    text-transform: uppercase;
    width:75%;

    font-family: 'Gill Sans W01 Book', sans-serif;
    font-size:1.05em;
    outline: 0;

    letter-spacing:0.05em;
}

#main-navigation ul li.level-2
{
    text-transform: none;
}

#main-navigation  > ul > li > a.starter_active
{
    color: #FFFFFF;
}

#main-navigation  > ul > li.starter_active
{
    background: #1b1b1b;
}

.level-1 .is-hidden {
    display:none !important;
}

.level-2
{
    display: none;
}

#main-header
{
    height: 60px;
    background: none repeat scroll 0 0 #383838;
}

#brand
{
    position: relative;
    z-index: 200;
    float:left;
    height: 50px;
    margin: 5px;
}

#brand a
{
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 212px;
}

#brand img
{
    height: 50px;
    width: 100%;
}

#main-container
{
    position: absolute;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
}

#meta-contact,
#meta-facebook,
#mobile-menu-opener
{
    position: relative;
    z-index: 200;
    float: right;
    width: 60px;
    height: 60px;
    overflow: hidden;
    cursor: pointer;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

#content-opener
{
    position: absolute;
    top: -80px;
    left:50%;
    width: 100px;
    height: 80px;
    margin-left:-40px;
    font-size:100px;
    color:rgba(230, 230, 230, 0.95);
    overflow:hidden;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;

    cursor:pointer;
    z-index: 200;
}

#content-opener:after
{
    content: "\6e";
    font-family:"aeberhard-icon-font";
    position: absolute;
    color:#444444;
    font-size:40px;
    bottom: -3px;
    left: 28px;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;

    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.content-open #content-opener:after
{
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
}

.icon-opener-bg:before {
    position:absolute;
    bottom:-35px;
    left:0;
}

.ie .icon-opener-bg:before {
    bottom:-36px;
}

.lt-ie9 .icon-opener-bg:before {
    color:#e8e6e6;
}

#content
{
    position: relative;
    top: 0px;
    left: 0;
}
#meta-contact:before
{
    font-family:"aeberhard-icon-font";
    content: "\71";
    color:#ffffff;
    font-size:24px;
    position: absolute;
    top:21px;
    left:18px;

    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
}

#meta-contact:after
{
    font-family:"aeberhard-icon-font";
    content: "\71";
    color:#ffffff;
    font-size:24px;
    position: absolute;
    top:70px;
    left:18px;

    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
}

#meta-contact.has-hover:hover,
#meta-contact.active
{
    background-color: #b30404;
}

#meta-contact.has-hover:hover:before,
#meta-contact.active:before
{
   top:-30px;
}

#meta-contact.has-hover:hover:after,
#meta-contact.active:after
{
   top:20px;
}
#mobile-menu-opener {
    border-left: 1px solid #242424;
}
#mobile-menu-opener:before
{
    font-family:"aeberhard-icon-font";
    content: "\72";
    color:#ffffff;
    font-size:24px;
    position: absolute;
    top:21px;
    left:18px;

    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
}

#meta-facebook {
    display: none;
}

#meta-facebook:before
{
    font-family:"aeberhard-icon-font";
    content: "\70";
    color:#ffffff;
    font-size:24px;
    position: absolute;
    top:21px;
    left:19px;

    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
}

#meta-facebook:after
{
    font-family:"aeberhard-icon-font";
    content: "\70";
    color:#ffffff;
    font-size:24px;
    position: absolute;
    top:70px;
    left:19px;

    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
}

#meta-facebook.has-hover:hover,
#meta-facebook.active
{
    background-color: #39579A
}


#meta-facebook.has-hover:hover:before,
#meta-facebook.active:before
{
   top:-30px;
}

#meta-facebook.has-hover:hover:after,
#meta-facebook.active:after
{
   top:20px;
}

#main-content
{
    position: relative;
    top: 200px;
    min-height: 400px;
    text-align: justify;
    font-familiy: 'Gill Sans W01 Light';
    font-size: 1.25em;
    line-height:1.9em;
    margin-bottom: 400px;
    z-index: 200;
    letter-spacing: 0.05em;

    background-color: rgb(230, 230, 230); /* fallback */
    background-color: rgba(230, 230, 230, 0.95);   /* rgba */
   /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90e8e6e6, endColorstr=#90e8e6e6); /* ie 7 */
   /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#90e8e6e6, endColorstr=#90e8e6e6)"; /* ie 8 */

}


footer
{
    position: absolute;
    bottom: 50px;
    text-align: center;
    color: #e6e6e6;
    font: 14px/30px 'Gill Sans W01 Light';
    min-width: 70%;
    margin:0 15%;
}

footer .copy {
    font-size: 16px;
    line-height: 1.4em;
    font-family: 'Gill Sans W01 Book';
    padding-bottom:10px;
}

footer a, footer a:active, footer a:visited
{
    color: #f2f1f1;
}

footer a.has-hover:hover, footer a.has-hover:hover:active, footer a.has-hover:hover:visited
{
    color: #b30404;
}

/**
 * global classes
 *
 *
 */
.container
{
    margin: 0 auto;
    padding: 40px 6% 80px;
}

.col-8-8
{
    float: left;
    width: 50%;
}

.col-8-8 a
{
    margin:1.5%;
}

#sub-navigation ul
{
    padding:0.75%;
}

#content img,
.col-content img
{
    width: 100% !important;
    height: auto !important;
}

.title-line
{
    width: 80%;
    margin-top: 1em;
    margin-bottom: 2em;
}
.center,
.address
{
    text-align: center;
}

.call-to-home,
.call-to-contact,
.call-to-showroom,
.call-to-phone,
.call-to-location,
.call-to-action,
a[href $=".pdf"]
{
    position: relative;
    display: inline-block;
    width: 28.5%;
    height: auto;
    padding: 0px 2% 10px 2%;
    text-align: center;
    font-size: 0.9em;
    line-height: 1.4em;
    color:#444444 !important;
    vertical-align: top;
}

.call-to-action i,
.call-to-showroom i {
    font-size: 66px;
    display:block;
    margin-left: 20px;
    padding-bottom: 10px;
    color:#444444;
}

a.call-to-action.has-hover:hover,
a.call-to-home.has-hover:hover,
a.call-to-contact.has-hover:hover,
a.call-to-showroom.has-hover:hover,
a.call-to-phone.has-hover:hover,
a.call-to-location.has-hover:hover,
a[href $=".pdf"].has-hover:hover
{
    color:#b30404 !important;
}

a.call-to-action.has-hover:hover i,
a.call-to-home.has-hover:hover i,
a.call-to-contact.has-hover:hover i,
a.call-to-showroom.has-hover:hover i,
a.call-to-phone.has-hover:hover i,
a.call-to-location.has-hover:hover i,
a[href $=".pdf"].has-hover:hover i
{
    color:#b30404 !important;
}

.call-to-action.call-to-action-l {
    vertical-align: middle;
}

.call-to-action-l, .call-to-action.call-to-action-l {
    width:75%;
    text-align:left;
    padding-left:0;
    margin-left:25%;
}

.call-to-action-l i, .call-to-action.call-to-action-l i {
    display:inline-block;
    vertical-align: middle;
    margin-left: 0;
    padding-bottom: 0;
    margin-left:-86px;
}

.call-to-action-l span {
    display: inline-block;
    vertical-align: middle;
    width:100%;
    padding-right:0;
}

.ie .call-to-action-l span {
    width:90%;
}

.full-size-btn, .call-to-action.full-size-btn {
    width: 100%;
    font-family:"Gill Sans W01 Book";
}

.half-size-btn, .call-to-action.half-size-btn {
    width:46%;
}

/**
 * forms
 *
 *
 */
fieldset { border: none; }
legend {
    border: none;
    font: 25px/32px 'geosanslightregular';
    margin: 10px 0 30px;
    color: #3c3b3b;
    text-align: center;
    width: 100%;
}

#contactFormError
{
    position: absolute;
    top: -100000px;
    display: none;
}

.form_error
{
    background: url("../img/icon-60-form-error.svg") no-repeat scroll 103% -19px rgba(0, 0, 0, 0);


    color:#b30404;
}


.lt-ie9 .form_error
{
    background: url("../img/icon-60-form-error.png") no-repeat scroll 103% -19px;
}


#contactDescription
{
    margin-bottom: 20px;
}

.contact
{
    position: relative;
}

#contactFrame > .row
{
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #9F9E9E;
}

.row
{
    width:100%;
    display: block;
}

input,
textarea,
select
{
    border: 0px solid #aba8a8;
    background: none;
    padding: 0px 0 10px 0%;
    width: 100%;
    font: 1.2em 'geosanslightmedium_italic';
    color: #504F4F;
}

textarea {
    padding-top:6px;
}

input[type="radio"], input[type="checkbox"] {
    float: left;
    width: auto;
    margin: 2px 10px 5px 5px;
}

.contactFormGroup label {
    display:block;
    line-height: 22px;
    margin-bottom: 10px;
    margin: 10px;
}

input:focus,
textarea:focus,
select:focus
{
    color:#b30404;
}

input.contactFormClass_button
{
    width: 80px;
    height: 80px;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;

    background: url("../img/icons-60.svg") no-repeat scroll -640px 0 / auto 200% rgba(0, 0, 0, 0);
    cursor:pointer;
    z-index: 200;
    border: 0;
    font-size: 1.1em;
    padding: 0;
    color: #6c6b6b;
}
input[type="reset"] { float: left; width: auto;  cursor: pointer; display: none;  }

input.contactFormClass_button.has-hover:hover
{
    color:#b30404;
}

#coreCaptchaCode
{
    height: 40px;
    padding: 0;
    width: 100px;

}

#coreCaptchaImage
{
    float: right;
}

#contactFeedback
{
    text-align: center;
    color:#b30404 !important;
}

#contactFeedback span
{
    color:#b30404 !important;
}

#contactFeedback span.form-submitted
{
    color:#5c5b5b !important;
}

.error-container {
  display:none !important;
}

.uk-position-relative {
    position:relative;
}

.form-icon {
  content:'';
  background:none;
  position:absolute;
  width:20px;
  height:15px;
  right:0px;
  top:5px;
}

.ipt-valid .form-icon {
  background:url('/themes/gutachten/assets/iconsets/custom/custom_icons/Checkmark.svg') no-repeat;
  background-size: auto 100%;
}

.ipt-error{
     color:#b30404 !important;
}

.ipt-error .form-icon {
  background:url('/themes/gutachten/assets/iconsets/custom/custom_icons/X.svg') no-repeat;
  background-size: auto 100%;

}


/**
 * tables
 *
 *
 */

/**
 * plugins
 *
 *
 */

/*
 *  fullscreen background
 *
 */
#supersize { position: fixed; z-index: 0; left: 0; top: 60px;  }
#supersize img { height:100%; position:absolute; width:100%;  }

/*
 *  cycle
 *
 */

#slider_nav { position: fixed; height: 40px; width: 90px; z-index: 100; bottom: 10px; right: 20px; opacity: 1; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }

#prev, #next { position: absolute; font-size:2.5em; color:#e6e6e6; width: 40px; height: 40px; overflow: hidden; cursor: pointer; /*background: url( '../../gutachten/img/icons-60-new-arrows.svg' );*/ z-index: 1000; }
#prev { left: 0px;  }
#next { right: 0px; }

#slider-pager
{
    position: fixed;
    left: -10px;
    bottom: 25px;
    font-family: 'geosanslightregular';
    font-size: 2.4em;
    color: #E6E6E6;
    width: 150px;
    opacity: 1;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

#slider-pager div
{
    position: relative;
    margin: 0 auto;
    text-align: center;
}

#slider-pager span
{
    text-align: center;
}

.content-open #slider-pager
{
    opacity: 0;
}

.content-open #next, .content-open #prev { display: none; }

.lt-ie9 .content-open #slider-pager span
{
    display: none;
}

.lt-ie9 #slider-pager span
{
    display: inline;
}

/* google maps */
#map-container
{
    display: none;
}

#map-container,
#map-canvas
{
    width:100%;
    height: 100%;
    position: absolute;
    z-index: 100;
}

.google-map-button
{
    position: absolute;
    top:100px;
    right: 50%;
    margin-right: -80px;
    background: #b30404;
    color: #ffffff;
    z-index: 100000;
    font-family: 'geosanslightregular';
    font-size: 1.2em;
    padding: 10px 20px;
    text-transform: uppercase;
}

.google-map-button a
{
    color: #ffffff;
}

.footnote {
    margin-top:20px;
    font-size:0.875em;
    font-style:italic;
    text-align:right;
    line-height:1.2em;
}

/**
 ******************** media queries ********************
 *
 *
 */

/**
 * wide screen view
 *
 */
@media only screen and (min-width: 768px)
{
    /**
     * structure
     *
     *
     */
    #brand img
    {
        height: 50px;
        width: auto;
    }

    .header-container {
        background: none repeat scroll 0 0 #1b1b1b;
    }

    /**
     * navigation
     *
     *
     */
    #menu-closer-x {
        display: block;
    }

    #sub-navigation,
    #main-navigation  > ul > li > a,
    #mobile-menu-opener
    {
        display: none;
    }

    #main-navigation,
    #main-navigation ul,
    #main-navigation ul li
    {
        display: block;
    }

    #main-navigation
    {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        background: none;

    }

    #main-navigation > ul,
    #main-navigation  > ul > li,
    #main-navigation > ul > li > a
    {
        float: left;

        -webkit-transition: all 0.5s ease;
           -moz-transition: all 0.5s ease;
             -o-transition: all 0.5s ease;
                transition: all 0.5s ease;

    }

    .ie #main-navigation > ul,
    .ie #main-navigation  > ul > li,
    .ie #main-navigation > ul > li > a,

    .edge #main-navigation > ul,
    .edge #main-navigation  > ul > li,
    .edge #main-navigation > ul > li > a
    {
        -webkit-transition: none;
           -moz-transition: none;
             -o-transition: none;
                transition: none;
    }

    #main-navigation > ul
    {
        margin-left: 215px;
        display: inline;
    }

    #main-navigation > ul > li,
    #main-navigation > ul > li a {
        width:auto;
        border:0;
    }

    #main-navigation > ul > li > a
    {
        padding: 20px 17px;
        border-bottom: 0;
        display: inline;
        border: 0 none;
    }

    #main-navigation > ul > li.has-hover:hover,
    #main-navigation > ul > li > a.starter_active
    {
        background: none repeat scroll 0 0 #1b1b1b;
        color: #FFFFF7;
    }

    #main-navigation > ul > li.has-hover:hover > a
    {
        color: #FFFFF7;
    }

    #main-navigation li.level-1 > .menu
    {
        display: block;
        position: absolute;
        bottom: 60px;
        left: 0;
        width: 99.25%;
        z-index: 100;
    }

    #main-navigation li.level-2 a
    {
        padding: 0;
    }

    #main-navigation li ul
    {
        z-index: 90000;
    }

    #main-navigation ul.has-hover:hover li.starter_active ul,
    #main-navigation li.starter_normal ul
    {
        visibility: hidden;

    }

    #main-navigation li.level-1.has-hover:hover li.level-2,
    #main-navigation li.level-1.has-hover:hover ul.menu
    {
        visibility: visible;
        z-index: 100000;
    }

    /**
     * global classes
     *
     *
     */
    .container
    {
        width: 45%;
        max-width: 450px;
    }

    .col-1-1,
    .col-2-2,
    .col-3-3,
    .col-4-4,
    .col-1-4,
    .col-3-4
    {
        float: left;
    }

    .col-2-2
    {
        width: 50%;
    }

    .col-3-3
    {
        width: 33.33%;
    }

    .col-4-4
    {
        width: 50%;
    }

    .col-8-8
    {
        width: 12.5%;
    }

    .col-1-1 .col-content,
    .col-1-3 .col-content,
    .col-2-3 .col-content
    {
        margin: 1.5%;
    }

    .col-2-2 .col-content,
    .col-4-4 .col-content
    {
        margin: 3%;
    }

    .col-8-8 a
    {
        margin:3%;
    }

    #main-navigation li.level-1 ul,
    #sub-navigation ul
    {
        padding:0.375%;
    }

    .call-to-action-l, .call-to-action.call-to-action-l {
        width:80%;
        text-align:left;
        padding-left:0;
        margin-left:80px;
    }

    /**
     * forms
     *
     *
     */

    /**
     * tables
     *
     *
     */

    /**
     * plugins
     *
     *
     */
    #slider_nav { position: fixed; left: 0; height: 80px; width: 100%; z-index: 100; top:45%; display: block; }

    #next, #prev, #next:after, #prev:after { width: 80px; height: 80px; font-size:5em; }

    #slider-pager
    {
        left: -20px;
        bottom: 25px;
    }

    .content-open #next, .content-open #prev { display: block; }

    /* google maps */
    .google-map-button
    {
        right:50px;
        margin:0;
    }

}

/**
 * maximal screen view
 *
 */
@media only screen and (min-width: 1140px)
{
     /**
     * structure
     *
     *
     */
    #main-navigation > ul > li > a
    {
        font-family: 'Gill Sans W01 Book', sans-serif;
        padding: 20px 30px;
        outline: 0;
        letter-spacing:0.1em;
    }

    #meta-contact,
    #meta-facebook
    {
        display: block;
    }

    #main-navigation li.level-1 > .menu
    {
        width: 99.625%;
    }

    /**
     * global classes
     *
     *
     */
    .col-1-3,
    .col-2-3
    {
        float: left;
    }

    .col-1-3
    {
        width: 33.33%;
    }

    .col-2-3
    {
        width: 66.66%;
    }

    .col-4-4
    {
        width: 25%;
    }

    .col-8-8
    {
        width: 12.5%
    }

    .col-2-2 .col-content
    {
        margin: 3%;
    }

    .col-1-3 .col-content
    {
        margin: 4.66%;
    }

    .col-1-1 .col-content
    {
        margin: 1.5%;
    }

    .col-2-3 .col-content
    {
        margin: 2.33%;
    }

    .col-4-4 .col-content
    {
        margin: 6%;
    }

    .col-8-8 a
    {
        margin:3%;
    }

    #main-navigation li.level-1 ul,
    #sub-navigation ul
    {
        padding:0.1875%;
    }

    /**
     * plugins
     *
     *
     */
    #slider-pager
    {
        left: -40px;
        /*font-size: 4em;*/
        width: 191px;
    }

    /* google maps */
    .google-map-button
    {
        right:200px;
    }
}

/*
 ******************** helper classes ********************
 *
 *
 */

.ir
{
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /**text-indent: -9999px;*/
}

.ir:before
{
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden
{
    display: none !important;
    visibility: hidden;
}

.visuallyhidden
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus
{
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible
{
    visibility: hidden;
}

.clearfix:before,
.clearfix:after
{
    content: " ";
    display: table;
}

.clearfix:after
{
    clear: both;
}

.clearfix
{
    /* *zoom: 1; */
}

/*
 ******************** print styles ********************
 *
 *
 */

@media print
{
    a, a:visited
    {
        text-decoration: underline;
    }

    a[href]:after
    {
        content: " (" attr(href) ")";
    }

    abbr[title]:after
    {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after
    {
        content: "";
    }

    pre, blockquote
    {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead
    {
        display: table-header-group;
    }

    tr, img
    {
        page-break-inside: avoid;
    }

    img
    {
        max-width: 100% !important;
    }

    @page
    {
        margin: 0.5cm;
    }

    p, h2, h3
    {
        orphans: 3;
        widows: 3;
    }

    h2,h3
    {
        page-break-after: avoid;
    }
}


.cke_contents_cm_ckeditor body, .cke_show_blocks { background: #ffffff !important; color:#000000; font-family:Arial, Helvetica, sans-serif !important; }