/**
* OnePager Template CSS
*
* CSS Settings für das OnePager Template (nur wenn offeriert).
* Via template.ts-const kann dies aktiviert werden.
*
* @copyright       Copyright 2015, .hausformat
* @link            http://www.hausformat.com
*/

@media all {

    /*-------------------------------------------------------------------------*/
    /*  Layout-Ausrichtung */

    section.section-wrapper {
        padding-top: 2.882em;
        display: block;
        overflow: hidden;
    }

    /*  ce-text & ce-header: Breite beschränken und weitere Anpassungen */
    section.section-wrapper > .ym-wrapper > .ce-header,
    section.section-wrapper > .ym-wrapper > .ce-text {
        max-width: 770px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto 3.176em;
        text-align: center;
    }


    /*-------------------------------------------------------------------------*/
    /*  Farb-Definitionen für Sektionen (page-layout) */

    /*  Label: Weiss */
    section.section-wrapper.layout-0,
    section.section-wrapper.layout-4 {
        background: transparent;
    }

    /*  Label: Grau */
    section.section-wrapper.layout-5 {
        background: #F0EDE1;
    }

    /*  Label: Kundenfarbe */
    section.section-wrapper.layout-6 {
        background: #E5E5BB;
    }

    section.section-wrapper.layout-6 h1,
    section.section-wrapper.layout-6 h2,
    section.section-wrapper.layout-6 h3,
    section.section-wrapper.layout-6 h4,
    section.section-wrapper.layout-6 h5,
    section.section-wrapper.layout-6 h6,
    section.section-wrapper.layout-6 p {
        color: #706E4C;
    }

    section.section-wrapper.layout-6 a {
        color: #333;
        /*color: rgba(68, 68, 68, 0.68);*/
    }

    section.section-wrapper.layout-6 a:active,
    section.section-wrapper.layout-6 a:hover,
    section.section-wrapper.layout-6 a:focus {
        color: #FFF; /*BRANDCOLOR*/
        text-decoration: none;
        border-bottom: 2px solid #333;
    }

    section.section-wrapper.layout-6 a.internal-link-button,
    section.section-wrapper.layout-6 a.external-link-button,
    section.section-wrapper.layout-6 a.button-link {
        color: #FFF;
        border: none;
        background: rgba(68, 68, 68, .6);
    }

    section.section-wrapper.layout-6 a.external-link-button:active,
    section.section-wrapper.layout-6 a.external-link-button:hover,
    section.section-wrapper.layout-6 a.external-link-button:focus,
    section.section-wrapper.layout-6 a.internal-link-button:active,
    section.section-wrapper.layout-6 a.internal-link-button:hover,
    section.section-wrapper.layout-6 a.internal-link-button:focus,
    section.section-wrapper.layout-6 a.button-link:active,
    section.section-wrapper.layout-6 a.button-link:hover,
    section.section-wrapper.layout-6 a.button-link:focus {
        color: #FFF;
        text-decoration: none;
        border: none; /*BRANDCOLOR*/
        background: #333; /*BRANDCOLOR*/
    }


    /*-------------------------------------------------------------------------*/
    /* Horizontale Liste / Onepagernav */

    #onepagernav {
        margin: 73px 10px 0;
        overflow: hidden;
        float: right;
    }

    #onepagernav.ym-hlist ul {
        float: right;
        margin: 0;
        overflow: hidden;
    }

    #onepagernav.ym-hlist > ul > li {
        margin: 0;
        padding: 0;
        float: left;
        list-style-type: none;
    }

    #onepagernav.ym-hlist > ul > li > a {
        padding: 10px;
        color: #000;
        display: block;
        border-bottom: none;
        text-transform: uppercase;
    }

    #onepagernav.ym-hlist > ul > li:focus > a,
    #onepagernav.ym-hlist > ul > li:hover > a,
    #onepagernav.ym-hlist > ul > li:active > a,
    #onepagernav.ym-hlist > ul > li.active > a {
        color: #D6102B; /*BRANDCOLOR*/
        border-bottom: none;
        text-decoration: none;
    }


    /*-------------------------------------------------------------------------*/
    /* Mobile Nav für OnePager ausschalten */
    #mobile-nav {
        display: none !important;
    }


}