@charset "UTF-8";
@font-face {
    font-family : 'FontAwesome';
    src         : url('../fonts/fontawesome-webfont.eot?v=4.3.0');
    src         : url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
    url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
    url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight : normal;
    font-style  : normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebas_neue-webfont.eot');
    src: url('../fonts/bebas_neue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas_neue-webfont.woff2') format('woff2'),
         url('../fonts/bebas_neue-webfont.woff') format('woff'),
         url('../fonts/bebas_neue-webfont.ttf') format('truetype'),
         url('../fonts/bebas_neue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**
 * HTML5  Boilerplate
 *
 ******************** normalize styles ********************
 */

/* first for IE 6/7/8 */

@-moz-document url(chrome://browser/content/browser.xul) {
    tab[selected="true"] > hbox, tab[selected="true"] > toolbarbutton {
    color: #fff !important;
    background-color: #74BE39 !important;
    font-weight:bold !important; 
    } 
}

html {
    width                    : 100%;
    height                   : 100%;
    -webkit-text-size-adjust : none;
}

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

textarea { resize : vertical; }

em { font-style : italic; }

#fe_toolbar { display : none !important; }

/**
 ******************** primary styles :: mobile first ********************
 *
 * author :: janik tschanz 
 */

/* use inverted box model */
*, *:before, *:after { -moz-box-sizing : border-box; -webkit-box-sizing : border-box; box-sizing : border-box; }

body {
    width            : 100%;
    height           : 100%;
    font-size        : 14px;
    font-family      : arial, sans-serif;
    line-height      : 1.4em;
    letter-spacing   : 0;
    font-weight      : 300;
    color            : #262626;
    background-color : #FFFFFF;
    overflow-y               : scroll;
    overflow-x               : hidden;
}

 body.infoscreen {
    background-color : #3B0903;
    overflow: hidden;
}

body.cke_editable {
    background-color : #FFFFFF;
}


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

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


/**
 * grid system
 *
 *
 */
.grid-container { width : 100%; position : relative; clear : both; }
.grid-elm { vertical-align : top; }

.grid-align-1-1 { width : 100%; display : inline-block; }
.grid-align-1-2 { width : 100%; display : inline-block; }
footer .grid-align-1-2.links { width : 50%; display : inline-block; }
.grid-align-1-3 { width : 100%; display : inline-block; }
.grid-align-2-3 { width : 100%; display : inline-block; }
.event .grid-align-2-3 { width : 80%; }
.grid-align-1-4 { width : 100%; display : inline-block; }
.event figure.grid-align-1-4 { display : none; }
.grid-align-3-4 { width : 100%; display : inline-block; }
.grid-align-1-5 { width : 100%; display : inline-block; }
.grid-align-2-5 { width : 100%; display : inline-block; }
.grid-align-3-5 { width : 100%; display : inline-block; }
.grid-align-4-5 { width : 100%; display : inline-block; }
.grid-align-4-6 { width : 50%; display : inline-block; }
.grid-align-5-6 { width : 100%; display : inline-block; }
.grid-align-1-8 { width : 25%; display : inline-block; }
.grid-align-3-8 { width : 50%; display : inline-block; }
.grid-align-5-8 { width : 100%; display : inline-block; }
.grid-align-7-8 { width : 100%; display : inline-block; }
.grid-align-1-12 { width : 8.33%; display : inline-block; }
time.grid-align-1-12 { width : 20%; display : inline-block; }


.grid-offset { padding : 8px }
.grid-offset.large { padding : 16px }
.grid-offset.larger { padding : 24px }
.grid-offset.medium { padding : 12px }
.grid-offset.small { padding : 4px }

.grid-offset-top { padding-top : 8px; }
.grid-offset-large-top { padding-top : 16px; }
.grid-offset-larger-top { padding-top : 24px; }
.grid-offset-medium-top { padding-top : 12px; }
.grid-offset-small-top { padding-top : 4px; }

.grid-offset-bottom { padding-bottom : 8px; }
.grid-offset-large-bottom { padding-bottom : 16px; }
.grid-offset-larger-bottom { padding-bottom : 24px; }
.grid-offset-medium-bottom { padding-bottom : 12px; }
.grid-offset-small-bottom { padding-bottom : 4px; }

.grid-offset-left { padding-left : 8px; }
.grid-offset-large-left { padding-left : 16px; }
.grid-offset-larger-left { padding-left : 24px; }
.grid-offset-medium-left { padding-left : 12px; }
.grid-offset-small-left { padding-left : 4px; }

.grid-offset-right { padding-right : 8px; }
.grid-offset-large-right { padding-right : 16px; }
.grid-offset-larger-right { padding-right : 24px; }
.grid-offset-medium-right { padding-right : 12px; }
.grid-offset-small-right { padding-right : 4px; }

/**
 * old grid for wysiwyg templates
 *
 *
 */

/**
 * globals
 *
 *
 */
.no-mobile { display : none; }

.left { text-align : left; }
.center { text-align : center; }
.right { text-align : right; }

.align-right { float : right; }
.align-center { margin : 0 auto; }
.align-left { float : left; }

.show-on-tablet,
.show-on-desktop,
.show-on-screen {
    display : none;
}

.show-on-phone {
    display : inline-block;
}

/**
 * layout
 *
 *
 */

#overlay {
    position           : fixed;
    z-index            : 997;
    width              : 100%;
    height             : 100%;
    background-color : rgba(0,0,0,0.4);
    display : none;
}

#functions {
    display : inline-block;
    background-color: #3b0903;
    -webkit-transform: skew(-12deg); 
    -moz-transform: skew(-12deg); 
    -o-transform: skew(-12deg);
	transform: skew(-12deg);
    -ms-transform: skew(-12deg);     
    padding-right: 8px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
 
#eyecatcher {
     width: 100%;
     min-height: 450px;
     height: calc(100% - 62px);
     position: relative;
     z-index: 994;
     opacity: 0;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -ms-transition     : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
    margin-top: 62px;
 }
 
#intro {
    margin-top: 62px;
    width: 100%;
    height: 200px;
    position: relative;
    z-index: 994;
    opacity: 1;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -ms-transition     : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
    overflow: hidden;
}

.infoscreen #pin {
    position: absolute;
    top: 0;
    left: 0;
}

#content {
    height           : auto;
    background-color : #FFFFFF;
    position: relative;
    z-index            : 994;
}

.infoscreen #content {
    min-height: 100%;
    background-color : #3B0903;
    font-size: 1.3em;
    line-height: 1.4em;
}

.infoscreen #content #slider{
    background-color : #ffffff;
    min-height: 100%;
    position: relative;
    height: auto;
    border: 24px solid #ffffff;
     opacity: 0;
     overflow: hidden;
}

.navtree {
    color:  #d0d0d0;
    text-align: center;
    display: none;
}

#share {
    text-align: center;
}

footer {
    height           : auto;
    color            : #FFFFFF;
    background-color : #3B0903;
    z-index            : 994;
    font-size: 0.9em;
}

footer .partners {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(126,126,126,0.3);
}

footer .partners a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 16px;
}

footer .social-media ul {
    padding-top: 16px;
}

footer .social-media li{
    display: inline;
}

footer .social-media li:before{
    content: "";
}

footer .social-media li a{
    display: inlin-block;
    border: 1px solid;
    border-color: rgba(126,126,126,0.3);
    padding: 12px;
    font-size: 1.5em;
    min-width: 46px;
    -webkit-transform: skew(-12deg); 
    -moz-transform: skew(-12deg); 
    -o-transform: skew(-12deg);
	transform: skew(-12deg);
    -ms-transform: skew(-12deg);   
    margin-bottom: 20px;
}

