/*
++ GIT: 6_microsite_html5/websites/microsite-hella-hengst/styles.scss
++ 2022-01-24 14:11 [7a93f0c] Zdenek Klug - Update CSS for Microsites HTML5
++ 2022-01-24 10:50 [507779b] Zdenek Klug - Update CSS for Microsite HTML5
++ 2022-01-24 07:49 [8f6a91c] Zdenek Klug - Update CSS for Microsites HTML - redesign
++ 2017-10-05 08:09 [fd755cb] Zdenek Klug - Fix CSS for MICROSITE-HELLA-HENGST
++ 2017-10-04 14:39 [0af5ad4] Zdenek Klug - Fix CSS for MICROSITE-HELLA-HENGST project...
++ 2017-10-04 12:53 [55f8acc] Zdenek Klug - New CSS, JS for project MICROSITE-HELLA-HENGST
*/
@import "30c0d519-708f-4a07-93d7-2d6b5aacb8e1";

$hella-hengst-blue:    #0F2364;
$hella-hengst-yellow:  #F8C400;

html {
    
    a, a:link, a:visited {
        color: $hella-hengst-yellow;
        
        &:hover, &:active {  color: $hella-hengst-yellow !important; }
    }
    
    h1, h2, h3, h4 {
        color: $hella-hengst-blue !important;
    }
    
    @media (min-width: 769px){
        #navbar {
            padding-left: 15em;
        }
    }
    
    form {
        
        color: $hella-hengst-blue;
        
        .submit_button {
            
            a, a:hover {
                background-color: $hella-hengst-blue !important;
                color: $hella-hengst-yellow !important;
            }
            
        }
        
    }
    
    .headline {
        
        color: $hella-hengst-blue !important;
    }
    
    #box {
        
        footer {
            a {
                color: $hella-hengst-blue;
                
                &:hover {
                    color: $hella-hengst-yellow;
                } 
            }
        }

        #container {
            
            .siteSearch {
                display: none;
            }
            
            
            #headerStrip, #mainNavigation, #wraper {
                background: none;
                background-color: transparent;
            }
            
            .navbar {
                
                ul.nav {
                        
                    li.navLink {
                        
                        & > a {                        
                            color: $hella-hengst-blue;
                        }

                        &.active {
                            & > a {
                                color: $hella-hengst-yellow;
                            }
                        }
                    }
                    
                }
                
            }
            
            #navbar {
                
                ul.level1 {
                    li {
                        & > a {
                            
                            &.active { color: $hella-hengst-yellow !important; }

                            &:hover { color: $hella-hengst-yellow !important; }
                        }
                        
                        ul.level2 {
                            margin-top: -4px;
                            
                            li > a {
                                color: $hella-color-dark !important;

                                &.active { color: $hella-hengst-yellow !important; }
                                
                                &:hover { color: $hella-hengst-yellow !important; }
                            }
                        }
                    }
                }
                
                #arrow {
                    background: none;
                    margin-left: 104px;
                    margin-top: 2px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 20px 55px 0 55px;
                    border-color: $hella-hengst-yellow transparent transparent transparent;
                }
            }
            
            #tools-centred {
                border-bottom: 0;
            }
            
            .wrapper, .wraper-home {
                
                .module_PrivacyPolicyTerms.emptypage a:hover {
                    
                    color: $hella-hengst-yellow !important;
                    

                }
                
                .module_Sitemap {
                    
                    #tools {
                        
                        .headlineTools {
                            color: $hella-hengst-blue;
                        }
                        
                    }
                    
                    a {
                        color: $hella-hengst-blue;

                        &:hover {
                            color: $hella-hengst-yellow;     
                        }
                    }
                }
                
                .breadcrumbNav {
                    
                    a {
                        color: $hella-hengst-blue;
                    }

                    a:last-of-type {
                        color: $hella-hengst-yellow !important; 
                    }
                }
                
                .topic, p, li {
                    color: $hella-hengst-blue !important;
                }
                
                .singleModule {
                    
                    .panel-heading {
                       h3 {
                           &:after {
                               color: $hella-hengst-yellow;
                           }
                        }
                        &.collapsed {
                            h3 {
                                &:after {
                                   color: $hella-hengst-blue;
                                }
                            }
                        }
                    }
                    
                    
                }
                
                #right-side {

                }
                
                /*              
                background-color: $hella-color-dark; 
                
                #emptyPlace {
                    height: 540px;
                }
                
                #breadcrumb a {
                    color: $hella-color-light;
                    
                    &.last { color: $hella-hengst-yellow; }
                }
                
                #left-side, #right-side, #middle {
                    background-color: $hella-color-dark;
                    
                    .topic {
                        color: $hella-hengst-yellow !important;
                        border-bottom-color: $hella-color-light;
                    }
                }
                
                #left-side {
                    .text, .text p, .text ul > li {
                        color: $hella-color-light;
                        
                        .headline { color: $hella-hengst-yellow; }
                    }
                    .slidingModule {
                        .singleModuleSlide {
                            .ui-state-default, .singleModule .ui-state-default {
                                border-top-color: $hella-color-light;
                            }

                            h2 { color: $hella-color-light; }
                        }
                        
                        .singleModule-last { border-top-color: $hella-color-light; }
                    }
                }
                
                #right-side {
                    #tools { 
                        border-bottom-color: $hella-color-light; 
                        
                        #languages {
                            .langLabel {
                                color: $hella-color-light;
                            }
                            
                            .languages .langItem .langLink > .langLabel {
                                color: #000;
                            }
                            
                            &.live a.langLink:hover {
                                background: $hella-hengst-yellow;
                            }
                        }
                    }
                    
                    .toolbox {
                        color: $hella-color-light;
                        
                        .textToolboxCnt {
                            .event, .event .date { color: $hella-color-light; }
                        }
                        
                        .report-simple { color: $hella-color-light; }
                    }
                    
                    .module_PopupTeaser {
                        .content div div span { color: $hella-hengst-yellow; }
                    }
                }
                
                #middle {
                    #tools-centred {  border-bottom-color: $hella-color-light; }
                    
                    .emptypage {
                        background-color: transparent;
                        color: $hella-color-light;
                        
                        .text {
                            color: $hella-color-light;
                            
                            .headline { color: $hella-hengst-yellow; }
                        } 
                    }
                    
                    .module {
                        .textContact { color: $hella-color-light; }
                        
                        .contactModule {
                            color: $hella-color-light;
                            
                            .ui-accordion-content-active { border-bottom-color: $hella-color-light; }
                            
                            h3 {
                                color: $hella-color-light;
                                border-bottom-color: $hella-color-light;
                                background: $hella-color-dark url(../../module/images/right-bgr-new.gif) right no-repeat;
                                
                                &.ui-state-active {
                                    color: $hella-hengst-yellow;
                                    background: $hella-color-dark url(../../module/images/down-hover-new.gif) right no-repeat;
                                }
                            }
                            
                            .leftColl p, .contactModule .rightColl p { color: $hella-color-light; }
                        }
                    }
                    
                    .contactModule {
                        .rightColl {
                            border-left: 1px $hella-color-light solid;
                            
                            p { color: $hella-color-light; }
                        }
                    }
                    
                    #searchHeader {
                        background-color: transparent;
                        border: none;
                    }
                    
                    .module_SharedContent_Loader {
                        .part_Topic {
                            color: $hella-hengst-yellow;
                            border-bottom-color: $hella-color-light;
                        }
                        
                        .text_Common {
                            color: $hella-color-light;
                            
                            h1 { color: $hella-hengst-yellow; }
                            
                            .table_Imprint {
                                tr, td {
                                    color: $hella-color-light;
                                    border-bottom-color: $hella-color-light;
                                    background-color: transparent !important;
                                }
                            }
                        }
                    }
                }
                
                #sitemap {
                    background-color:  transparent;
                    
                    #tools {
                        border-bottom-color: $hella-color-light;
                        
                        .headlineTools { color: $hella-hengst-yellow; }
                    }
                    
                    .sitemapColl {
                        .topic {
                            color: $hella-color-light !important;
                            
                            a, a:link, a:visited {
                                color: $hella-color-light;
                                
                                &:hover { color: $hella-hengst-yellow; }
                            }
                        }
                        
                        ul.numberOne {
                            li > a, li > a:link, li > a:visited {
                                color: $hella-color-light;
                                
                                &:hover { color: $hella-hengst-yellow; }
                            } 
                        }
                    }
                }*/
            }
        }
        
/*        #footer {
            background-image: none;
            background-color: $hella-color-dark;
            
            #footer-in {
                li {
                    &:after {
                        border-left: 1px solid #fff;
                    }
                    &.no-bg-image:after {
                        content: "";
                        border-left: none;
                    }
                    
                    &.mediaEl {
                        &:after {
                            margin: 0em;
                        }
                        
                        img {padding-left: 0em;}
                    }
                }
                
                ul li > a {
                    color: $hella-color-light;
                    
                    &:hover { color: $hella-hengst-yellow; }
                }
                
                #copyright {  color: $hella-color-light; }
            }
        }*/
    }
}