@charset "utf-8";  

/* 
CSS Document HPK3
Layout 05 - Farbe grau-rot
*/

:root {
	--mainColor: 226, 0, 26;
	--darkMainColor: 128, 0, 0;
	--bgBodyColor: 226, 0, 26;
}

body, html {
    background-image: url(/fileadmin/templates/hpk3/layouts/layout5/css/img/diagonale_streifen_rot_rot.jpg);

}


#logoimg {
    FONT-WEIGHT: 500;
    padding: 20px 0 20px 1%;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
}


h1, h2:not(.cookie-wrapper h2), h3, h4, h5, h6 {
    color: rgb(0 0 0);
}


@media only screen and (min-width: 768px) {
    .navbar-light .navbar-nav .ebene1 > a, .navbar #kopfmenue_div a {
        background: linear-gradient(to bottom, rgb(153 153 153) 40%, rgb(137 137 137) 100%);
        border-radius: 5px;
    }
}
@media only screen and (min-width: 768px) {
    #navbarNav .navbar-nav .ebene1 > .dropdown-menu {
        background: rgb(153 153 153);
        top: 26px;
        width: max-content;
        min-width: 200px;
        border-radius: 0;
        position: absolute;
        border: unset;
        margin-right: unset;
        left: 11px;
        padding: 0;
        display: block;
        opacity: 0;
        pointer-events: none;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        border-radius: 5px;
    }
}
@media only screen and (min-width: 768px) {
    .navbar-light .navbar-nav .ebene1 > a:hover, .navbar #kopfmenue_div a:hover {
        background: linear-gradient(to bottom, rgb(153 153 153) 0%, rgb(137 137 137) 100%);
    }
}



/* 
Bewertung Box
*/

.csc-textpic.csc-textpic-intext-right img {
    float: right !important;
    padding-right: 15px;
}

.csc-textpic-text {
    padding-left: 15px;
}

#bewertungen_widget {
    padding: 0;
    text-align: center;
}

/* 
Icons
*/

.icon_stars:after {
    font-family: FontAwesome;
    color: rgb(255 176 0);
}

/* 
Boxen ohne Rahmen
*/

.frame-layout-1 .box, .frame-layout-2 .box, .frame-layout-3 .box, .frame-layout-4 .box, .frame-layout-6 .box, .frame-layout-7 .box, .frame-layout-8 .box, .frame-layout-9 .box, .frame-layout-10 .box, .frame-layout-13 .box, .frame-layout-14 .box, .frame-layout-15 .box, .frame-layout-18 .box, .accordion_element, .inhalt_menu .frame-layout-0 .box, .frame-layout-0.frame-128 .box, .tx-emasters-lib-uni-pi-video, .frame-layout-0.frame-100 .box {
    background: rgb(var(--offWhiteColor));
    border: 0px solid rgb(var(--lightColor));
    border-radius: 8px;
}

.border {
    border: 1px solid !important;
    border-color: gray !important;
}

/* 
Footer
*/

@media only screen and (min-width: 640px) {
    footer {
        padding: 10px 0 0 0;
        font-size: 75%;
        margin-top: 2rem !important;
        background: linear-gradient(0deg, rgb(102 0 0 / 10%) 0%, rgb(102 0 0 / 50%));
        border-radius: 10px;
    }
}

@media only screen and (min-width: 640px) {
    footer a:not(.cookie-icon-wrapper a,.cookie-wrapper a) {
        color: rgb(241 241 241);
    }
}
@media only screen and (min-width: 640px) {
    footer a:hover {
        color: lightgray !important;
    }
}
@media only screen and (min-width: 992px) {
    footer span.hpk_adr_strasse, footer .hpk_adr_plzort, footer .hpk_adr_tel, footer .hpk_adr_fax, footer .hpk_adr_mail, footer .hpk_adr_land, footer .hpk_adr_mobil {
        font-size: 1em;
        color: rgb(241 241 241);
    }
}

.tx-hpkfe-pi-adresse .hpk_adr_mail a, .tx-hpkfe-pi-adresse .hpk_adr_tel2 a {
    color: rgb(241 241 241);
}
.hpk_adr_mail a:hover, .hpk_adr_tel2 a:hover {
    color: lightgray !important;
}

.hpk_adr_firma, .hpk_adr_strasse, .hpk_adr_plzort, .hpk_adr_land, .hpk_adr_tel, .hpk_adr_fax, .hpk_adr_fax, .hpk_adr_mobil, .hpk_adr_mail, .hpk_adr_tel2 {
    line-height: 20px;
    color: rgb(241 241 241);
}


footer .hpk_adr_firma {
    font-size: 115%;
    color: rgb(241 241 241);
}
@media only screen and (min-width: 992px) {
    footer .hpk_adr_firma {
        font-size: 125%;
        color: rgb(241 241 241);
    }
}

#bewertungen_widget a {
    color: white;
    text-decoration: none;
}
#bewertungen_widget a:hover {
    color: lightgray !important;
    text-decoration: none;
}

#fussmenue li a {
    text-decoration: none;
    color: white;
}
#fussmenue li a:hover {
    text-decoration: none;
    color: lightgray !important;
}