footer .social-media li a:hover{
    background-color: rgba(126,126,126,0.3);
    border-color: transparent;
    color: #ffffff;
}

footer .links .sitemap {
    column-count         : 5;
    column-gap           : 20px;
    -moz-column-count    : 5;
    -moz-column-gap      : 20px;
    -webkit-column-count : 5;
    -webkit-column-gap   : 20px;
}

/**
 * containers
 *
 *
 */
#search,
#contact,
#lang {
    width              : 100%;
    position           : fixed;
    height             : auto;
    background-color   : #D3A383;
    z-index            : 998;
    left              : 0;
    top: 0;
    /*overflow           : none;
    overflow-x         : hidden;
    overflow-y         : auto;*/
    display : none;
    padding-top: 62px;
}

#contact ul,
#contact ul li {
    padding: 0;
    margin: 0;
    position: relative;
}

#contact ul li{
    font-size: 1.4em;
    font-weight: 100;
    font-family    : 'bebas_neueregular', sans-serif;
    border-bottom: 1px solid #e3bba0;
    letter-spacing: 0.02em;
}

#contact ul li .fa{
    position: absolute;
    height: 100%;
    left: 20px;
    top: 0;
    line-height: 72px;
    color: #3B0903;
}

#contact ul li a{
    display: block;
    color: #3B0903;
    padding: 25px 20px 25px 60px;
}

#contact ul li:hover {
    background-color: #c28c68;
    text-decoration: none;
}

#lang a {
    display: block;
    color: #3B0903;
    padding: 25px 20px;
    width: 100%;
    font-size: 1.4em;
    font-weight: 100;
    font-family    : 'bebas_neueregular', sans-serif;
    border-bottom: 1px solid #e3bba0;
    letter-spacing: 0.02em;
}

#lang a:hover {
    background-color: #c28c68;
    text-decoration: none;
}

/*#lang a.active {
    background-color: #3b0903;
    text-decoration: none;
    color: #ffffff;
}*/


    
#eyecatcher article.area {
     height: 50%;
     position: relative;
}

#eyecatcher article.area:nth-of-type(3n+2) {
     height: 100%;
}

#eyecatcher #slider,
#intro #slider {
    position: relative;
    overflow: hidden;
    height: 100%;
}

#eyecatcher #slider .slide,
#intro #slider .slide{
    width: 100%;
    height: 100%;
    position: relative;
}

#eyecatcher #pager,
#intro #pager {
    width: calc(100% - 8px);
    height: auto;
    position: absolute;
    bottom: 8%;
    z-index: 999;
    text-align: center;
    opacity: 0;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -ms-transition     : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

#eyecatcher #pager {
    display: none;
}

#eyecatcher #pager .fa,
#intro #pager .fa{
    color: #ffffff;
    padding: 4px;
    font-size: 0.5em !important;
}

#eyecatcher #prev,
#intro #prev,
#eyecatcher #next,
#intro #next{
    width: 10%;
    height: calc(100% - 8px);
    position: absolute;
    top: 4px;
    z-index: 999;
    opacity: 0;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -ms-transition     : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}


#eyecatcher article.area:hover #prev,
#eyecatcher article.area:hover #next,
#eyecatcher article.area:hover #pager,
#intro:hover #prev,
#intro:hover #next,
#intro:hover #pager{
    opacity: 1;
}

#eyecatcher #prev .fa,
#eyecatcher #next .fa,
#intro #prev .fa,
#intro #next .fa{
    width: 100%;
    height: 100px;
    top: 50%;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    line-height: 100px;
    color: #ffffff;
    cursor: pointer;
    font-size: 5em !important;
}

#eyecatcher #pager .fa:hover,
#eyecatcher #pager .fa.activeSlide,
#eyecatcher #prev .fa:hover,
#eyecatcher #next .fa:hover,
#intro #pager .fa:hover,
#intro #pager .fa.activeSlide,
#intro #prev .fa:hover,
#intro #next .fa:hover{
    color: #D3A383;
    text-dcoration: none;
}

#eyecatcher #prev,
#intro #prev {
    left: 4px;
}

#eyecatcher #next,
#intro #next{
    right: 4px;
}

#eyecatcher article.area img,
#eyecatcher #slider .slide img,
#intro #slider img{
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

#intro #slider img{
    height: 500px;
}

#eyecatcher article.area::before,
#eyecatcher #slider .slide::before,
#intro #slider::before{
    height: 0%;
    width: 0%;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,1,1,0.5) 0%, rgba(128,128,128,0) 75%, rgba(255,255,255,0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,1,1,0.5) 0%,rgba(128,128,128,0) 75%,rgba(255,255,255,0) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,1,1,0.5) 0%,rgba(128,128,128,0) 75%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80010101', endColorstr='#00ffffff',GradientType=1 );
    content: "";
    position: absolute;
}

#intro #slider::before {
    z-index: 998;
}

#eyecatcher article.area .slogan,
#intro .slogan{
     height: auto !important;
     width: calc(100% - 16px);
     position: absolute !important;
     top: 40%;
     z-index:998;
     text-align:center;
     text-transform: uppercase;
}

#intro .slogan{
     top: 45px;
}

#eyecatcher article.area .slogan hr,
#intro .slogan hr {
    border           : 0;
    width            : 190px;
    color            : #ffffff;
    background-color : #ffffff;
    height           : 2px;
    clear            : both;
    margin: 8px auto;
}

#eyecatcher article.area .slogan h2 {
    padding: 0;
    margin: 0 auto;
    line-height: 1.1em;
    font-size: 3em;
    color: #ffffff;
}

#intro .slogan h1{
    padding: 0;
    margin: 0 auto;
    line-height: 1.1em;
    font-size: 3em;
    color: #ffffff;
}

#eyecatcher article.area .slogan p,
#intro .slogan p{
    padding: 0;
    margin: 0 auto;
    line-height: 1.1em;
    font-weight: regular;
    font-family: 'bebas_neueregular', sans-serif;
    font-size: 1.7em;
    color: #ffffff;
    letter-spacing: 0.02em;
    max-width: 80%;
}

#eyecatcher article.area .slogan a {
    color: #ffffff;
}

#eyecatcher article.area .slogan:hover {
    cursor: pointer;
}

/*#eyecatcher article.area .slide .slogan:hover {
    cursor: default;
}*/

#eyecatcher article.area .slogan:hover h2,
#eyecatcher article.area .slogan:hover p {
    color: #D3A383;
}

/*#eyecatcher article.area .slide .slogan:hover h2,
#eyecatcher article.area .slide .slogan:hover p {
    color: #ffffff;
}*/

#eyecatcher article.area .slogan h2 a:hover,
#eyecatcher article.area .slogan p a:hover {
    color: #D3A383;
}

#eyecatcher article.area .slogan:hover hr {
    color            : #D3A383;
    background-color : #D3A383;
    cursor: pointer;
}

/*
#eyecatcher article.area .slide .slogan:hover hr {
    color            : #ffffff;
    background-color : #ffffff;
    cursor: default;
}     
*/ 
        
#logo-fixed,
#logo-actual {
    display: block;
    height: 62px;
    width: 100%;
    top: 0; 
    right: 0;               
    background-color: rgba(59, 9, 3, 1);  
}

#logo-fixed img,
#logo-actual img{
    float: right;
    cursor: pointer;  
}

#logo-fixed {
    position: fixed;
    z-index: 996;
}

#logo-actual {
    position: absolute;
    z-index: 995;
    display: none;
}

