/*additional css stuff*/

/*specail formatting wu*/
#p71 .zm-unit-wu .zm-logo {
    height: 120px;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
    left:20px;   
    width:auto;
    top:2rem;
}

#p71 .zm-unit-wu .zm-logo img {
    width:auto;
    height: 100%;
}

@media (min-width: 992px) {
    #p71 .zm-unit-wu .zm-logo {
        height: 220px;
        left: 2.25rem;
        top:5.5rem;
        width:110px;
    }
}

/*new flag-icons*/
.zm-unit-aw .zm-logo, .zm-unit-fw .zm-logo, .zm-unit-kw .zm-logo, .zm-unit-dw .zm-logo, .zm-unit-vw .zm-logo {
    height: 120px;
    left:20px;
}

/*small header*/
#p71 .zm-unit-wu.zm-header-small .zm-logo {
    top: 0.5rem;
    height: 74px;
    left:2.25rem;
}


.zm-unit-aw.zm-header-small .zm-logo, .zm-unit-fw.zm-header-small .zm-logo, .zm-unit-kw.zm-header-small .zm-logo, .zm-unit-dw.zm-header-small .zm-logo, .zm-unit-vw.zm-header-small .zm-logo {
    top: 0.5rem;
    height: 74px;
    left:2.25rem;
}

@media (min-width: 992px) {
    .zm-unit-aw .zm-logo, .zm-unit-fw .zm-logo, .zm-unit-kw .zm-logo, .zm-unit-dw .zm-logo, .zm-unit-vw .zm-logo {
        height:220px;
        left:2.25rem;
    }
    #p71 .zm-unit-wu.zm-header-small .zm-logo {
        top: 0.875rem;
        height: 140px;
        left:2.25rem;
    }     
    .zm-unit-aw.zm-header-small .zm-logo, .zm-unit-fw.zm-header-small .zm-logo, .zm-unit-kw.zm-header-small .zm-logo, .zm-unit-dw.zm-header-small .zm-logo, .zm-unit-vw.zm-header-small .zm-logo {
        top: 0.875rem;
        height: 140px;
        left:2.25rem;
    }    
}

/*lead home*/
#c935 .lead {
    font-size:1.875rem;
    line-height:1.125;    
    margin-bottom: 0.375rem;
    /*overflow: hidden;*/
    /*position: relative;*/
    /*padding-bottom: 4px;*/
}

/*#c935 .lead::after {
    content: '';
    position: absolute;
    top: calc(100% - 3px);
    display: inline-block;
    vertical-align: bottom;
    height: 1px;*/
    /* for safari */
    /*width: 1px;
    box-shadow: -100vw 100vw 0 100vw;
}*/

#c935.frame {
    /*border-top:3px solid;*/
    /*padding-top:6px;*/
    margin-top:3rem;
    /*padding-bottom:1px;*/
    position: relative;
}

@media (min-width: 992px) {
    #c935.frame {
        /*border-top:4px solid;*/
        margin-top:4.25rem; 
        /*border-bottom:4px;*/
    }
    #c935 .lead {
        font-size:4.875rem;
        padding-left:1.9375rem;
        margin-bottom:1rem;
        padding-bottom: 16px;
    }
    /*#c935 .lead::after { 
        top: calc(100% - 4px);
    }*/
}

/*arrow-down*/
.scrolldown {
    width: 44px;
    height: 20px;
    background-image: url(/typo3conf/ext/zm_template/Resources/Public/Images/arrow-down.svg);
    background-size: 44px;
    background-repeat: no-repeat;
    margin:0 auto;
    margin-top:2rem;
}






/* seite werken, archiv */ 


.zm-linebreaker{
    display: block;
    width: 100%;
    height: 1px;
    background: none;
    clear: both;
    float: none;
    margin: 0 !important;
    padding: 0 !important;

    & + br {
        display: none;
    }

    

}



/* seite arbeiten, archiv */

body#p16, 
body#p14, 
body#p76{


    h2.zmc-main{

        .zm-text-overline{
            max-width: 85%;
            
            
            &:has( .zm-overline-fix){
                &:before{
                    display: none;
                }
                
                .zm-overline-fix{
                
                
                    display: inline-block;
                
                
                    &:before{
                        left: 0px;
                        top: 0px;
                        width: calc(0px + 100%);
                        height: 3px;
    
                        @media (min-width: 992px) {
                            height: 4px;
                            width: calc(0px + 100%);
                        
                        
                        }
                        content: "";
                        display: block;
                        position: relative;
                        background: white;
                    }
                }
    
    
                
            }
            
            
        }

    }





}