/*
    MAIN BANNER SPACER
*/
#mainBannerHeightSpacer{
    position: relative;
    width: 100%;
}
.MOBILE #mainBannerHeightSpacer{ display: none }

/*
   PAGE
*/
#page{
    position: relative;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 50px;
    padding-top: 220px;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}
#page.loading:before{
    content: "";
    position: absolute;
    width: 227px;
    height: 57px;
    top: 165px;
    left: 0;
    right: 0;
    display: block;
    background: url("../images/PPPPPPP.gif") no-repeat center center;
    z-index: 10;
    margin: auto;
}
.MOBILE #page{
    padding-bottom: 50px;
    padding-top: 30px;
}
.MOBILE #page.loading:before{
    top: -13px;
}
.IFRAME #page{
    padding-top: 5%;
    padding-bottom: 5%;
}



/*
   FOOTER
*/
#footer{
    position: relative;
    margin-left: 5%;
    margin-right: 5%;
    border-top: #000000 1px solid;
    text-transform: uppercase;
    font-family: 'FreeSans';
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    line-height: 16px;
    color: #000000;
    padding: 20px 10px 20px 10px;
    min-height: 50px;
    display: none;
    -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between;
    -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start;
}
.INITIALIZED #footer{
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.OFF #footer{
    border-top: #ffffff 1px solid;
    color: #ffffff;
}
.MOBILEAPP #footer{ display: none; }
.IFRAME #footer{ display: none; }
.MOBILE #footer{
    padding: 70px 10px 20px 10px;
}

/* LEFT SIDE */
#footer .left-side{
    position: relative;
    padding-left: 70px;
}
#footer .left-side img{
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
}

/* MIDDLE SIDE */
#footer .middle-side{
    position: relative;
    text-align: center;
}
.MOBILE #footer .middle-side{
    position: absolute;
    top: 20px;
    left: 10px;
    text-align: left;
}

/* RIGHT SIDE */
#footer .right-side{
    position: relative;
    text-align: right;
}

#footer .right-side .label{
}

#footer .right-side .links{
    padding: 10px 0 0 0;
}

#footer .right-side .links img{
    height: 35px;
    width: 103px;
    margin: 0 0 0 10px;
}

/*
   LAYOUTS
*/
.layout{
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* TWO COLUMNS */
.layout.twoColumns{ }
.layout.twoColumns.moreToLeft{ }

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

.layout.twoColumns .column{
    position: relative;
    top: 0;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 47%;
}
.layout.twoColumns .column.left { float: left; }
.layout.twoColumns .column.right{ float: right; }
.layout.twoColumns.moreToLeft .column.left { width: 25%; }
.layout.twoColumns.moreToLeft .column.right { width: 65%; }

/* TWO COLUMNS - MOBILE */
.MOBILE .layout.twoColumns .column{ width: 100%; float: none; }

/* THREE COLUMNS */
.layout.threeColumns{ }
.layout.threeColumns.extraLayout{ text-align: center }

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

.layout.threeColumns .column{
    position: relative;
    top: 0;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 24%;
}
.layout.threeColumns .column.left  { float: left; }
.layout.threeColumns .column.center{ float: left; margin-left: 14%; }
.layout.threeColumns .column.right { float: right; }
.layout.threeColumns.extraLayout .column{ margin-left: auto; margin-right: auto }

/* THREE COLUMNS - MOBILE */
.MOBILE .layout.threeColumns .column{ width: 100%; float: none; margin-left: 0; margin-bottom: 60px }



/*
   INDEX
*/
.MOBILE #page.index{ padding-top: 55px }

#page.index .homepageTopInfo .column.left .awardBanner{ display: none; }
.MOBILE #page.index .homepageTopInfo .column.left .awardBanner{
    display: inline-block;
    width: 100%;
    margin-bottom: 24px;
}



/*
   HISTORIE
*/
#page.historie{ }

.MOBILE #page.historie .scrollToButtonSpacer,
.MOBILE #page.historie .scrollToButton{ display: none; }


/*
   KONTAKT
*/
#page.kontakt{ }

#page.kontakt .photo{
    max-width: 300px;
    max-height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
#page.kontakt .photo:after{
    content: "";
    display: block;
    position: relative;
    padding-top: 100%;
}