#logo {
    height: 199px;
}

#logo img{
    position: absolute;
    right: 32px;
}

/*.overflowContainer {
    width: 100% !important;
}*/

/**
 * icons
 *
 *
 */

.function {
    background-color: #3b0903;
    cursor: pointer;
    color: #ffffff;
    line-height: 1em;
    font-size: 22px !important;
    padding: 20px;         
    -webkit-transform: skew(12deg); 
    -moz-transform: skew(12deg); 
    -o-transform: skew(12deg);
	transform: skew(12deg);
    -ms-transform: skew(12deg);   
    width: 62px;
}

#open-lang {
    display: none;
}

.function.active,
.function:hover {
    background-color: #d3a383;
    color: #3b0903;
}

/**
 * navigation
 *
 *
 */
nav#main {
    width              : 100%;
    position           : fixed;
    height             : 100%;
    max-height         : 100%;
    background-color   : #D3A383;
    z-index            : 998;
    left              : 0;
    top: 0;  
    display : none;
    padding-top: 62px;
    overflow-y: auto; 
}

nav#main ul {
    padding: 0;
    margin: 0;
}

nav#main ul li{
    padding: 0;
    margin: 0;
    position: relative;
}

nav#main ul li.level-1{
    padding: 0;
    margin: 0;
    font-size: 1.4em;
    font-weight: 100;
    font-family    : 'bebas_neueregular', sans-serif;
    border-bottom: 1px solid #e3bba0;
    letter-spacing: 0.02em;
}

nav#main ul li.level-1 .fa,
nav#main ul li.level-2 .fa{
    position: absolute;
    height: 100%;
    top: 0;
    line-height: 20px;
    color: #3B0903;
    width: 15%;
    right: 0px;
    text-align: right;
    padding: 25px 20px 25px 0px;
	cursor: pointer;
}

nav#main ul li a{
    display: block;
    color: #3B0903;
    padding: 25px 20px;
    width: 85%;
}

nav#main ul li a::selection{
    background-color: transparent;
}

nav#main ul li a.active,
nav#main ul li.active,
nav#main ul li.starter_active,
nav#main ul li a.starter_active {
    background-color: #3b0903;
    text-decoration: none;
    color: #ffffff;
}

nav#main ul li.active > .fa,
nav#main ul li.starter_active > .fa{
    color: #ffffff;
}

nav#main li.level-1 > ul {
    display: none;
    height: auto;
    padding: 0 0; 
    width: 100%;      
    background-color: #D3A383;      
}

nav#main li.level-1 > ul.open {  
    display: block;
}

nav#main ul li.level-2,
nav#main ul li.level-3{
    padding: 0;
    margin: 0;
    font-size: 1em;
    font-weight: 100;
    border-top: 1px solid #e3bba0;
    letter-spacing: 0.02em;
    border-left: 1px solid #e3bba0;   
}


nav#main ul li.level-2 a{
    padding: 15px 20px 15px 40px; 
}

nav#main ul li.level-3 a{
    padding: 10px 20px 10px 60px; 
}

nav#main ul li.level-2.active,
nav#main ul li.level-3.active{
    border-left: 1px solid #56241e;   
}

nav#main li.level-2 > ul {
    height: auto;
    padding: 0 0; 
    width: 100%;      
    background-color: #D3A383;        
}

nav#main li.level-2 > .fa{
    display: none;       
}

nav#sub {
    display : none;
}


/**
 * elements / fonts
 *
 *
 */
h1 {
    font-size      : 6em;
    line-height    : 1.1em;
    margin         : 0;
    padding-bottom : 0.25em;
    font-family    : 'bebas_neueregular', sans-serif;
    text-transform : uppercase;
    font-weight    : normal;
    color: #ffffff;
}

.infoscreen h1 {
    color: #3B0903;
    background-color: #ffffff;
    width: 100%;
    padding: 16px 32px;
    line-height    : 1em;
}

h2 {
    font-size      : 2.7em;
    font-weight    : normal;
    margin         : 0;
    padding-top    : 0;
    padding-bottom : 0.25em;
    line-height    : 1.2em;
    font-family    : 'bebas_neueregular', sans-serif;
    text-transform : uppercase;
    color: #d3a383;
}

.infoscreen h2 {
    letter-spacing: 0.025em;
    font-size      : 4.2em;
}

h3 {
    font-size      : 2em;
    font-weight    : normal;
    margin         : 0;
    padding-top    : 0;
    padding-bottom : 0.25em;
    line-height    : 1em;
    font-family    : 'bebas_neueregular', sans-serif;
    text-transform : uppercase;
    color: #3B0903;
    letter-spacing: 0.02em;
}

h3 a {
    color: #3B0903;
}

h4 {
    font-size      : 1.4em;
    font-weight    : normal;
    margin         : 0;
    padding-top    : 0;
    padding-bottom : 0.25em;
    line-height    : 1em;
    font-family    : 'bebas_neueregular', sans-serif;
    color: #3B0903;
    letter-spacing: 0.02em;
}

h4 a {
    color: #3B0903;
}

footer h4 {
    color: #ffffff;
}

#text h1,
#text h2,
#text h3,
#text h4,
#text p,
#text table {
    padding-left: 8px;
    padding-right: 8px;
    clear: both;
}

.infoscreen h2,
.infoscreen h3,
.infoscreen h4,
.infoscreen p,
.infoscreen table {
    padding-left: 8px;
    padding-right: 8px;
    clear: both;
}

#text .grid-elm > h1,
#text .grid-elm > h2,
#text .grid-elm > h3,
#text .grid-elm > h4,
#text .grid-elm > p,
#text .grid-elm > table,
#text table h1,
#text table h2,
#text table h3,
#text table h4 {
    padding-left: 0px;
    padding-right: 0px;
}

.infoscreen .grid-elm > h2,
.infoscreen .grid-elm > h3,
.infoscreen .grid-elm > h4,
.infoscreen .grid-elm > p,
.infoscreen .grid-elm > table {
    padding-left: 0px;
    padding-right: 0px;
}




a {
    color : #C28C68;
}

a.dark {
    color : #3B0903;
}

a.gray {
    color : #d0d0d0;
    font-family    : 'bebas_neueregular', sans-serif;
    text-transform   : uppercase;
    letter-spacing: 0.02em;
    font-size      : 1.4em;
}


a.button {
    color            : #FFFFFF;
    background-color : #D3A383;
    padding          : 8px 12px;
    text-align       : center;
    width            : auto;
    min-width        : 115px;
    display          : inline-block;
    text-transform   : uppercase;
    font-family    : 'bebas_neueregular', sans-serif;
    font-size      : 1.2em;
    margin-right : 1px;
    letter-spacing: 0.02em;
    position: relative;
}

#lang-mobile a {
    display: inline-block;
    color: #3B0903;
    border: 1px solid  #e3bba0;
    text-transform   : uppercase;
    font-family    : 'bebas_neueregular', sans-serif;
    font-size      : 1.2em;
    line-height: 40px;
    padding:  0 14px;
    margin:2px;
}

#lang-mobile a.active,
#lang-mobile a:hover {
    background-color: #C28C68;
    text-decoration: none;
}

#share a.button {
    text-align: center;
    min-width: 50px;
    color: #3B0903;
}

a.button:after {
    background-color: #ffffff;
    color: #ff0000;
    content: "";
    height: 110%;
    left: -6px;
    position: absolute;
    top: -1px;
    -webkit-transform: skew(-12deg); 
    -moz-transform: skew(-12deg); 
    -o-transform: skew(-12deg);
	transform: skew(-12deg);
    -ms-transform: skew(-12deg);   
    width: 12px;
}

