/*----- dynamic CSS changes w/o deployment  - vhzmk.de -----*/
body.vhzmk *, body.vhzmk h1.portlet-title, body.vhzmk h1, body.vhzmk h2, body.vhzmk h3, body.vhzmk h4, body.vhzmk h5 {

    color: #628067 !important;

}

body.vhzmk .loginbar-wrapper, body.vhzmk #dockbar-wrapper {

    border-color:#7eb35f;

}

body.vhzmk .loginbar-wrapper .login-portlet #loginbar, body.vhzmk button.btn.btn-primary {

    border-color:#7eb35f;
    background-color:#7eb35f !important;
    background-image:none;
    color:white !important;

}

body.vhzmk #dockbar-wrapper .navbar .container .profile-link .btn {

	background-color: white;
	border:1px #7eb35f;
	border-style: solid none solid solid;

}

#dockbar-wrapper .navbar .container .logout-link .btn {
    
    background: #7eb35f;
    border:1px solid #7eb35f;
    
}

#dockbar-wrapper .navbar .container .logout-link .btn i {

	color:white !important;

}

body.vhzmk .loginbar-wrapper .login-portlet #loginbar a {

    color:white !important;

}

body.vhzmk li.cart-link.dockbar-item {
	display:none;;
}

body.vhzmk #banner #navigation ul li:hover, body.vhzmk #banner #navigation ul li>ul {

    background-color:#7eb35f !important;
    background-image:none;
    color:white !important;

}

body.vhzmk #banner #navigation ul li:hover a, body.vhzmk #banner #navigation ul li>ul a, body.vhzmk #banner #navigation ul li:hover a>span {

    color:white !important;

}

body.vhzmk h4 {

    width:100%;
        display:inline-flex;

    border-left:3px solid #628067;
    padding-left:0.5em;
    margin-top:1.5em;
    margin-bottom:1em;

}

body.vhzmk h4:after {

    content:'---';

    color:transparent;

    margin-left:0.5em;

    flex:1 0 auto;

    height:100%;
    background:url('data:image/gif;base64,R0lGODlhAgAFAHAAACwAAAAAAgAFAIcAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICQABBBgokGCAgAA7') repeat-x left center;

}


body.vhzmk a, body.vhzmk a * {

    color: #7eb35f !important;

}

body.vhzmk .vhzmk-footer-container {

        background-color:#f5f5f5;

}

body.vhzmk .vhzmk-footer {

    box-sizing:border-box;
        max-width:980px;
        padding:1.5em 0;
        margin-left:auto;
        margin-right:auto;

}

body.vhzmk .vhzmk-footer > div > span {width:100%;display:block;}

body.vhzmk .vhzmk-footer > div > span > strong {

    border-radius:0.25em;
    border: 1px solid #ccc;
    border-left: 4px solid #aede8e;

    border-top:none;

    padding:0.5em;

    width:100%;
    display:block;

}

body.vhzmk .wrapper {

        border-bottom:none;

}

#footer {

        border-top:0.5em solid #dce0dd;
        background-color: #c3cfc3;

}


#footer * {

        color: #444 !important;

}


.dgzmk-vhzmk-printbutton-portlet div.print-container{width:100%;display:block}.dgzmk-vhzmk-printbutton-portlet div.print-heading{border-bottom:1px solid #dbdbdb;margin-bottom:1em}.dgzmk-vhzmk-printbutton-portlet div.print-button{width:32px;height:32px;background:url("/dgzmk-vhzmk-printbutton-portlet/img/printer.png") transparent no-repeat center center;cursor:pointer}
