/** ************************************* **
	@Author			HM
	@Website		wirverpacken.de
	@Last Update	22.03.2021

 ** ************************************* **/


/** Globals
 **************************************************************** **/
html, body {
    height: 100%;
}

body {
    color: #333;
    background-color: #fff;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.7;
    margin: 0;
    padding: 0;
}

section {
    display: block;
    position: relative;
    padding: 40px 0;
    border-bottom: rgba(0,0,0,0.1) 1px solid;
    background-color: #fff;
}


/** Links & text
 **************************************************************** **/
a {color: #0492d4 }
a:hover { color: #103664}
a.no-underline {text-decoration:none;}
.text-primary {color: #0492d4 !important}



/**	Colors 
*************************************************** **/
.bg-blue { background-color: #0492d4 !important;}
.bg-darkblue {background-color: #103664 !important;}
.bg-lightgreen { background-color: #d2ebb8 !important;}
.fc-blue {color: #0492d4 !important;}
.fc-darkblue {color: #103664 !important}


/**	Button Primary + Outline Primary �ndern
*************************************************** **/


.btn-primary {
    background: #0492d4 !important;
    border-color: #0492d4 !important;
}
    .btn-primary:hover {
        background: #05a2eb !important;
    }

.btn-outline-primary {
    border-color: #0492d4 !important;
    color: #0492d4
}
    .btn-outline-primary:hover {
        border-color: #0492d4 !important;
        background: #0492d4 !important;
    }


/**	Ueberschriften
*************************************************** **/
h1, h2, h3, h4, h5, h6 {
    color: #0492d4 !important;
    color:#000 !important
}

.display-4 {
    color: #0492d4 !important;
}


/**	Abstand Aufz�hlung f�r UL OL
*************************************************** **/

@media screen and (max-width: 767px) {
li {line-height:2.2;}
}


@media screen and (min-width: 768px) {
    li {
        line-height: 1.8;
    }
}


/**	Figcaption 
*************************************************** **/


figcaption {
    font-size: 14px !important;
    color: #666 !important;
}


/** Iconbox
 **************************************************************** **/
.iconbox {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
}

    .iconbox img {
        width: 100px;
        margin-bottom: 20px;
    }

    .iconbox p {
        margin-bottom: 10px;
    }

.index p:last-child {
    margin-bottom: 20px
}







/**	Sonstiges
*************************************************** **/

.vertical-center {
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.pattern {
    background-image: url("../_images/patterns/pattern11.png");
    background-repeat: repeat;
    background-color: #06263c;
}



/**	Konfigurator 
*************************************************** **/

.configlabel {
    background-color: #fff;
    cursor: pointer;
    padding: 10px;
    font-size: 13px;
    font-weight: 300;
    border: 1px solid #ccc;
    margin-bottom:5px;
    display:block;
}
.configlabel:hover {background-color: #cfdfee;}


label.configlabel strong {
    font-weight: 600;
    font-size: 16px;
    color: #103664;
}

label.configlabel p {
    font-weight: 300;
    font-size: 14px;
    margin: 0px;
    padding-left: 17px;
}




/** News �bersicht 15.02.2021
 **************************************************************** **/


.newsdetail {
    border:1px solid #ccc;
}

.newsdetail h2 {
    font-size:26px;
    font-weight:500;
    margin:10px;
}

.newsdetail p {
    margin:10px;
    color:#333;

}

    .newsdetail a {
        text-decoration: none;
    }
    .newsdetail a:hover {
        text-decoration: none;
        background-color:#ccc;
    }


/** NEWS KASTEN 13.06.2022
 **************************************************************** **/

.card-body-wv {
    background-color: #fff;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

    .card-body-wv:hover {
        box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
    }


    .card-body-wv img {
        margin: 0 0 20px 0;
    }

    .card-body-wv h4 {
        font-weight: 700;
        font-size: 22px;
        padding: 0 20px 20px 20px;
    }

    .card-body-wv p {
        font-weight: 300;
        font-size: 18px;
        line-height: 23px;
        padding: 0 20px 0 20px;
        margin-bottom: 10px;
    }





/** NAVIGATION 14.01.2021
 **************************************************************** **/
/*Logo + Telefonnummer */
.nav-kopfzeile {
    color: #333 ;
    font-size: 14px;
    font-weight: 500;
    text-align: right;
}

.nav-kopfzeile a {
        color: #333 !important;
        text-decoration:none;
    }
.nav-kopfzeile a:hover {
    color: #0492d4 !important;
}


/*Links Hauptmen�*/
.nav-link-custom {
    font-size:15px;
    font-weight:500;
    color: #fff !important;
    margin: 0 5px 0 0;
}

.nav-link-custom:hover {
    color: #ccc !important;
}
.nav-link-active::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 2px;
    background: #fff;

}

/*Dropdown Hauptmen�*/
/*
.dropdown-menu-custom {}
.dropdown-menu-custom li {}
.dropdown-menu-custom li:hover {}
.dropdown-menu-custom li a {}
.dropdown-menu-custom li a:hover {}
 */


.dropdown-menu-custom {
    z-index: 1100;
    border-radius: 0;
}
.dropdown-menu-custom li a {
    font-size: 15px;
    font-weight: 300;
}



/** Unternav  22.03.2021
 **************************************************************** **/
/*Themen/Branchen*/
.nav-sub a {
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #dee2e6;
    display: inline-block;
    color: #0492d4;
    cursor: pointer;
    text-decoration: none;
}

.nav-sub a:hover {
    color: #103664;
}


    .nav-sub a::after {
        content: "";
        display: block;
        margin: 0 auto;
        width: 0%;
        height: 2px;
        background: #0492d4;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transform: scaleY(0.9);
        -ms-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }

    .nav-sub a:hover::after {
        width: 100%;
    }

.nav-sub a.text-primary::after {
    width: 100%;
}



/** NAVIGATION Icons Produkte + Veredeldung 28.01.2021
 **************************************************************** **/
.prnav {
    padding: 10px;
    font-size: 12px;
    color: #000 !important;
    font-weight: 400;
    text-align: center;
}

    .prnav a {
        color: #000 !important;
        text-decoration:none;
    }
    .prnav a:hover {
        color: #0492d4 !important;
        text-decoration: none;
    }



/** NAVIGATION Mobile Version 28.06.2022
 **************************************************************** **/
a.mobNavMainLink {
    font-size: 16px;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none;
    padding: 10px;
    padding-right:20px;
    border-bottom: 1px solid #fff;
}


a.mobNavSubLink {
    font-size: 16px;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none;
    margin-left: 20px;
    padding:5px;
    line-height: 30px;
    display: block;
    border-bottom: 1px dotted #ccc;
}



/* Banner Bilder 
************************************************************************ */

.banner {
    height:450px;
    background-image:url(../_images/startseite/masterbanner_default.jpg);
    background-position:center;
    background-repeat:no-repeat;
}


.feature-img-right {
    border-radius: 111px 11px 111px 11px;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0 15px 12px 0 rgba(0, 0, 0, 0.08);
}

.feature-img-left {
    border-radius: 11px 111px 11px 111px;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0 15px 12px 0 rgba(23, 43, 77, 0.08);
}





/** FOOTER
 **************************************************************** **/
footer {
    font-size: 14px;
    padding: 20px;
    color: #ccc;
}
footer p {
    margin-bottom:12px;
}

footer h5 {
    margin-bottom:5px;
    color:#ccc!important;
    font-weight:400;
    font-size:18px;
}

footer a {
        color:#ccc;
        text-decoration:none;
    }

footer a:hover {
        color:#ccc;
        text-decoration: underline;
    }



/** M�LL
 **************************************************************** **/


_.headlink {
    color: #000;
    text-decoration: none;
    font-weight: 400;
}

    _.headlink:hover {
        color: #0492d4;
        text-decoration: none;
    }

_a.aktivbutton {
    color: green;
}