a.button:before {
    background-color: #ffffff;
    color: #ff0000;
    content: "";
    height: 110%;
    position: absolute;
    right: -7px;
    top: -1px;
    -webkit-transform: skew(-12deg); 
    -moz-transform: skew(-12deg); 
    -o-transform: skew(-12deg);
	transform: skew(-12deg);
    -ms-transform: skew(-12deg);   
    width: 12px;
}

#actual a.button:after,
#actual a.button:before {
    background-color: #F3E6DD;
}

a.button:last-child {
    margin-right : 0;
}

a.button:last-child:before {
    display: none;
}

a.button.dark {
    text-decoration  : none;
    background-color : #3B0903;
    color            : #FFFFFF;
}

a.button:hover{
    text-decoration  : none;
    background-color : #C28C68;
    color            : #FFFFFF;
}

a.button.dark:hover {
    text-decoration  : none;
    background-color : #2a0904;
    color            : #FFFFFF;
}

a.social-media {
    display          : inline-block;
    border-left      : 1px solid #FFFFFF;
    width            : 33.33%;
    color            : #FFFFFF;
    background-color : #CCCCCC;
    text-align       : left;
    position         : relative;
    font-size        : 0.8em;
    font-weight      : 700;
    padding          : 8px 12px;
    text-transform   : uppercase;
}

.social-media.facebook::after {
    font-family : 'FontAwesome', sans-serif;
    content     : "\f09a";
    position    : absolute;
    right       : 8px;
}

a.social-media.facebook {
    background-color : #1E3B9F;
}

a.social-media.google-plus::after {
    font-family : 'FontAwesome', sans-serif;
    content     : "\f0d5";
    position    : absolute;
    right       : 8px;
}

a.social-media.google-plus {
    background-color : #DD4B39;
}

a.social-media.twitter::after {
    font-family : 'FontAwesome', sans-serif;
    content     : "\f099";
    position    : absolute;
    right       : 8px;
}

a.social-media.twitter {
    background-color : #5AC5F3;
}

a.social-media:hover {
    background-color : #82C54D;
    color            : #FFFFFF;
    text-decoration  : none;
}

.pagingTotal {
    display : inline;
}

.pagingTotal:after {
    content     : "\A";
    white-space : pre;
}

a.pagingFirst,
a.pagingLast,
.pagingPages b,
.pagingPages a {
    color            : #ffffff;
    background-color : #D3A383;
    padding          : 6px 12px;
    text-align       : center;
    width            : auto;
    font-weight      : 700;
    display          : inline-block;
    text-transform   : uppercase;
    margin-left      : 1px;
}

a.pagingFirst:before {
    font-family : 'FontAwesome';
    content     : "\f104"
}

a.pagingLast:before {
    font-family : 'FontAwesome';
    content     : "\f105"
}

a.pagingFirst:hover,
a.pagingLast:hover {
    text-decoration  : none;
    background-color : #3B0903;
    color            : #FFFFFF;
}

.pagingPages b {
    border-color     : #FFFFFF;
    color            : #FFFFFF;
    background-color : #3B0903;
}

.pagingPages a {
    border-color     : #FFFFFF;
    color            : #3B0903;
    background-color : #F3E6DD;
}

.pagingPages a:hover {
    color            : #FFFFFF;
    background-color : #3B0903;
    text-decoration  : none;
}

a,
a:link,
a:focus,
a:active {
    outline         : none;
    text-decoration : none;
}


footer a {
    color : #FFFFFF;
}

a.dark:hover,
a:hover {
    text-decoration : none;
    cursor          : pointer;
    color           : #D3A383;
}


footer a:hover {
    color           : #D3A383;
    text-decoration : none;
}

strong {
    font-weight : bold;
}

del {
    color           : #FF0000;
    text-decoration : line-through;
}

img {
    height     : auto;
    width      : auto;
    display    : block;
    max-width  : 100%;
    max-height : 100%;
}

.infoscreen .grid-elm img {
    height     : auto !important;
    width      : 90% !important;
}
.grid-elm.grid-align-1-2.grid-offset.event-picture img {
    max-width: 90% !important;
    margin: auto;
}
#text img {
    height     : auto !important;
    /*width      : 100% !important; */
    margin-bottom: 16px;
}

p {
    padding : 0 0 1.2em 0;
}

p.lead {
    line-height : 1.2em;
    color: #D3A383;
    color: #3B0903;
    font-size      : 1.2em;
    font-family    : 'bebas_neueregular', sans-serif;
    font-weight    : normal;
    letter-spacing: 0.02em;
}

p.lead strong, 
p.lead b {
    font-weight    : normal;
}

.infoscreen p.lead {
    color: #262626;
    /*font-family: arial,sans-serif;*/
    font-size      : 2.4em;
    font-weight    : 300;
    letter-spacing: 0.025em;
    padding : 0 0 0.8em 0;
}


hr {
    border           : 0;
    width            : 100%;
    color            : #d0d0d0;
    background-color : #d0d0d0;
    height           : 1px;
    clear            : both;
    margin: 16px 0;
}

hr.backend-only {
    color: #ffffff;
    margin: 0;
    color            : #ffffff;
    background-color : #ffffff;
    height           : 1px;
    visibility: hidden;
    /*margin: 8px 0;*/
}

.cke_editable hr.backend-only {
    visibility: visible;
    color: #e61e2a;
    margin: 16px 0;
    color            : #E61E2A;
    background-color : #E61E2A;
    height           : 5px;
}

#content ul,
footer ul {
    padding-left   : 0;
    margin-top     : 0;
    margin-bottom  : 0;
    padding-bottom : 1.2em;
    padding-top    : 0;
    margin-left: 1.2em;
}

#content ul li,
footer ul li {
    list-style : none;
    display: block;
    width: 100%;
}

#content ul li::before,
footer ul li::before {
    font-family    : 'FontAwesome', sans-serif;
    content        : "\f0c8\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
    color          : #D3A383;
    font-size      : 0.5em;
    vertical-align : bottom;
}

#content .navtree ul {
    margin: 0;
    padding: 0 0 16px 0;
}

#content .navtree ul li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
    color: #8b8b8b;
    font-size      : 0.9em;
    background-image: url(../img/navtree-bg.gif);
    background-repeat: repeat-x;
    background-position: 0 27px;
    padding: 0 0 18px 0;
}

#content .navtree ul li a{
    margin: 0;
    padding: 0 8px 16px 8px;
    list-style: none;
    font-family    : 'bebas_neueregular', sans-serif;
    font-weight    : normal;
    letter-spacing: 0.02em;
    display: inline-block;
    background-image: url(../img/navtree-point.gif);
    background-repeat: no-repeat;
    background-position: center 24px;
    color: #ffffff;
    width: auto;
    min-width: 100px;
}

#content .navtree ul li a:hover{
    color: #8b8b8b;
}

#content .navtree ul li::before {
    content: "";
}

#content .navtree ul li a.homepage{
    background-image: url(../img/navtree-home.gif);
}

#content .navtree ul li:last-child a{
    background-image: url(../img/navtree-point-end.gif);
}

#actual {
    background-color:#f3e6dd;
    position: relative;
}

#actual .load-content  {
    min-height: 236px;
}

#actual .loading {
    text-align: center;
}

#actual .loading img {
    display: inline-block;
}

footer {
    background-color:#3B0903;
    z-index            : 994;
}

footer ul {
    padding    : 0;
    margin     : 0;
}

ul li { /* empty */ }

