/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 07.10.2016, 11:14:09
    Author     : stadlerc
*/

/** Font Definitionen **/
@font-face {
    font-family: 'enerwa-icon';
    src: url("/enerwa/javax.faces.resource/fonts/enerwa-icon.eot.xhtml?ln=iww-layout");
    src:  url("") format('embedded-opentype'),
        url("/enerwa/javax.faces.resource/fonts/enerwa-icon.ttf.xhtml?ln=iww-layout") format('truetype'),
        url("/enerwa/javax.faces.resource/fonts/enerwa-icon.woff.xhtml?ln=iww-layout") format('woff');
    font-weight: normal;
    font-style: normal;
}

.iww-icons {
    font-family: 'enerwa-icon';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga'; 
}

.iww-icon-buch:before {
    content: "\e900";
}
.iww-icon-druck:before {
    content: "\e901";
}
.iww-icon-home:before {
    content: "\e902";
}
.iww-icon-regler:before {
    content: "\e903";
}
.iww-icon-staudamm:before {
    content: "\e904";
}

/** Allgemein **/
.no-padding {
    padding: 0rem;
}

.no-padding-important {
    padding: 0rem !important;
}

.no-margin-top-bottom {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.no-shadow {
    box-shadow: 0rem 0rem 0rem 0rem #fff !important;
}

.no-border {
    border: 0rem !important;
}

.no-height {
    line-height: 0px !important;
    font-size: 0px !important;
}

.standard-padding {
    padding: 8px 14px !important;
}

.padding-top-07 {
    padding-top: 0.7rem;
}

.padding-left-03 {
    padding-left: 0.3rem;
}
.margin-right-03 {
    margin-right: 0.3rem;
}

/** Hintergrundfarben **/
.enerwa-blue {
    background-color: #32458f;
}
.enerwa-middle-blue {
    background-color: rgb(69,107,165);
}
.enerwa-middle-blue-important {
    background-color: rgb(69,107,165) !important;
}
.enerwa-light-blue {
    background-color: rgb(90,161,207);
}
.enerwa-orange {
    background-color: #f49722;
}
.enerwa-light-orange {
    background-color: #facc92;
}
.enerwa-white {
    background-color: white;
}

/** Farben **/
.orange {
    color: #f49722;
}
.orange-red {
    color: rgb(211, 105, 27);
}
.blue {
    color: #32458f;
}
.middle-blue {
    color: rgb(69,107,165);
}
.light-blue {
    color: rgb(90,161,207);
}
.yellow {
    color: #f4cc22;
}
.red {
    color: #d50000;
}
.green {
    color: #00c853;
}
.white {
    color: white;
}

/** Fonts Formatierungen **/
.dyn-font-size-small {
    font-size: 0.6rem;
}

.dyn-font-size-regular {
    font-size: 1rem;
}
.dyn-font-size-regular-plus {
    font-size: 1.1rem;
}

/** Steps **/
.ui-steps .ui-steps-item .ui-menuitem-link {
    padding-left: 1em !important;
}

/** Tabs **/
.ui-tabs-panel {
    padding: 0rem !important;
}

/** Panel **/
.ui-panel-content {
    padding: 0rem !important;
}

/** Toolbar **/
body .ui-toolbar {
    background-color: rgb(69,107,165);
}

/** Topbar **/
.logo {
    background: none !important;
}

.logo-topbar-enerwa {  
    height: 2.55rem;
    width: 26.8rem;
}

.topbar-left {
    background: none !important;
}

/** Footer **/
.info-text-footer {
    color: #757575;
}

.info-link-footer {
    color: #757575;
}

.info-link-footer:hover {
    color: rgb(211, 105, 27);
}

.info-link-footer:link {
    color: #757575;
    text-align: left;
}

/** Landing Page **/
#landing-page-slogan-area {
    position: absolute; 
    top: 50%; 
    transform: translateY(-50%); 
    padding: 0.5rem;
}

.landing-page-slogan-area-font-big {
    font-size: 2.9rem;   
}

.landing-page-slogan-area-font-regular {
    font-size: 2.5rem;   
}

.landing-wrapper #features .feature-icon i {
    margin-top: 0.9rem;
    font-size: 4.5rem;;
}

.landing-page-logo {
    background: url("/enerwa/javax.faces.resource/images/pipeline.jpg.xhtml?ln=iww-layout") !important; 
    background-repeat:  no-repeat !important;
    background-size: cover !important;
    background-position: center center !important; 
    border-bottom: 0.5rem solid rgb(211, 105, 27);
}

.landing-wrapper #header {
    min-height: 70rem;
}

.landing-wrapper #header .header-content {
    text-align: center;
}

.landing-wrapper #features .feature-icon:hover {
    background-color: #f49722;
}

.landing-wrapper #promotion {
    background: url("/enerwa/javax.faces.resource/images/staudamm.jpg.xhtml?ln=iww-layout") !important; 
    background-repeat:  no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: #f49722 !important;
    border-top: 0.5rem solid #f49722;
    border-bottom: 0.5rem solid rgb(211, 105, 27);
}

.landing-wrapper #fillspace {
    min-height: 5rem;  
}

.layout-wrapper.menu-layout-horizontal .layout-menu {
    border-top: 0.4rem solid rgb(211, 105, 27);
}

.layout-wrapper .topbar .topbar-left {
    width: 280px !important;
}

.layout-wrapper .layout-menu {
    width: 280px;
}

@media all and (max-width: 1024px) {
    .layout-wrapper.menu-layout-static .layout-menu {
        margin-left: -295px;
    }
    .layout-wrapper .topbar .topbar-left {
        /** background-color: #f7b664 !important; **/
        border-right: 1px dotted rgb(211, 105, 27);
        box-shadow: none;
    }
    .layout-wrapper .topbar .topbar-right #topbar-menu-button {
        color: rgb(211, 105, 27);
    }
}