@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800|PT+Sans:400,700');


body {
    padding-top: 50px;
    margin-bottom: 20px;
    font-size: 1rem;
    color: #000;
    font-family: 'PT Sans', sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


.ico {
    max-width:24px;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /* max-width: 280px;*/
}

.pnt:hover, .addtocart:hover {
    cursor: pointer;
}

.body-content a {
    text-decoration: underline;
    color: #000 !important;
}

.body-content a:hover {
    background-color: #000;
    color: #FFF !important;
}

.nobg a:hover {
    background-color: transparent;
}

.row-A {
    background-color: #f2f2f2;
    border-bottom: 1px solid #cccccc;
}

.row-B {
    background-color: #d9d9d9;
    border-bottom: 1px solid #cccccc;
}

.row-A1 {
    background-color: #f2f2f2;
    font-size: 0.9rem;
}

.row-B1 {
    background-color: #d9d9d9;
    font-size: 0.9rem;
}

.footer {
    margin-top: 4rem;
    border-top: 2px solid #000000;
    padding-top: 1rem;
}
.footer a{
    text-decoration: none;
    color:#000000;
}

.footer a:hover {
    text-decoration: none;
    color: #FFF;
    background-color:#000;
}

.product {
    border: 1px solid #f2f2f2;
    background-color: #e6e6e6;
}

.product .text {
    height:150px;
}

.product .text2 {
    height: 100px;
}

.logo {
    width:56px;
    margin-bottom:20px;
}

.logo2 {
    width: 120px;
    margin-bottom: 20px;
}

.headerpic {
    object-fit: none; /* Do not scale the image */
    object-position: center; /* Center the image within the element */
    width: 100%;
    max-height: 550px;
    margin-bottom: 1rem;
}

/* new */

.row-A {
    background-color: #f2f2f2;
}

.row-B {
    background-color: #d9d9d9;
}


.svg-container {
    width: 1.5em;
}


.DeleteOrder:hover, .DeleteOrder:visited {
    background-color: #FFF;
    color: #ff6a00;
}
.producer-quantity {
    max-width: 6rem;
}

.tl-red{
    background-color:#ff0000;
}
.tl-orange {
    background-color: #FC6a03;
}
.tl-orange2 {
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(252, 106, 3, 1) );
}

.tl-green {
    background-color: yellowgreen;
}

.tl-default {
    background-color: #FFF;
}
.bg-yellow {
    background-color: #ffdb58 !important;
}

.lbl-orderLine, .lbl-av {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

a.colW {color:#FFFFFF !important;}
.btnTiny  {
    padding: 0rem 0.5rem !important;
}

.ico2 svg {
    max-width: 100%;
}

.headerpic2 {
    width: 100%;
    height: 10rem;
    object-fit: cover;
}


@media (min-width: 992px) {
    .ico2 svg {
        max-width: 70%;
    }

    .headerpic2 {
        height: 14rem;
    }
}




.produzenten .carousel-control-next, .carousel-control-prev {
    width:5%;
}

.bg-grey {
    background-color: grey !important;
}

.bg-white {
    background-color: #FFFFFF !important;
}


#modalCart .modal-header {
    border-bottom: none !important;
} 
#modalCart .modal-footer {
    border-top: none !important;
}

.productfield {
    max-width: 50% !important;
    display: inline-block;
}

.logopayment1 {
    max-width: 3.8rem !important;
}
.logopayment2 {
    max-width: 5rem !important;
}
.logopayment3 {
    max-width: 3.7rem !important;
}
.logopayment4 {
    max-width: 8rem !important;
}