footer ul li {
    padding    : 0 20px 0 0;
    margin     : 0;
    list-style : none;
    display    : inline-block;
}

footer ul.social-media li {
    padding   : 0 0 0 20px;
    font-size : 1.5em;
}

table {
    width   : 100%;
    padding : 0;
    margin  : 0;
}

table tr th {
    padding          : 8px 24px 8px 1px;
    text-align       : left;
    color            : #3B0903;
    border-bottom: 3px solid #3B0903;
    font-size      : 1.4em;
    font-family    : 'bebas_neueregular', sans-serif;
    font-weight    : normal;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.infoscreen tr th {
    font-size      : 1.8em;
    letter-spacing: 0.025em;
}

table tr td {
    padding : 8px 16px 8px 1px;
    color: #3B0903;
    border-bottom: 1px solid #3B0903;
    
}

.infoscreen tr td {
    font-size      : 1.3em;
}

table tr:hover td {
    background-color: rgba(211,163,131,0.1);
}

.responsiveTableContainer {
}

.responsiveTableStatic {
    border: 0px solid #ffffff !important;
    display: none;
}

/**
 * forms
 *
 *
 */
fieldset { border : none; }

legend { border : none; display : none; }

#commentFormError,
.text-danger,
.text-succsess,
#contactFormError {
    display          : none;
    color            : #E30613;
    color            : #FFFFFF;
    padding          : 16px;
    line-height      : 1.1em;
    border           : 1px solid #E30613;
    background-color : #FCEAEB;
    background-color : #E30613;
    margin           : 16px 8px;
    font-family    : 'bebas_neueregular', sans-serif;
    font-size: 1.4em;
    letter-spacing: 0.02em;
}

.text-danger,
.text-succsess,
#commentFormError {
    display : block;
}

.text-succsess {
    border           : 1px solid #0AB215;
    background-color : #0AB215;
}

form {
    padding : 0;
}

#search form {
    padding : 25px 20px;
}

form p,
form > fieldset > div.row {
    display    : inline-block;
    width      : 100%;
    padding    : 4px 8px;
    float      : left;
}

.contactFormClass_label {
    font-family    : 'bebas_neueregular', sans-serif;
    font-size      : 1.4em;
    padding        : 0;
    text-transform : uppercase;
    width          : 100%;
    letter-spacing: 0.02em;
}

.contactFormGroup div.radio,
.contactFormGroup div.checkbox {
    display    : inline-block;
    width      : 100%;
    padding    : 8px;
    float      : left;
    text-align : left;
}

div.radio,
div.checkbox {
    display       : inline-block;
    width         : 100%;
    padding       : 8px;
    float         : left;
    text-align    : left;
}

form .is_required {
    padding : 0 0 0 1%;
    color   : #E30613;
    display : none;
}

form .contact.row > label,
form .row > label {
    display        : inline-block;
    padding        : 0;
    width          : 100%;
    font-weight    : normal;
    font-family    : 'bebas_neueregular', sans-serif;
    color: #3B0903;
    text-transform : uppercase;
     font-size: 1.4em;
     vertical-align: top;
    letter-spacing: 0.02em;
}

form #captcha {
    width : 50%;
}

form label#coreCaptchaLabel {
    width       : 100%;
    font-weight : normal;
    margin      : 0 0 10px 0;
    display     : inline-block;
}

form #coreCaptchaCode {
    width          : 50%;
    vertical-align : top;
}

form #coreCaptchaImage {
    display        : inline-block;
    height         : 35px;
    max-height: 35px;
    padding        : 0;
    vertical-align : baseline;
    width          : 25% !important;
}

form #captcha {
    overflow : hidden;
    display : inline-block;
    clear    : both;
    height   : auto;
    width    : 100%;
}

form .contactFormGroup,
form .newsletterFormGroup,
form .shopFormGroup {
    display : inline-block;
    width   : 50%;
}


fieldset { border : none; }

legend { border : none; visibility : hidden; }

form .contactFormGroup label,
form .newsletterFormGroup label,
form .shopFormGroup label {
    width   : auto;
    margin  : 0 20px 0 0;
    display : inline-block;
    cursor  : pointer;
}

form .contactFormGroup label:hover {
    color : #D3A383;
}

form .contactFormGroup input,
form .radio input,
form .checkbox input,
form .newsletterFormGroup input,
form .shopFormGroup input {
    display : inline-block;
    margin  : 0 10px 0 0;
    width   : auto;
    border  : 0;
}

input,
textarea,
select {
    padding     : 8px 8px;
    border      : 1px solid #3B0903;
    border      : 1px solid #eeeeee;
    width       : 100%;
    background-color: #eeeeee;
    color: #3B0903;
}

#search input {
    border      : 1px solid #C28C68;
    border      : 1px solid #3B0903;
    border      : 1px solid #e3bba0;
    width       : 100%;
    background-color: #e3bba0;
    color      : #3B0903;
    text-transform   : uppercase;
    font-family    : 'bebas_neueregular', sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.02em;
}

footer .newsletter input{
    border      : 1px solid #d3a383;
    background-color: #d3a383;
    color      : #3B0903;
    width       : 66%;
    vertical-align: top;
    height: 36px;
}

footer .newsletter input[type="checkbox"]{
    background-color: transparent;
    width       : auto;
    vertical-align: inherit;
    height: auto;
	margin-right: 12px;
}

footer .newsletter label {
	margin-right: 24px;
	margin-top: 12px;
	cursor: pointer;
	display: inline-block;
}

footer .newsletter label:hover {
	color: #d3a383;
}


input[type="checkbox"],
input[type="radio"] {
    width : auto;
}

input[type="submit"] {
    text-decoration  : none;
    background-color : #3B0903;
    color            : #FFFFFF;
    padding          : 8px 12px;
    text-align       : center;
    width            : auto;
    min-width        : 160px;
    display          : inline-block;
    text-transform   : uppercase;
    font-family    : 'bebas_neueregular', sans-serif;
    font-size      : 1.2em;
    margin-right : 1px;
    letter-spacing: 0.02em;
    position: relative;
}

footer .newsletter input[type="submit"]{
    border      : 1px solid #C28C68;
    background-color: #C28C68;
    color      : #3B0903;
    width       : 33%;
    margin-left: 0;
    min-width  : 1px;
    height: 36px;
    vertical-align: top;
}


footer .newsletter input[type="submit"]:focus, 
footer .newsletter input[type="submit"]:hover{
    border      : 1px solid #2A0904;
    background-color: #2A0904;
    color      : #ffffff;
}

input[type="button"],
input[type="reset"] {
    display: none;
}

input[type="submit"]:before {
    background-color: #ffffff;
    color: #ff0000;
    content: "";
    height: 102%;
    position: absolute;
    right: -7px;
    top: 0;
    -webkit-transform: skew(-12deg); 
    -moz-transform: skew(-12deg); 
    -o-transform: skew(-12deg);
	transform: skew(-12deg);
    -ms-transform: skew(-12deg);   
    width: 12px;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    text-decoration  : none;
    background-color : #2a0904;
    color            : #FFFFFF;
}

input:focus,
textarea:focus,
select:focus {
    background-color : rgba(211,163,131,0.1);
    border-color : rgba(211,163,131,0.1);
}

/**
 * Modules
 *
 *
 */
#calendar .event {
    border-bottom: 1px #d0d0d0 solid;
}

#calendar .event.Intern,   
#calendar .event.intern   
{  
    /*border-bottom: 3px #d0d0d0 solid;
    display: none;   */
}


#calendar .event:nth-of-type(1) {
    padding-top: 0px;
}

