:root {
    --noventi-color-orange:  #E95E27;
    --noventi-color-violett: #C7348B;
    --noventi-color-berry:   #5C0E6B;

    --noventi-gradient: linear-gradient(
            90deg, rgb(233, 94, 39) 0%, rgb(199, 52, 135) 25%, rgb(199, 52, 135) 85%, rgb(133, 30, 119) 100%
    );
}



// Projektkonfiguration
@import "website-configuration";

/*********************************************************/
// Foundation
/*********************************************************/
@import 'foundation';

// Global styles
@include foundation-global-styles;
//@include foundation-forms;
//@include foundation-typography;
@include foundation-visibility-classes;
//@include foundation-xy-grid-classes;

// Generic components
@include foundation-button;
//@include foundation-button-group;
//@include foundation-close-button;
//@include foundation-label;
//@include foundation-progress-bar;
//@include foundation-slider;
//@include foundation-switch;
//@include foundation-table;

// Basic components
@include foundation-badge;
//@include foundation-breadcrumbs;
//@include foundation-callout;
//@include foundation-card;
//@include foundation-dropdown;
//@include foundation-pagination;
//@include foundation-tooltip;

//// Containers
@include foundation-accordion;
//@include foundation-media-object;
//@include foundation-orbit;
//@include foundation-responsive-embed;
//@include foundation-tabs;
//@include foundation-thumbnail;

// Menu-based containers
//@include foundation-menu;
//@include foundation-menu-icon;
//@include foundation-accordion-menu;
//@include foundation-drilldown-menu;
//@include foundation-dropdown-menu;

// Layout components
//@include foundation-off-canvas;
//@include foundation-reveal;
//@include foundation-sticky;
//@include foundation-title-bar;
//@include foundation-top-bar;

// @include foundation-grid;

// Globaler bootstrap
@import "bootstrap";

// Helfer wie functions, mixins importieren;
//@import "Utilities/sprites";
@import "Utilities/placeholders";

// Vendor overrides Partial importieren
//@import "Vendor/FontAwesome/font-awesome";
@import "Vendor/IconFont/style";
@import "Vendor/magnific-popup";

@import "Partials/Structure/base";
@import "Partials/Structure/header";
@import "Partials/Structure/toggleNav";
@import "Partials/Structure/topnav";
@import "Partials/Structure/mainnav";
@import "Partials/Structure/menu-boxes";
@import "Partials/Structure/keyVisual";
@import "Partials/Structure/breadcrumb";
@import "Partials/Structure/footer";
@import "Partials/Structure/footernav";
@import "Partials/Structure/grid";

@import "Partials/Content/contentStyles";
@import "Partials/Content/forms";
@import "Partials/Content/contactbox";
@import "Partials/Content/awintaBox";
@import "Partials/Content/textmedia";
@import "Partials/Content/uploads";
@import "Partials/Content/gallery";
@import "Partials/Content/coloredBG";
@import "Partials/Content/icontext";
@import "Partials/Content/content";
@import "Partials/Content/matrix";

@import "Partials/Extensions/cookieBar";


@import "Vendor/flexslider";
@import "Vendor/Overrides/flexslider";
@import "Vendor/Overrides/jquery-ui";

@import "Partials/Extensions/news";
@import "Partials/Extensions/feLogin";
@import "Partials/Extensions/awinta_contacts";
@import "Partials/Extensions/indexedsearch";

@import "Utilities/iconfont";
@import "Partials/Extensions/azh_services";

@import "CustomContentElements/timeline";


/*Group Footer*/
#group-footer {
    clear: both;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 40px;
}


#group-footer a {
    text-decoration: none;
    color: #8c8c8c;

    &:hover {
        text-decoration: none;
        color: #e5290e;
    }

    &:after {
        display: none;
    }
}

#group-footer .group-footer-wrap {
    border-top: solid rgba(36, 61, 81, 0.2) 2px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

#group-footer .leftCol,
#group-footer .rightCol {
    width: 50%;
    float: left;
}

#group-footer ul {
    list-style-type: none;
    text-align: center;
    display: inline-block;
    padding: 0;
    margin: 0;
}

#group-footer ul > li {
    position: relative;
    display: inline-block;
    padding-top: 0;
    padding-left: 10px;
    padding-bottom: 0;
    padding-right: 10px;
}

#group-footer ul > li:last-child {
    padding-right: 0;
}

#group-footer ul > li:before,
#group-footer .leftCol a:before {
    font-size: 12px;
    content: "|";
    position: absolute;
    top: -1px;
    left: 0;
}

#group-footer .leftCol a:before {
    top: 1px;
}

#group-footer ul > li:first-child:before {
    display: none;
}

#group-footer .rightCol ul {
    float: right;
}

#group-footer .leftCol a {
    position: relative;
    padding-left: 12px;
    margin-left: 10px;
}

#group-footer #group-footer-logo img {
    width: 100%;
}

#group-footer #group-footer-logo a {
    display: block;
}

#group-footer #group-footer-logo {
    position: absolute;
    background-color: #fff;
    width: 148px;
    left: 46.2%;
    top: -33px;
    padding: 20px;
}

@media only screen and (max-width: 768px) {
    #group-footer .leftCol {
        display: none;
    }
    #group-footer .rightCol {
        float: right;
        margin-right: 10px;
    }
    #group-footer ul > li {
        display: block;
        padding: 0;
        text-align: left;
        padding-right: 4px;
    }
    #group-footer ul > li:before {
        display: none;
    }
    #group-footer-logo {
        top: 10px !important;
        left: 0 !important;

        width: 120px !important;
        padding: 0px !important;
        padding-top: 10px !important;
    }
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 768px) {
    #group-footer #group-footer-logo {
        top: 0;
        left: -9px;
        width: 106px;
        height: 120px;
    }
}

/* page width 100% begin */
#group-footer {
    max-width:1200px;
}
#pageWrapper {
    max-width:100%;
    max-width:2340px; /* only to max width eg for slider Image*/
}
/* page width 100% end*/

.frame-type-powermail_pi1 {
    header {
        max-width: 1160px;
        padding: 0 20px;
        margin: 0 auto;
        position: relative;
    }
}