/*img.lazy {*/
/* optional way, set loading as background */
/*background-image: url('/Design/Mdrix/Img/Mdrix_66x76_ohne.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}*/





@font-face {
    font-family: 'm06';
    src: url('/Design/Mdrix/font/m06.TTF') format('truetype');
}


.md-font {
    font-family: m06, Helvetica, Arial, sans-serif;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height: 100%;
    width: 100%;
    /*   font-size:12px;*/
}

.produkte-h2 {
    font-size: 1.2rem !important;
}

.produkte-h3 {
    font-size: 0.8rem !important;
}

.fs-5 {
    font-size: 0.75rem !important;
}

.fs-6 {
    font-size: 0.65rem !important;
}

h1:focus {
    outline: none;
}

/*a, .btn-link {
    color: #0071c1;
}*/

.carousel-caption {
    bottom: 0px !important;
    right: 0px !important;
    left: 0px !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

    .carousel-caption h3 {
        padding-top: 0.3rem !important;
        font-size: 0.8rem !important;
    }

    .carousel-caption p {
        font-size: 0.6rem !important;
    }

    .carousel-caption a {
        text-decoration: none !important;
    }

.carousel-item a {
    text-decoration: none !important;
}

.slider-caption {
    position: absolute;
    top: 15% !important;
    bottom: 15% !important;
    left: 10% !important;
    width: 300px;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    text-align: left;
    background-color: rgba(41, 43, 41,0.85);
    color: white !important;
    border: solid 2px;
}

    .slider-caption h2 {
        font-weight: bold;
    }

    .slider-caption p {
        font-size: 0.75rem;
    }

    .slider-caption a {
        position: absolute;
        bottom: 5%;
        right: 5%;
    }

    .slider-caption button {
        position: absolute;
        bottom: 5%;
        right: 5%;
    }
    

.slider-caption-small {
    /* position: absolute;
    top: 15% !important;
    bottom: 15% !important;
    left: 10% !important;*/
    width: 100%;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    text-align: center;
    background-color: rgba(41, 43, 41,0.85);
    color: white !important;
    border: solid 2px;
}

    .slider-caption-small h2 {
        font-weight: bold;
        font-size: 1rem;
    }

    .slider-caption-small p {
        font-size: 0.75rem;
    }

    .slider-caption-small a {
        position: absolute;
        bottom: 10%;
        left: 20%;
        font-size: 0.80rem;
    }



.slider-sub {
    font-size: 4rem !important;
    font-weight: bold !important;
    text-shadow: 3px 7px 2px rgba(102,45,145,0.15);
    color: #662D91
}

@media screen and (max-width:600px) {
    .slider-sub {
        font-size: 2rem !important;
        font-weight: bold !important;
        text-shadow: 3px 7px 2px rgba(102,45,145,0.15);
        color: #662D91
    }
}


a.anchor {
    top: -70px !important;
    position: relative;
    display: block;
    visibility:hidden;
}
b.anchor {
    color: #662D91 !important;
}

.text-decoration-none {
    color: black !important;
}

    .text-decoration-none a {
        text-decoration: none !important;
    }

.md-product-documents  {
    color: black !important;
    text-decoration: none !important;    
}
    .md-product-documents[aria-expanded="true"] li {
        background-color: lightgray;
    }




.blog-preview {
    color: black !important;
}

    .blog-preview h5 {
        font-size: 0.75rem !important;
        background-color: rgba(102,45,145,0.55);
    }

    .blog-preview p {
        font-size: 0.55rem !important;
        background-color: rgba(102,45,145,0.55);
    }

    .blog-preview a {
        text-decoration: none !important;
    }

.blog {
    color: black !important;
}

    .blog a {
        text-decoration: none !important;
        color: #662D91 !important;
    }

.md-bg-dark-transparent {
    background-color: rgba(102,45,145,0.55);
}

.md-bg-gray-transparent {
    background-color: rgba(52,58,64,0.35);
}
.md-bg-lightgray-transparent {
    background-color: rgba(52,58,64,0.09);
}
.md-bg-lightpurple-transparent {
    background-color: rgba(102,45,145,0.09);
}

.landing-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.landing-text {
    background-color: rgba(102,45,145,0.8);
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 300px;
}

    .landing-text h1 {
        font-size: 700%;
        line-height: 1.2;
        color: whitesmoke;
    }
    .landing-text h2 {
        font-size: 500%;
        line-height: 1.1;
        color: whitesmoke;
    }


    .md-list-backslash{
        list-style-type: "\ ";
    }

@media screen and (max-width:900px) and (min-width:768px) {

    .landing-text {
        background-color: rgba(102,45,145,0.8);
        padding-top: 20px;
        padding-bottom: 20px;
        min-height: 200px;
    }

    .landing-text h1 {
        font-size: 450%;
        line-height: 1.2;
        color: whitesmoke;
    }
    .landing-text h2 {
        font-size: 300%;
        line-height: 1.1;
        color: whitesmoke;
    }
}

@media screen and (max-width:768px)   {
    .landing-text {
        background-color: rgba(102,45,145,0.8);
        padding-top: 20px;
        padding-bottom: 20px;
        min-height: 150px;
    }

    .landing-text h1 {
        font-size: 300%;
        line-height: 1.2;
        color: whitesmoke;
    }
    .landing-text h2 {
        font-size: 200%;
        line-height: 1.1;
        color: whitesmoke;
    }
}


/* Adopt Main Bootstrap Colors*/



.text-primary {
    color: #662D91 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #3f0905 !important;
}

.mdrix-border {
    border-color: #662d91 !important;
}

.bg-primary{
    background-color: #662D91 !important;
}

.searchbox {
    z-index: 1025 !important;
    position: absolute !important;
    top: 0px !important;
    bottom: 0px !important;
}

.searchboxinner {
    margin-top: 55px;
    height: 90% !important;
    overflow: auto !important;
}

.link-primary {
    color: #662D91 !important;
}
    .link-primary:hover {
        color: #662D91 !important;
        text-decoration:underline dotted;
    }

.btn-primary {
    color: #fff;
    background-color: #662D91;
    border-color: #662D91;
}

    .btn-primary:hover {
        color: #fff;
        background-color: rgb(41, 43, 41);
        border-color: #662D91;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(41, 43, 41,0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #86140A;
        border-color: #86140A;
    }

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #570d06;
        border-color: #4b0b06;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus,
        .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(152,55,47,0.5);
        }

.btn-outline-primary {
    color: #662D91;
    border-color: #662D91;
}

    .btn-outline-primary:hover {
        background-color: #662D91;
        border-color: #662D91;
        color: white !important;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(134,20,10,0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #86140A;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #86140A;
        border-color: #86140A;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(134,20,10,0.5);
        }
 /*Extension for Accordion*/
 .accordion{

 }
 .accordion-header{

 }
.accordion-button {
    background-color: transparent !important;
    color: #662D91 !important;
    border-width: 1 !important;
    border-color: #662D91 !important;
}