#calendar.headlines .event:nth-of-type(5),
#calendar.headlines .event:nth-of-type(6),
#calendar.headlines .event:nth-of-type(7),
#calendar.headlines .event:nth-of-type(8),
#calendar.headlines .event:nth-of-type(9),
#calendar.headlines .event:nth-of-type(10),
#calendar.headlines .event:nth-of-type(11),
#calendar.headlines .event:nth-of-type(12),
#calendar.headlines .event:nth-of-type(13),
#calendar.headlines .event:nth-of-type(14),
#calendar.headlines .event:nth-of-type(15),
#calendar.headlines .event:nth-of-type(16),
#calendar.headlines .event:nth-of-type(17),
#calendar.headlines .event:nth-of-type(18),
#calendar.headlines .event:nth-of-type(19) {
    display: none;
}

.infoscreen #calendar .event:nth-of-type(7), 
.infoscreen #calendar .event:nth-of-type(8), 
.infoscreen #calendar .event:nth-of-type(9), 
.infoscreen #calendar .event:nth-of-type(10), 
.infoscreen #calendar .event:nth-of-type(11), 
.infoscreen #calendar .event:nth-of-type(12), 
.infoscreen #calendar .event:nth-of-type(13), 
.infoscreen #calendar .event:nth-of-type(14), 
.infoscreen #calendar .event:nth-of-type(15), 
.infoscreen #calendar .event:nth-of-type(16), 
.infoscreen #calendar .event:nth-of-type(17), 
.infoscreen #calendar .event:nth-of-type(18), 
.infoscreen #calendar .event:nth-of-type(19) {
    display: none;
}


.infoscreen #calendar .event:nth-of-type(1) {
    padding-top: 8px;
}

.infoscreen #calendar .event {
    min-height: 200px;
    border-bottom: 0px #d0d0d0 solid;
} 

.infoscreen #calendar .event p {
    padding-bottom: 0;
} 


.infoscreen #calendar .event figure {
    overflow: hidden;
    height: 186px;
} 

.infoscreen #calendar .event figure img{
    width: 100%;
    max-height: 169px !important;
}

.infoscreen #calendar .event time{
    font-size: 0.7em;
} 

.infoscreen #calendar .event:nth-of-type(1),
.infoscreen #calendar .event:nth-of-type(2),
.infoscreen #calendar .event:nth-of-type(5),
.infoscreen #calendar .event:nth-of-type(6) {
    background-color: #F3E6DD;
}

/*#calendar .event:last-child {
    padding-bottom: 0px;
    border-bottom: 0px #d0d0d0 solid;
}*/



#calendar .event time {
    display: none;
    color: #3b0903;
    font-family: "bebas_neueregular",sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
}

#calendar .event time .weekday,
#calendar .event time .day,
#calendar .event time .month{
    width: 100%;
    display: inline-block;
}

#calendar .event time .weekday{
    font-size: 2.2em;
    line-height: 1em;
}

#calendar .event time .day{
    font-size: 5em;
    line-height: 1em;
}

#calendar .event time .month{
    font-size: 2em;
    line-height: 1em;
}

#calendar .paging b{
    font-weight: normal !important;
}

#calendar .paging {
    text-align: center;
    color: #aeaeae;
    font-family    : 'bebas_neueregular', sans-serif;
    letter-spacing: 0.02em;
    font-weight: normal !important;
}
.image-info {
    float: right;
    position: relative;
    z-index: 995;
    padding-right: 20px;
    color: black;
    font-size: 14px;
}


#news article,
#gallery article {
    position: relative;
    overflow: hidden;
    font-size: 0.9em;
    cursor: pointer;
}

#news article figure,
#gallery article figure {
    position: relative;
    overflow: hidden;
}

#news article figure,
#gallery article figure{
    height: 220px;
}

#news article figure img,
#gallery article figure img{
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

#news article .description,
#gallery article .description {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 80%;
    height: 48%;
    overflow: hidden;
    z-index: 99;
}

#news article figure:before,
#gallery article figure:before {
    position: absolute;
    bottom: 0;
    right: -24px;
    width: 100%;
    height: 55%;
    background-color: rgba(59,9,3,0.75);
    -webkit-transform: skew(-12deg); 
    -moz-transform: skew(-12deg); 
    -o-transform: skew(-12deg);
    content: "";
    z-index: 1;
}

#gallery article.image figure:before {
    display: none;
}

#news article:hover figure:before,
#gallery article:hover figure:before {
    background-color: rgba(42,9,4,1);
}

#news article .description h4,
#gallery article .description h4,
#news article .description p,
#gallery article .description p {
    color: #ffffff;
}

#downloads h3.category,
#downloads h4.file{
    border-bottom: 1px solid #3B0903;
    margin-bottom: 0.25em;
}

#downloads h3.category:hover,
#downloads h4.file:hover {
    border-bottom: 1px solid #D3A383;
    cursor: pointer;
}

#downloads h3.category a:before {
    font-family    : 'FontAwesome', sans-serif;
    content        : "\f115\00a0";
    color          : #3B0903;
    font-size      : 1em;
    vertical-align : bottom;
}

#downloads h4.file a:before {
    font-family    : 'FontAwesome', sans-serif;
    content        : "\f016\00a0\00a0\00a0";
    content        : "\f1c1\00a0\00a0\00a0";
    color          : #3B0903;
    font-size      : 0.8em;
    vertical-align : bottom;
}

#downloads h3.category:hover a:before,
#downloads h4.file:hover a:before {
    color          : #D3A383;
}

.room-list tr {
    cursor: pointer;
}

figure.effect-apollo {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background: #3B0903 none repeat scroll 0 0;
}

.effect-apollo img {
    opacity: 0.95;
    transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1, 1, 1);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    margin-bottom: 0 !Important;
    opacity: 0.6;
}

.effect-apollo figcaption::before {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    content: "";
    height: calc(100% + 16px);
    left: 0;
    position: absolute;
    top: 0;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);
    transition: transform 0.6s ease 0s;
    width: 100%;
}

.effect-apollo p {
    border-right: 4px solid #fff;
    bottom: 0;
    margin: 3em;
    max-width: 150px;
    opacity: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    text-align: right;
    transition: opacity 0.35s ease 0s;
}

.effect-apollo h2 {
    text-align: left;
}

.effect-apollo:hover img {
    opacity: 0.6;
    opacity: 1;
    transform: scale3d(1.25, 1.25, 1);
}

.effect-apollo:hover figcaption::before {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);
}

.effect-apollo:hover p {
    opacity: 1;
    transition-delay: 0.1s;
}

/**
 ******************** media queries :: replace images for retina displays ********************
 *
 *
 */
@media only screen and (min--moz-device-pixel-ratio : 2), only screen and (-o-min-device-pixel-ratio : 2/1), only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {
}

/**
 ******************** media queries :: tablet screen view ********************
 *
 *
 */

@media only screen and (min-width : 719px) {
}
 
@media only screen and (min-width : 768px) {
    body {
        font-size : 15px;
    }

    /**
     * grid system
     *
     *
     */
    .grid-container { /* empty */ }

    #content .grid-container { overflow : hidden; }
    
    .grid-elm { clear : both; /* empty */ }
    .grid-align-1-1 { width : 100%; display : inline-block; }
    .grid-align-1-2 { width : 100%; display : inline-block; }
    footer .grid-align-1-2, #actual .grid-align-1-2 { width : 50%; display : inline-block; }
    .grid-align-1-3 { width : 33.33%; display : inline-block; }
    .grid-align-2-3 { width : 66.66%; display : inline-block; }
    .event .grid-align-2-3 { width : 50%; }
    .grid-align-1-4 { width : 50%; display : inline-block; }
    .event figure.grid-align-1-4 {width : 35%; display : inline-block; }
    .grid-align-3-4 { width : 100%; display : inline-block; }
    .grid-align-1-5 { width : 50%; display : inline-block; }
    .grid-align-2-5 { width : 50%; display : inline-block; }
    .grid-align-3-5 { width : 50%; display : inline-block; }
    .grid-align-4-5 { width : 100%; display : inline-block; }
    .grid-align-1-6 { width : 25%; display : inline-block; }
    .grid-align-5-6 { width : 100%; display : inline-block; }
    .grid-align-1-8 { width : 16.66%; display : inline-block; }
    .grid-align-3-8 { width : 50%; display : inline-block; }
    .grid-align-5-8 { width : 50%; display : inline-block; }
    .grid-align-7-8 { width : 100%; display : inline-block; }
    time.grid-align-1-12 { width : 15%; display : inline-block; }

    

    #text .employee.grid-align-1-4 { width : 49.5% }
    
    /**
     * globals
     *
     *
     */
    .show-on-phone,
    .show-on-screen {
        display : none;
    }

    .show-on-tablet {
        display : inline-block;
    }

    /**
     * layout
     *
     *
     */
    
    #intro {
        height: 300px;
    }
    
     
    

    /**
     * containers
     *
     *
     */ 
    #eyecatcher article.area::before,
    #eyecatcher #slider .slide::before,
    #intro #slider::before{
        background: -moz-radial-gradient(center, ellipse cover,  rgba(1,1,1,0.5) 0%, rgba(128,128,128,0) 65%, rgba(255,255,255,0) 100%);
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,1,1,0.5) 0%,rgba(128,128,128,0) 65%,rgba(255,255,255,0) 100%);
        background: radial-gradient(ellipse at center,  rgba(1,1,1,0.5) 0%,rgba(128,128,128,0) 65%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80010101', endColorstr='#00ffffff',GradientType=1 );
    }
    
    #intro .slogan{
        top: 70px;
    }

    #eyecatcher #pager {
        display: inline-block;
    }
      
    #eyecatcher article.area .slogan hr,
    #intro .slogan hr {
        height           : 4px;
        margin: 16px auto;
    }               

    #eyecatcher article.area .slogan h2 {        
        font-size: 5em;        
    }

    #intro .slogan h1{      
        font-size: 5em;     
    }

    #eyecatcher article.area .slogan p,
    #intro .slogan p{                                      
        font-size: 1.75em;  
    }             

    /**
     * icons
     *
     *
     */  
    #open-lang {
        display: inline-block;
    }
    
    #lang-mobile {
        display: none;
    }
         
    /**
     * navigation
     *
     *
     */
     
    /**
     * elements / fonts
     *
     *
     */
    
    h2 {
        font-size      : 3.2em;
    }
    
    h3 {
        font-size      : 2.2em;
    }
    
    a.button {
        min-width        : 160px;
    }
    
    p.lead {
        font-size      : 1.3em;
    }

    /**
     * forms
     *
     *
     */
    form .contact.row > label,
    form .row > label {
        width          : 33%;
    }
    
    input,
    textarea,
    select {
        width       : 66%;
    }
    
    form #coreCaptchaImage {
        height         : 37px;
        max-height: 37px;
    }

    form #captcha {
        width    : 66%;
    }
    
    input[type="submit"] {
        margin-left: calc(33% + 3px);
    }
}

/**
 ******************** media queries :: maximal screen view ********************
 *
 *
 */

@media only screen and (min-width : 1024px) {
    body {
        font-size : 16px;
    }

    /**
     * grid system
     *
     *
     */
    .grid-container { margin : 0 auto; }

    .grid-container.full { max-width : 100%; margin : 0 0; }
    
    .grid-elm { /* empty */ }
    .grid-align-1-1 { width : 100%; display : inline-block; }
    .grid-align-1-2 { width : 50%; display : inline-block; }
    .grid-align-1-3 { width : 33.33%; display : inline-block; }
    .grid-align-2-3, .event .grid-align-2-3  { width : 66.66%; display : inline-block; }
    .grid-align-1-4, .event figure.grid-align-1-4 { width : 25%; display : inline-block; }
    .grid-align-3-4 { width : 75%; display : inline-block; }
    .grid-align-1-6 { width : 16.66%; display : inline-block; }
    .grid-align-1-5 { width : 20%; display : inline-block;  }
    .grid-align-2-5 { width : 40%; display : inline-block;  }
    .grid-align-3-5 { width : 60%; display : inline-block; }
    .grid-align-4-5 { width : 80%; display : inline-block; }
    .grid-align-5-6 { width : 83.33%; display : inline-block; }
    .grid-align-1-8 { width : 12.5%; display : inline-block; }
    .grid-align-3-8 { width : 37.5%; display : inline-block; }
    .grid-align-5-8 { width : 62.5%; display : inline-block; }
    .grid-align-7-8 { width : 87.5%; display : inline-block; }
    .grid-align-1-12, time.grid-align-1-12 { width : 8.33%; display : inline-block; }
    
    #text > .grid-align-1-2:nth-of-type(odd) { clear : both; }

    #text > .grid-align-1-2:nth-of-type(even) { float : right; }

    .infoscreen .grid-align-1-2 { 
        width : 49.66%; 
        display : inline-block; 
        vertical-align: middle;
    }
    
    #text .employee.grid-align-1-4 { width : 24.5% }

    /**
     * globals
     *
     *
     */
    .show-on-phone,
    .show-on-screen {
        display : none;
    }

    .show-on-tablet {
        display : inline-block;
    }

    /**
     * layout
     *
     *
     */
    #eyecatcher {        
        margin-top: 0;  
        height: 100%;
    }
    
    #intro {
        height: 400px;        
        margin-top: 0;  
    }
     
     
    /**
     * containers
     *
     *
     */
    #logo-fixed {
        display: block;
        height: 75px;
        width: 100%;
        right: 0;               
        background-color: rgba(59, 9, 3, 0.5);  
    }
    
    #search,
    #contact,
    #lang {
        padding-top: 75px;
    }
    
    #eyecatcher article.area::before,
    #eyecatcher #slider .slide::before,
    #intro #slider::before{
        background: -moz-radial-gradient(center, ellipse cover,  rgba(1,1,1,0.5) 0%, rgba(128,128,128,0) 50%, rgba(255,255,255,0) 100%);
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,1,1,0.5) 0%,rgba(128,128,128,0) 50%,rgba(255,255,255,0) 100%);
        background: radial-gradient(ellipse at center,  rgba(1,1,1,0.5) 0%,rgba(128,128,128,0) 50%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80010101', endColorstr='#00ffffff',GradientType=1 );
    }
    
    #intro .slogan{
        top: 110px;
    }
    
    #calendar .event time .weekday{
        font-size: 2.4em;
    }

    #calendar .event time .day{
        font-size: 5.3em;
    }

    #calendar .event time .month{
        font-size: 2.2em;
    }
  
    /**
     * icons
     *
     *
     */
    .function {                     
        font-size: 25px !important;
        padding: 25px 20px;           
        width: 67px;
    }  
    
    /**
     * navigation
     *
     *
     */
    nav#main {
        padding-top: 75px;
    }
    
    nav#sub,
    nav#sub.hide_subnavbar {
        display : none;
    }
    
    nav#sub.show_level_1-2,
    nav#sub.show_level_2,
    nav#sub.show_level_2-3,
    nav#sub.show_level_3 {
        display : inline-block;
        width: 100%;
    }
    
    nav#sub ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display : inline-block;
        background-image: url(../img/subnavbar_bg.gif);
        background-position: bottom;
        background-repeat: repeat-x;
    }
    
    nav#sub > ul {
        width: 100%;
        text-align: center;
    }
    
    nav#sub ul.menu {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    nav#sub ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        display : inline-block;
        width: auto !important;
    }
    
    nav#sub ul li a {
        display : inline-block;
        padding: 8px 12px;
        color: #D3A383;
        color: #ffffff;
        background-color: #3B0903;
        margin-right: 1px;
        font-family: "bebas_neueregular",sans-serif;
        letter-spacing: 0.02em;
        font-size: 1.1em;
        width: auto !important;
    }
    
    nav#sub ul li a:hover {
        cursor: pointer;
        background-color: #2A0904;
    }
    
    nav#sub.show_level_1-2 ul li a.starter_active,
    nav#sub.show_level_2 li.level-2 a.active,
    nav#sub.show_level_2-3 li.level-2 a.active,
    nav#sub.show_level_3 li.level-3 a.active {
        background-color: #ffffff;
        color: #3B0903;
        border-color: #3B0903;
        border-top: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
    }
    
    nav#sub ul li:before {
        content: " ";
    }
    
    nav#sub.show_level_1-2 li.level-3{
        display : none;
    }
  
    nav#sub.show_level_1-2 a.level-1,
    nav#sub.show_level_2 a.level-1,
    nav#sub.show_level_2 li.level-3,
    nav#sub.show_level_2-3 a.level-1,
    nav#sub.show_level_2-3 a.level-2,
    nav#sub.show_level_2-3 li.level-2.inactive,
    nav#sub.show_level_3 a.level-1,
    nav#sub.show_level_3 li.level-2.inactive,
    nav#sub.show_level_3 a.level-2{
        display : none;
    }
    
    nav#sub.show_level_2 li.level-3{
        display : none;
    }
    
 /*   nav#sub ul li.level-2.active {
        display : inline-block;
    }*/
    

             
    /**
     * elements / fonts
     *
     *
     */
    
    h2 {
        font-size      : 3.7em;
    }
    
    h3 {
        font-size      : 2.4em;
    }
    
    p.lead {
        font-size      : 1.4em;
    }

    /**
     * forms
     *
     *
     */
     
    form .contact.row > label,
    form .row > label {
        width          : 25%;
    }
    
    input,
    textarea,
    select {
        width       : 50%;
    }    
    
    form #coreCaptchaImage {
        height         : 38px;
        max-height: 38px;
    }

    form #captcha {
        width    : 50%;
    }
    
    input[type="submit"] {
        margin-left: calc(25% + 3px);
    }
    
    footer .newsletter input{
        width       : 50%;
    }
    
    footer .newsletter input[type="submit"]{
        width       : 25%;
    }
  }


/**
 ******************** media queries :: maximal screen view ********************
 *
 *
 */
@media only screen and (min-width : 1140px) {
   
}
 
@media only screen and (min-width : 1142px) {
    
}

@media only screen and (min-width : 1281px) {
    .grid-container { margin : 0 auto; max-width : 1140px;}
    
    /**
     * layout
     *
     *
     */
     
    /**
     * containers
     *
     *
     */
    #intro {
        height: 500px;
    }
    
    #eyecatcher article.area .slogan h2 {        
        font-size: 6em;        
    }
    
    #intro .slogan{
        top: 140px;
    }

    #intro .slogan h1{      
        font-size: 6em;     
    }

    #eyecatcher article.area .slogan p,
    #intro .slogan p{                                      
        font-size: 2em;  
    } 
    
    
    #logo-fixed,
    #logo-actual {        
        height: 179px;
        width: 349px;
        bottom: 0 !important; 
        top: auto; 
        background-color: rgba(59, 9, 3, 0);        
    }  
    
    #search,
    #contact,
    #lang {
        width: 268px;
        width: 335px;
    }
    
    #calendar .event time .weekday{
        font-size: 2.6em;
    }

    #calendar .event time .day{
        font-size: 6em;
    }

    #calendar .event time .month{
        font-size: 2.4em;
    }
  
    /**
     * icons
     *
     *
     */ 
     
    /**
     * navigation
     *
     *
     */
    nav#main {
        width: 268px;
        width: 335px;
         overflow:visible;
    }
    
    nav#main ul li a{
        width: 100%;
    }
    
    nav#main ul li.level-1 .fa,
    nav#main ul li.level-2 .fa{
        position: absolute;
        width: auto;
        text-align: right;
        padding: 25px 20px 25px 0px;
        display: block;
    }
    
    nav#main li.level-1 > ul {
        display: none;
        position: absolute;
        top: 0px;
        left: 268px;                              
        left: 335px;                             
        width: 268px;           
    }
    
    

    nav#main ul li:hover {
        background-color: #c28c68;
        text-decoration: none;
    }

    nav#main li.level-1:hover > ul,
    nav#main li.level-1:focus > ul {
        display: block;
    }
    
    nav#main ul li.level-2,
    nav#main ul li.level-3{
        padding: 0;
        margin: 0;
        font-size: 1em;
        font-weight: 100;
        border-top: 0px solid #e3bba0;
        border-bottom: 1px solid #e3bba0;
        letter-spacing: 0.02em;
        border-left: 1px solid #e3bba0;   
    }
    
    nav#main ul li.level-2 a,
    nav#main ul li.level-3 a{
        padding: 25px 20px; 
    }

    nav#main ul li.level-2.active,
    nav#main ul li.level-3.active{
        border-left: 1px solid #56241e;   
    }

    nav#main li.level-2 > ul {
        display: none;
        position: absolute;
        top: 0px;
        left: 267px;
        width: 268px;         
    }

    nav#main li.level-2:hover > ul,
    nav#main li.level-2:focus > ul {
        display: block;
    }


    /**
     * elements / fonts
     *
     *
     */

    /**
     * forms
     *
     *
     */     
}

@media only screen and (min-width : 1360px) {
  
}


@media only screen and (min-width : 1700px) {
  
} 

/*
 ******************** 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 : "";
     }*/

    body {
        background-color: #ffffff;
    }

    header,
    header.fixed {
        position: relative !important;
        top: 0;
        width: 100%;
        background-color: #ffffff !important;
        height: 50px;
    }

    #support,
    #contact,
    #offer,
    #intro,
    #open-mobile-navigation,
    #close-mobile-navigation,
    nav#mobile,
    #xmasbutton,
    footer,
    #stellenbutton {
        display: none !important;
    }

    article.logo,
    article.service,
    article.employee,
    article.reference {
        border-bottom: 1px solid #ffffff;
        opacity: 1 !important;
    }

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

    thead {
        display : table-header-group;
    }

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

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

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

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

    table { page-break-after : auto }

    tr { page-break-inside : avoid; page-break-after : auto }

    td { page-break-inside : avoid; page-break-after : auto }

    thead { display : table-header-group }

    tfoot { display : table-footer-group }

    div { page-break-inside : auto; page-break-after : auto }

    header { page-break-after : auto }

    section { page-break-inside : auto; page-break-after : auto }

    footer { page-break-inside : auto; page-break-after : auto }

    ul { page-break-inside : auto; page-break-after : auto }
}

@page {
    margin : 1.5cm;
}
.events #intro .slogan {
    top: auto;
    bottom: 100px;
    display: none !important;
}

.show_level_2-3 #intro .slogan{
    display: none;
}