@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --grey:#7B7B7B;
    --headlines: #194377;
    --text: #282828;
    --lightblue: #D8E2F0;
    --purple: #A7215B;
    --white:#FFF;
    --greyscale:#212121;
}




p,ul {margin: 0px;padding: 0px; list-style: none}
a {text-decoration: none;}
.p-l-0 {padding-left: 0px;}
.p-r-0 {padding-right: 0px;}
.p-l-r-0 {padding-left: 0px; padding-right: 0px;}
.text-left {text-align: left !important;}
.text-right {text-align: right!important;}
.margin-auto {margin-right: auto;margin-left: auto;}
.mb-30 {margin-bottom: 30px;}
.h-50{height:50px !important;}
.p-r-5 {padding-right: 5px;}
.p-l-0 {padding-left: 0px !important;}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
.uneditable-input:focus {
    border: none;
    box-shadow: none;
    outline: 0 none;
}
select:focus
{    border:none!important;
    outline: 0 !important;
    -webkit-box-shadow: unset!important;
    box-shadow: unset!important;
}
body
{
    font-family: "Raleway", sans-serif;

    background-color: #FAFAFA;

}
input[type="checkbox"],input[type="radio"] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid rgba(125, 131, 152, 0.3);
    border-radius: 4px;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

input[type="checkbox"]::before,input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #000;
}

input[type="checkbox"]:checked::before,input[type="radio"]:checked::before {
    transform: scale(1);
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: var(--grey);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--grey);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--grey);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
/* Header */
.header-top
{
    padding-top: 30px;
    background-color: #fff;
}
.header-top .logo img
{
    width: 170px;
}


.header-top .right a
{
    color: var(--grey);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    border-right: 1px solid #ABABAB ;
    padding-right: 15px;
    padding-left: 15px;
}
.header-top .right span:last-child a
{
    border-right: none;
    padding-right: 0px;
}
.header-middle
{
    margin-top: 35px;
    background-color: #fff;
    padding-bottom: 15px;
}
.header-middle .input-group input
{
    border-radius: 5px;
    border: 1px solid #EEE;
    background: #FFF;
    border-right: none;
    padding-top: 12px;
    padding-bottom: 12px;
}
.header-middle .input-group button,.header-middle .input-group button:active,.header-middle .input-group button:focus
{
    border-radius: 5px;
    border: 1px solid #EEE;
    background: #FFF;
    border-left: none;
}
.header-middle .col-md-4 .f-right
{
    float: right;
}
.header-middle .col-md-4 .f-left
{
    float: left;
    margin-left: 24px;
}
.header-middle .col-md-4 .f-left div
{
    text-align: center;
}
.header-middle .col-md-4 .f-left div a
{

    color: var(--headlines);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.header-menu
{
    border-top:1px solid  #F5F5F5;
    border-bottom:1px solid  #F5F5F5;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
}
.header-menu .col-md-12
{
    position: relative;
}
.header-menu .nav-fill .nav-item
{
    text-align: left;

}
.header-menu .nav-fill .nav-item a
{
    padding-right: 46px;
    padding-left: 46px;
}
.header-menu .nav-fill .nav-item:first-child a
{
    padding-left: 0px;
}
.header-menu .nav-fill .nav-item:last-child a
{
    padding-right: 0px;
}
.header-menu .nav-fill a
{
    color: var(--headlines);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.dropdown-content {
    width: 100%;
    left: 0;
    z-index: 9999;
}

.dropdown-content
{
    border-radius: 0px 0px 5px 5px;
    border-right: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    border-left: 1px solid #F5F5F5;
    background: #FFF;
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.10);
    top: 50px;


}
/* Header */


.menu-dropdown:hover .dropdown-content {
    display: block;
}

.column {
    float: left;
    width: 26.4%;
    padding: 10px;
    height: 250px;
    border-right: 1px solid #F5F5F5;
    padding-top: 31px;
    padding-left: 50px;
}
.column-right
{
    float: left;
    width: 20%;
    padding:0px!important;
    height: 250px;
    background: #A7215B;
}
.column-right .div-padd
{
    text-align: left;
    padding: 10px;
    padding-left: 25px;
}
.column-right .div-padd a
{
    text-align: left;
    padding: 0px !important;

    color: #FFF !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
}
.column-right .div-padd .desc
{
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    margin-top: 7px;
}
.column-right .div-padd button,.column-right .div-padd button:focus,.column-right .div-padd button:active
{
    border-radius: 5px;
    border: 1px solid #FFF;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-top: 12px;
}
.column-right img
{
    width: 100%;
}

.column a {
    float: none;
    color: black;
    padding: 16px;
    text-decoration: none;
    display: block;
    text-align: left;


    color: #194377 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    margin-bottom: 12px;
}


.column a:hover {
    background-color: #ddd;
}


.row:after {
    content: "";
    display: table;
    clear: both;
}
.dropdown-content .column
{
    text-align: left;
}
.dropdown-content .column h3
{
    color: #ABABAB;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 30px;
}
.dropdown-content .column a
{
    padding: 0px !important;
    text-align: left;
    font-size: 14px !important;
    font-weight: 600 !important;
}
/* Header */

/* Home */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {

    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-swipper .col-md-7
{
    padding-right: 252px;
}
.home-swipper .col-md-7 h3
{
    color: #194377;
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
}
.home-swipper .col-md-7 p
{
    color: #194377;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    margin-top: 20px;
}
.home-swipper .col-md-7 .btn
{
    border-radius: 5px;
    background: #A7215B;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-top: 20px;
}
.home-swipper .col-md-5
{
    text-align: center;
}
.home-swipper .col-md-5 img
{
    width: 200px;
    display: unset;
}
.home-swipper .swiper-slide
{
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 35px;
    border-radius: 0px 0px 10px 10px;
}

.home-swipper .swiper-pagination-bullet-active
{
    background-color: #194377 !important;
    border:1px solid #194377 !important;
}

.home-swipper .swiper-pagination-bullet
{
    background: none;
    border:1px solid #194377;
    opacity: 1;
}
.recommended-products
{
    margin-top: 50px;
    padding-top: 70px;
}
.recommended-products .d-flex
{
    flex-wrap: wrap;
}
.recommended-products .block
{
    margin-bottom: 15px;
    padding-right: 50px;

}
.home-all-product
{
    padding-left: 91px;
    padding-bottom: 90px;
    padding-right: 50px;
}
.recommended-products .recommended-external h3
{
    color: var(--headlines);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    margin-bottom:30px;
}
.recommended-external .block .img
{
    height: 300px;
    overflow: hidden;
    margin-bottom: 15px;

    border-radius: 10px 10px 0px 0px;
    border: 1px solid var(--LightBlue, #D8E2F0);
}
.recommended-external .block img
{
    width: 240px;
    background-color: #fff;


}
.recommended-external .block .writter
{
    color: var(--grey);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.recommended-external .block .writter a
{
    color: #2B2B2B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.recommended-external .block .title a
{
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.recommended-external .block .price
{
    margin-top: 12px;
}
.recommended-external .block .price a
{
    color: var(--text);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
}
.document-download
{
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 100px;
    margin-bottom: 300px;
}
.document-download .col-md-4
{
    padding-right: 0px;
}
.document-download .col-md-4 img
{
    width: 100%;
    border-radius: 5px 0px 0px 5px;
}
.document-download .col-md-7
{
    border-radius: 0px 5px 5px 0px;
    background: #A7215B;
    padding-left: 60px;
    padding-top: 25px;
}
.document-download .col-md-7 p:nth-child(1)
{
    color: #FFF;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 25px;
}
.document-download .col-md-7 p:nth-child(2)
{
    color: #FFF;;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 34px;
}
.document-download .col-md-7 .btn
{
    border-radius: 5px;
    background: #FFF;
    color: #A7215B;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
}
/* Home */

/* Register & Login */
.register-login
{
    padding-top: 50px;
    padding-bottom: 100px;
}
.register-login h3
{
    color: #194377;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 50px;
}
.register-login .block-title
{
    color: #194377;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    border-bottom:1px solid #E9E9E9;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.register-login input:not(.form-check-input),.register-login select
{
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    margin-bottom: 30px;
    height: 50px;
    font-family: 'Raleway', sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.register-login select
{
    appearance: auto;
}



.register-login .login-btn
{
    float: left;
}
.register-login .login-btn .btn
{
    border-radius: 10px;
    background: #A7215B;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}
.register-login .forgot-pass
{
    float: right;
}
.register-login .forgot-pass a
{
    color: #4A4A4A;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.register-login .left
{
    padding-right: 50px;

}
.register-login .right
{
    padding-left: 50px;
}
.register-login .subtitle
{
    font-size: 17px;
    font-weight: bold;
    color:#194377;
    margin-bottom: 15px;
}
.register-login .form-check label
{
    color: #4A4A4A;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-top: 5px;
}
.register-login .mt-15
{
    margin-bottom: 10px;
}
.register-login .form-check input
{
    margin-top: 5px;
}
.register-login  .form-check-input:checked
{
    background:none;
    border: none;
}
.register-login .registerbtn
{
    margin-top: 15px;
}

.detail-page
{
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 200px;
}
.detail-page .right
{
    padding-left: 40px;
}
.detail-page .sidebar .bg
{

    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    padding: 12px;
}
.detail-page .sidebar .bg .return-btn-sidebar
{
    border-bottom:2px solid #194377;
    margin-bottom: 20px;
    padding-bottom: 12px;
}
.detail-page .sidebar .bg .return-btn-sidebar a
{
    color: #194377;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}
.detail-page .sidebar .bg .return-btn-sidebar img
{
    width: 34px;
    margin-top: -3px;
    margin-right: 23px;
}
.accordion-sidebar-item
{
    border: none;
}
.accordion-sidebar-item button,
.accordion-sidebar-item button:active,
.accordion-sidebar-item button:hover,
.accordion-sidebar-item button:focus,
.accordion-sidebar-item button:link,
.accordion-sidebar-item button:visited
{
    border: none!important;
    box-shadow: none!important;
    background: none !important;

    color: #2B2B2B !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;

}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='2B2B2B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-sidebar-body
{
    padding-left: 0px;
    padding-right: 0px;
}

.accordion-sidebar-inline-item
{
    border: none;
}

.accordion-sidebar-inline-item button,
.accordion-sidebar-inline-item button:active,
.accordion-sidebar-inline-item button:hover,
.accordion-sidebar-inline-item button:focus,
.accordion-sidebar-inline-item button:link,
.accordion-sidebar-inline-item button:visited
{
    border: none!important;
    box-shadow: none!important;
    background: none !important;


    color: #2B2B2B !important;
    font-family: Raleway;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;



}

#accordion-sidebar .sidebar-title
{
    color: #A7215B;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    padding-left: 20px;
}
.detail-search
{
    margin-bottom: 45px !important;
}
.detail-search input
{
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    background: #F5F5F5;
}
.detail-search button
{
    border-radius: 0px 5px 5px 0px;
    background: #A7215B;
    border:1px solid #A7215B;
}
.detail-right-title
{
    color: #194377;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}
.detail-right-bookmark
{
    text-align: right;
}
.detail-right-bookmark img
{
    margin-top: -2px;
}
.detail-right-bookmark a
{

    color: #194377;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}
.detail-episode-title
{
    color: #2B2B2B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 40px;
}
.detail-desc
{
    color: #2B2B2B;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.detail-table
{
    margin-top: 40px;
    margin-bottom: 40px;
}
.detail-table table
{
    width: 100%;
}
.detail-table table thead th
{
    background: #F5F5F5;
    color: #2B2B2B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 5px;
    padding-left: 10px;
}
.detail-table table tbody td
{
    color: #2B2B2B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 5px;
    padding-left: 10px;
}
.detail-table table tbody td a
{
    color: #3E70AE;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
/* Register & Login */
@media screen and (max-width: 768px)
{

}


.indexBefehlBtn
{
    background-color: #194377;
    color:#fff;
    border-radius: 5px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}



.register-login form .vError input
{
    margin-bottom: 3px!important;
}
.register-login form .vError .vErrorIn
{
    margin-bottom: 27px!important;
}
.profile-settings-left
{
    padding-left: 15px !important;
}

.streetresponse
{
    background-color: #fff;
    margin-top: -37px;
    padding: 10px;
    border: 1px solid #E8E8E8;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 15px;
}
.streetresponse a
{
    color: #4A4A4A;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.message-login-btn,.message-login-btn:hover
{
    border-radius: 10px;
    background: #A7215B;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    border: none;
    padding-right: 20px;
    padding-left: 20px;
}
.message-home-btn,.message-home-btn:hover
{
    border-radius: 10px;
    background: #ddd;
    color: #A7215B;
    font-size: 12px;
    font-style: normal;  
    font-weight: 700;
    border: none;
    padding-right: 20px;
    padding-left: 20px;
}
.orders-table thead th
{
    font-size: 14px;
}
.orders-table tbody td
{
    vertical-align: middle !important;
    font-size: 14px;
}
/*
product-xml
 */

.product-xml
{
    padding-top: 40px;
    padding-bottom: 50px;
}
.product-xml-title
{
    padding-bottom: 35px;
    color: #194377;
}
.product-xml .sidebar {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    padding: 0px;
	   overflow:hidden;
}


.product-xml .sidebar .title {
    padding: 15px;
    padding-bottom: 0px!important;
}
.product-xml .sidebar .title h3
{
    border-bottom: 1px solid #194377;
    padding-bottom: 30px;
    margin-bottom: 25px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    padding-top: 25px;
    color: #194377;
}
.product-xml .sidebar .title h3 i
{
    margin-right: 40px;

}
.product-xml .sidebar .title h3 a {


    color: #194377;

}

.product-detail-accordion .accordion-item
{
    border:none;
}
.product-detail-accordion .accordion-item .accordion-header button,
.product-detail-accordion .accordion-item .accordion-header button:active,
.product-detail-accordion .accordion-item .accordion-header button:active:focus
{

    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 9px;
    color: #2B2B2B;
    background: none !important;

}

.product-detail-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)
{
    background: none;
    border:none;
    box-shadow:none!important;
}
.product-detail-accordion .product-detail-accordion-detail  p
{

    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #2B2B2B;
    margin-bottom: 5px;

}
.product-detail-accordion .product-detail-accordion-detail  p a
{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #2B2B2B;
    margin-bottom: 5px;
}
.product-detail-accordion .product-detail-accordion-detail p a.active
{



    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #A7215B;

}
.listing-search .input-group input {
    background: #F5F5F5;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #4A4A4A;
}
.listing-search .input-group button {
    background: #A7215B;
    border-radius: 0px 10px 10px 0px;
    color: #fff;
    border: 1px solid #A7215B;
}

.product-detail .left
{
    padding-left: 15px;
}
.product-detail .left img
{
    max-width: 100%;
}
.product-detail .left p
{


    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #2B2B2B;

}
.product-detail .left p:nth-child(1)
{



    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color: #194377;
    margin-bottom: 7px;


}
.product-detail .left p:nth-child(2)
{


;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #2B2B2B;
    margin-bottom: 13px;


}
.product-detail .bookmark a
{


    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #194377;
}
.product-detail .product-image
{
    float: right;
    margin-top: 60px;
}
.product-detail .product-image img
{
    border-right: 5px solid #FFFFFF;
    filter: drop-shadow(0px 2px 11px rgba(0, 0, 0, 0.2));
    border-radius: 0px 10px 10px 0px;
}

#accordionsubtitle1 .accordion-button
{
    line-height: 1.5;
}
.non-sub
{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.7;
    color: #2B2B2B;
    background: none !important;
    margin-left: 20px;
}
.non-sub a
{
    color: #2B2B2B;
}

.accordionExamplebody
{
    padding-left: 15px;
}
.accordion-button
{
    line-height: 2.5!important;
}
.accordion-button-subtitle1
{
    font-size: 16px !important;
}
.non-sub-subtitle-2,.accordion-button-subtitle2
{
    font-weight: 500 !important;
    font-size: 14px !important;
}


.non-subsubtitle3,.accordion-buttonsubtile3
{
    font-weight: 500 !important;
    font-size: 14px!important;
}
.subtitle2-body
{
    padding-left: 15px;
}
.subtitle1body
{
    padding-left: 15px ;
}

.non-sub4
{
    padding-left: 15px;
    font-size:12px;;
    font-weight: 400;
}

.search-response
{
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
    padding-left: 0px;
    padding-bottom: 0px;
}
.search-response .body
{
    margin-bottom: 40px;
    padding-top: 30px;

}
.search-response .body .col-md-4
{
    padding-left: 45px;
}
.search-response .body .col-md-8 h3
{
    color: #2B2B2B;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    margin-bottom: 20px;
    margin-top: 12px;
}
.search-response .body .col-md-8 button
{
    border-radius: 5px;
    background: #D8E2F0;
    border: 1px solid #D8E2F0;
    color: #194377;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 10px;
    margin-right: 5px;
}
.search-response .body .col-md-8 button.active
{
    background: #194377;
    border: 1px solid #194377;
    color:#fff;
}
.search-response .body .left .item-title
{
    border-bottom: 1px solid #D8E2F0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.search-response .body .left .item-title span:first-child
{
    color: #2B2B2B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
	width: 100%;
    display: block;
    line-height: 25px;
}
.search-response .body .left .item-title span:last-child
{
    color: #194377;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    border-radius: 5px;
    background: #D8E2F0;
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
	    width: 100%;
    margin-bottom: 16px;
}
.search-response .bottom
{
    border-top: 2px solid #D8E2F0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
}

.search-response .bottom .btn
{
    border-radius: 10px;
    background: #A7215B;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}
.search-response .bottom .btn.close
{
    background-color: #D8E2F0;
    color: #194377;
}

.search-empty-text
{
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.search-response .item-title span
{
    cursor: pointer;
}
.search-response .item-title span.active
{
    color: #2B2B2B !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 900 !important;
}
.term-filter-btn,.term-filter-btn:hover
{
    border-radius: 5px;
    background: #194377;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 9px;
    padding-top: 17px;
    padding-bottom: 17px;
}

.searchresponse-primaty-title
{
    color: #194377;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
    margin-top: 40px;
}
.search-response-box
{
    border-radius: 10px;
    border: 1px solid #D8E2F0;

    background: #FFF;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.search-response-box .col-md-9 p:first-child a
{
    color: #000;
;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.search-response-box .col-md-9 p:last-child a
{
    color: #000;


    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.search-response-box .col-md-3 .btn
{
    border-radius: 10px;
    background: #A7215B;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: 1px solid #A7215B;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.product-detail-content
{
    background: #fff;
    padding: 30px;
    border-radius: 11px;
    margin-top: 16px;
    font-family: 'Raleway', sans-serif !important;
    padding-left: 60px;
    padding-right: 0px;
    font-size: 14px!important;
    padding-top: 0px;
    padding-bottom: 10px;

    border: 1px solid #D8E2F0;
}
.product-detail-content .list-circle
{
    list-style: disc;
    margin-top: 30px;
}
.product-detail-content .list-circle li
{
    margin-bottom: 15px;
}

.product-detail-content .bg-gri
{
    border-radius: 10px;
    background: #E9E9E9;
    padding: 40px;
    margin-bottom: 40px;
}
.product-detail-content p
{
    margin-bottom: 15px!important;
}
.product-detail-content .bg-gri h3
{
    color: #042330;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 20px;
}
.product-detail-content .bg-gri h3:last-child
{
    margin-top: 20px!important;
}
.product-detail-content .bg-gri p
{
    color: #042330;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 138.462% */
}

.product-detail-content span.title
{
    color: #042330;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.home-1
{
    background-color: #fff;
    padding-top: 60px;
}
.p-l-r-h1
{
    padding-left: 90px;
    padding-right: 90px;
    padding-bottom: 80px;
}
.p-l-r-h1 h2
{
    color: var(--headlines);
    font-size: 31px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 20px;
}
.p-l-r-h1 .desc
{
    color: var(--text);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 80px;
}
.p-l-r-h1 .col-md-4 .bg
{
    padding: 45px;
    padding-top: 25px;
    padding-bottom: 25px;
}
.p-l-r-h1 .col-md-4 .bg
{
    border-radius: 16px;
    background: var(--lightblue);
}
.p-l-r-h1 .col-md-4 .bg p:nth-child(1)
{
    color: var(--headlines);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}

.p-l-r-h1 .col-md-4:nth-child(2) .bg p:nth-child(1)
{
    color: var(--white);
}
.p-l-r-h1 .col-md-4 .bg .col-md-6
{
    padding-top: 15px;
}
.p-l-r-h1 .col-md-4  .bg .col-md-6 img
{
    margin-top: -25px;
}
.p-l-r-h1 .col-md-4 .bg .col-md-6 p:nth-child(1)
{
    color: var(--headlines);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.p-l-r-h1 .col-md-4:nth-child(2) .bg .col-md-6 p:nth-child(1)
{
    color: var(--white);
}

.p-l-r-h1 .col-md-4 .bg .col-md-6 .btn
{
    border-radius: 5px;
    background: var(--purple);
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.p-l-r-h1 .col-md-4:nth-child(2)  .bg .col-md-6 .btn
{
    background: var(--white );
    color: var(--purple);
}


.p-l-r-h1 .col-md-4:nth-child(2) .bg
{
    border-radius: 16px;
    background: var(--purple);
}

.actuale
{
    background-color: #fff;
    padding-top: 80px;
}

.actuale .home-actuale
{

    padding-left: 90px;
    padding-right: 80px;
}
.actuale .home-actuale .title
{
    margin-bottom: 40px;
}
.actuale .home-actuale .title .col-md-6:nth-child(1)
{
    color: var(--headlines);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}
.actuale .home-actuale .title .col-md-6:nth-child(2)
{
    text-align: right;

}
.actuale .home-actuale .title .col-md-6:nth-child(2)
{
    padding-top: 10px;
}
.actuale .home-actuale .title .col-md-6:nth-child(2) a
{
    color: var(--text, #282828);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-decoration: underline;
}
.actuale .home-actuale .block:nth-child(1) .bg
{
    border-radius: 10px 0px 0px 10px;
}
.actuale .home-actuale .block:nth-child(2) .bg
{
    border-radius: 10px 0px 0px 10px;
}
.actuale .home-actuale .block:nth-child(3) .bg
{
    border-radius: 0px 16px 16px 0px;
}
.actuale .home-actuale .block .bg
{
    background: var(--lightblue);
    padding: 45px;
}
.actuale .home-actuale .block .bg p:nth-child(1)
{
    color: var(--headlines);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 12px;
    height: 81px;
    overflow-y: hidden;
}
.actuale .home-actuale .block .bg p:nth-child(2)
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 12px;
    height: 84px;
    overflow-y: hidden;
}
.actuale .home-actuale .block .bg p:nth-child(3)
{
    margin-bottom: 0px;
}
.actuale .home-actuale .block .bg p:nth-child(3) a
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-decoration-line: underline;
}
.neu
{
    background-color: #fff;
    padding-top: 120px;
}

.neu .home-neu
{
    padding-left: 90px;
    padding-right: 80px;

}
.neu .home-neu .bg
{
    border-radius: 10px;
    padding: 45px;
    background: linear-gradient(0deg, rgba(25, 67, 119, 0.80) 0%, rgba(25, 67, 119, 0.80) 100%), url(<path-to-image>), lightgray 179.515px -86.462px / 92.236% 163.811% no-repeat;
}
.neu .home-neu .bg .col-md-6:first-child
{
    padding-top: 12px;
}

.neu .home-neu .bg .col-md-6:first-child p
{
    color: var(--white);/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-top: 30px;
}
.neu .home-neu .bg .col-md-6:first-child p:nth-child(1)
{
    color: var(--white);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    margin-top: 0px!important;
}
.neu .home-neu .bg .col-md-6:last-child
{
    padding-left: 80px;
    padding-right: 60px;
}
.neu .home-neu .bg .col-md-6:last-child input[type="text"],.neu .home-neu .bg .col-md-6:last-child input[type="text"]:focus
{
    margin-bottom: 12px;
    border-radius: 10px;
    background: var(--white);
    height: 35px;
    box-shadow: none;
}
.neu .home-neu .bg .col-md-6:last-child .form-check
{
    margin-top: 35px;
}
.neu .home-neu .bg .col-md-6:last-child .form-check label
{
    color: var(--white);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-top:-4px;
    padding-left: 10px;
}
.neu .home-neu .bg .col-md-6:last-child  button
{
    border-radius: 5px;
    background: var(--purple);
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 7px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 20px;
}
.home-footer-top
{
    padding-top: 100px;
    background-color: #fff;
}
.home-footer-top .col-md-6:first-child
{
    background: var(--lightblue);
    padding-left: 195px;
    padding-top: 50px;
    padding-right: 60px;
}
.home-footer-top .col-md-6:first-child p:first-child
{
    color: var(--headlines);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 35px;
}
.home-footer-top .col-md-6:first-child p:last-child
{
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.home-footer-top .col-md-6:first-child .btn
{
    border-radius: 5px;
    background: var(--Purple, #A7215B);
    color: var(--white, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 35px;
    margin-bottom: 40px;
    padding: 7px;
    padding-left: 25px;
    padding-right: 25px;
}
.home-footer-top .col-md-6:last-child
{
    padding: 0px;
}
.footer
{
    background: var(--headlines);
    padding-top: 80px;
    padding-bottom: 80px;
}
.footer .footer-out
{
    padding-left: 90px;
    padding-right: 90px;
}

.footer .footer-out h3
{
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 35px;
}
.footer .footer-out p
{
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}
.footer .footer-out .col-md-4:nth-child(1) p:nth-child(2)
{
    margin-bottom: 15px;
}
.footer .footer-out .col-md-4:nth-child(1) a
{
    color:#fff;
    text-decoration: underline;
}
.footer .footer-out .col-md-4 ul li
{
    margin-bottom: 7px;
}
.footer .footer-out .col-md-4 ul li a
{
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;

}
.footer .footer-out .col-md-1
{
    text-align: right;
}
.footer .footer-out .col-md-1 img
{
    width: 27px;
}
.zmv-port
{
    background-color: #fff;
}
.content-block
{
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 60px;
    padding-bottom: 60px;
}
.content-block .detail-nav-bottom
{
    border-radius: 16px;
    background: #F5F5F7;
    padding: 45px;
}

.content-block .detail-nav-bottom .col-md-2 img
{
    width: 100%;
    border-radius: 10px;
    background: url(<path-to-image>), lightgray 50% / cover no-repeat;
    box-shadow: 0px 0px 15.9px 0px rgba(0, 0, 0, 0.20);
}

.content-block .detail-nav-bottom h3
{
    color: var(--headlines);
    font-size: 33px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.content-block .detail-nav-bottom p
{
    color: var(--text);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 40px;
}
.content-block .detail-nav-bottom .col-md-4
{
    padding-right: 40px;
}
.content-block .detail-nav-bottom .col-md-4 a
{
    border-radius: 5px;
    background: var(--purple);
    color: var(--white, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    width: 100%;
}
.content-block .detail-nav-bottom .col-md-4:last-child a
{
    background: var(--white);
    color: var(--purple);
    border:1px solid var(--purple);
}
.detail-inline-block
{
    margin-top: 50px;
    padding-left: 90px;
    padding-right: 90px;
}
.detail-inline-block h3
{
    color: var(--headlines);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 45px;
}
.detail-inline-block p
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.detail-inline-block.aktuel
{
    padding-top: 50px;
}
.detail-inline-block.aktuel .borders
{
    margin-top: 90px;
}
.detail-inline-block.aktuel .borders .col-md-12
{
    background: var(--lightblue);
    height: 1px;
}

.detail-inline-block.aktuel .col-md-8 .bg
{
    border-radius: 16px;
    background: var(--headlines);
    padding: 35px;
    color:#fff;
}
.detail-inline-block.aktuel .col-md-4 .bg
{
    border-radius: 16px;
    background: var(--purple);
    padding: 35px;
    color:#fff;
}
.detail-inline-block.aktuel .bg p
{
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 40px;
    font-family: 'Raleway', sans-serif !important;
}
.detail-inline-block.aktuel .bg  ul
{
    padding-left: 15px;
}
.detail-inline-block.aktuel .bg  ul li
{
    list-style: disc;
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 5px;
}
.detail-inline-block.aktuel .col-md-4 .bg
{
    padding-bottom: 78px;
}
.detail-inline-block.aktuel .col-md-4 .bg  ul li
{
    list-style: disc;
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    font-family: 'Raleway', sans-serif !important;
    line-height: 22px;

}
.detail-inline-block.aktuel .left p
{
    margin-top: 35px;
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.detail-inline-block.aktuel .left ul
{
    list-style: disc;
    padding-left: 20px;
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.detail-inline-block.aktuel .right img
{
    width: 100%;
    border-radius: 10px;
    background: url(<path-to-image>), lightgray 50% / cover no-repeat;
    box-shadow: 0px 0px 15.9px 0px rgba(0, 0, 0, 0.20);
}

.detail-inline-block.aktuel .right .btn
{
    border-radius: 5px;
    border: 1px solid var(--purple);
    background: var(--white);
    color: var(--purple);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 20px;
}

.detail-inline-block.bottom .btn
{
    border-radius: 5px;
    border: 1px solid var(--purple);
    background: var(--white);
    color: var(--purple);

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 30px;
}

.detail-digital
{
    background-color: #fff;
    padding-top: 80px;
}
.detail-digital .top
{
    padding-left: 90px;
    padding-right: 90px;
}
.detail-digital .top .image img
{
    width: 100%;

    border-radius: 10px;
    background: url(<path-to-image>), lightgray 50% / cover no-repeat;
    box-shadow: 0px 0px 15.9px 0px rgba(0, 0, 0, 0.20);
}
.detail-digital .digital-information
{
    padding-left: 60px;
}
.detail-digital .digital-information p:nth-child(1)
{
    color: var(--purple);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.detail-digital .digital-information p:nth-child(2)
{
    color: var(--headlines);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 30px;
}
.detail-digital .digital-information p:nth-child(3)
{
    margin-bottom: 30px;
}

.detail-digital .digital-information p:nth-child(3) span
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding-right: 30px;
}


.detail-digital .digital-information p:nth-child(4)
{
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 30px;
}


.detail-digital .digital-information .block .bg
{
    border-radius: 10px;
    border: 1px solid var(--lightblue);
    padding: 20px;
}

.detail-digital .digital-information .block .icon,.detail-digital .digital-information .block .title
{
    float: left;
}
.detail-digital .digital-information .block .icon
{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border:1px solid #D8E2F0;
    margin-right: 15px;
}
.detail-digital .digital-information .block .title
{
    color: var(--headlines);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-top: -3px;
}
.detail-digital .digital-information .block .desc
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 16px;
    margin-bottom: 16px;
}
.detail-digital .digital-information .block .price
{
    color: var(--headlines);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.detail-digital .digital-information .btn
{
    border-radius: 5px;
    background: var(--purple);
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 8px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
}
.detail-digital .digital-information .block.active .bg
{
    border-radius: 10px;
    border: 1px solid var(--lightblue);
    background: var(--lightblue);
}

.detail-digital .digital-information .block.active .icon
{
    background-color: #194377;
}
.digital-search
{
    padding-top: 70px;
    background-color: #fff;
}
.digital-search .search
{
    padding-left: 90px;
    padding-right: 90px;
}
.digital-search .search p
{
    color: var(--headlines);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 12px;
}
.digital-search .search input
{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid var(--lightblue);
    background: var(--white);
}

.digital-search .search button
{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid var(--lightblue);
    background: var(--white);
    border-left: none;
}
.digital-detail-archive-coursel
{
    background-color: #fff;
}
.digital-detail-archive-coursel .coursel
{
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 30px;
    position: relative;
}
.bg-white
{
    background-color: #fff;
}

.digital-detail-archive-coursel .coursel .digital-detail-owl .item
{




    text-align: center;
}
.digital-detail-archive-coursel .coursel .digital-detail-owl .item a
{
    color: var(--headlines);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    width: 100%;
    background: var(--lightblue);
    padding: 10.2px 20px;
    border-radius: 5px;

    display: block;
}
.digital-detail-archive-coursel .coursel .digital-detail-owl .item.active
{

}
.digital-detail-archive-coursel .coursel .digital-detail-owl .item.active a
{
    background: var(--headlines);
    color: var(--white);
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot
{
    padding: 8px!important;
    padding-left: 9px !important;
    padding-right: 9px!important;
}
.digital-detail-archive-coursel .owl-next
{
    background: var(--lightblue) !important;

    border-radius: 100%;
    position: absolute;
    right: -79px;
    top: 0px;

}
.digital-detail-archive-coursel .owl-prev
{
    background: var(--lightblue) !important;

    border-radius: 100%;
    position: absolute;
    left: -79px;
    top: 0px;

}
.digital-detail-archive .archive
{
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.digital-detail-archive .archive .col-md-2
{
    margin-bottom: 20px;
}
.digital-detail-archive .archive .col-md-2 img
{
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid var(--lightblue);
    background: url(<path-to-image>), lightgray 0px 0.386px / 100% 132.062% no-repeat;
    margin-bottom: 12px;

}

.digital-detail-archive .archive .col-md-2 a
{
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}


.digital-detail-archive .archive .col-md-2.active a
{
    color: var(--purple);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.digital-detail-active-archive .detail
{
    padding-left: 90px;
    padding-right: 90px;
    padding-bottom: 50px;
}
.digital-detail-active-archive .detail .bg
{
    border-radius: 16px;
    border: 1px solid var(--lightblue);
    background: var(--white);
    padding: 30px;
}
.digital-detail-active-archive .detail .bg h3
{
    color: var(--headlines);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 30px;
}
.digital-detail-active-archive .detail .bg .title
{
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.digital-detail-active-archive .detail .bg .left
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 5px;
}

.digital-detail-active-archive .detail .bg .right .col-md-5
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    padding-bottom: 5px;
}
.digital-detail-active-archive .detail .bg .right .col-md-7
{
    color: var(--purple);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-align: right;
    padding-bottom: 5px;
}

.digital-detail-active-archive .detail .bg .archiveblock
{
    margin-bottom: 15px;
}
.detail-quantity
{
    margin-right: 20px;
}
.detail-quantity,.detail-basket
{
    float: left;
}
.detail-quantity
{
    padding-top: 30px;
}
.detail-quantity input,.detail-quantity input:focus
{
    border: 1px solid var(--lightblue);
    background: var(--white);
    border-left: none;
    border-right: none;
    max-width: 72px;
    height: 38px;
    text-align: center;


    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.detail-quantity input::-webkit-outer-spin-button,
.detail-quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.detail-quantity input[type=number] {
    -moz-appearance: textfield;
    height: 37.5px;
}

.detail-quantity button
{
    border: 1px solid var(--lightblue);
    background: var(--white);
    padding-top: 5.2px;
    padding-bottom: 7.3px;
    height: 37px;

}

.detail-quantity button.br-none
{
    border-right: none;
    margin-right: -3px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


.detail-quantity button.bl-none
{
    border-left: none;
    margin-left: -3px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.basket
{
    padding-top: 40px;
    padding-bottom: 200px;
}
.basket .title
{
    margin-bottom: 30px;
}
.basket .title h3
{
    color: var(--headlines);
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
}
.basket .left .in
{
    border-radius: 16px;
    border: 1px solid var(--lightblue);
    background: var(--white);
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
}
.basket .left .list-group
{
    border-radius: 0px;
}
.basket .left .list-group a.actives
{
    color: var(--purple) !important;
}

.basket .left .list-group svg
{
    margin-right: 15px;
}


.basket .left .list-group-item
{
    background: none;
    border:none;
    padding-top: 15px;
    padding-bottom: 15px;


    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    border-radius: 0px;
    padding-left: 0px;
}
.basket .left .lefttop
{
    border-bottom: 1px solid  var(--lightblue);
    padding-bottom: 30px;
}

.basket .left .center {
    color: var(--text);
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 20px;

}
.basket .left .contact {
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    border-bottom: 1px solid  var(--lightblue);
    padding-bottom: 30px;
}
.basket .left .contact svg
{
    margin-right: 15px;
}

.basket .left .shopbtn
{
    border-radius: 5px;
    border: 1px solid var(--purple);
    background: var(--white);
    color: var(--purple);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 35px;
    margin-bottom: 20px;
}
.basket .right .in
{
    border-radius: 16px;
    border: 1px solid var(--lightblue);
    background: var(--white);
    padding: 30px;
}
.basket .right .in .tabletitle
{
    border-bottom: 1px solid  var(--lightblue);
    padding-bottom: 15px;
}
.basket .right .in .tabletitle .row div
{
    color: var(--headlines);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}
.basketrow
{
    padding-top: 30px;
    border-bottom: 1px solid  var(--lightblue);
    padding-bottom: 25px;
}
.basketrow .image
{
    float: left;
    width: 80px;
    border-radius: 10px;
    border: 1px solid var(--lightblue);
    background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}
.basketrow .image img
{
    width: 100%;
    border-radius: 10px;
}
.basketrow .product
{
    float: left;
    padding-left: 20px;
}
.basketrow .product p:nth-child(1)
{
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 10px;
}
.basketrow .product p:nth-child(2),.basketrow .product p:nth-child(3)
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.basketrow .product p:nth-child(4)
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
}

.basketrow .price
{
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}


.basketrow .quan input,.basketrow .quan input:focus
{
    border: 1px solid var(--lightblue);
    background: var(--white);
    border-left: none;
    border-right: none;
    max-width: 72px;
    height: 38px;
    text-align: center;


    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 38px;
}
.basketrow .quan input::-webkit-outer-spin-button,
.basketrow .quan input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.basketrow .quan input[type=number] {
    -moz-appearance: textfield;
}

.basketrow .quan button
{
    border: 1px solid var(--lightblue);
    background: var(--white);
    padding-top: 5.2px;
    padding-bottom: 7.3px;

}

.basketrow .quan button.br-none
{
    border-right: none;
    margin-right: -3px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 38px;
}


.basketrow .quan button.bl-none
{
    border-left: none;
    margin-left: -3px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 38px;
}

.basketrow .totalprice
{
    text-align: right;
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.basketrow .delete
{
    padding-top: 45px;
}
.basketrow .delete button
{
    color: var(--purple);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    background: none;
    border:none;
}

.basketbottom
{
    padding-top: 45px;
    padding-left: 15px;
    padding-right: 15px;
}

.basketbottom .col-md-6
{
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding-left: 0px;
    padding-right: 0px;
}
.basketbottom .col-md-6.bb
{
    padding-top: 12px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--lightblue);
}

.basketbottom .col-md-6.gesam
{
    padding-top: 25px;
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.basketbottom .continuebtn
{
    text-align: right;
    padding-right: 0px;
    padding-top: 40px;
}

.basketbottom .continuebtn .btn
{
    border-radius: 5px;
    background: var(--purple);
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding-right: 20px;
    padding-left: 20px;
}
.basketbottom .continuebtn .btn svg
{
    margin-right: 12px;
}
.recommended-external .block .img img
{
    height: 295px;
}
.menu-middle-dropdown
{
    padding-left: 20px;
    padding-right: 20px;

    border: none!important;

    border-radius: 16px;
    background: var(--white);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    padding-top: 40px;
    padding-bottom: 40px;
}


.menu-middle-dropdown .dropdown-item
{
    color: var(--text) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    padding-left: 15px !important;
}
.menu-middle-dropdown .parent
{
    margin-bottom: 12px;
}
.menu-middle-dropdown .parent
{

    color: var(--text) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    padding-left: 0px!important;
}

.menu-middle-dropdown .sepetator
{
    width: 100%;
    background: var(--lightblue);
    height: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.menu-middle-dropdown .sepetator:last-child
{
    background: none!important;
}
.category
{
    background-color: #fff;
}
.category .category-body
{
    padding-top: 70px;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 70px;

}
.category .category-body h2
{
    color: var(--headlines);
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    padding-bottom: 40px;
    margin-left: -10px;
}
.category .product-block
{
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
.category .product-block .bg
{
    border-radius: 16px;
    border: 1px solid #DCDCEB;
    background: #F4F4FF;
    padding-top: 25px;
    padding-bottom: 25px;
}
.category .product-block .bg .image
{
    text-align: center;
    margin-bottom: 15px;
}
.category .product-block .bg .image img
{
    width: 140px;
    height: 200px;
}
.category .product-block .bg .name
{
    min-height: 49px;
}
.category .product-block .bg .name a
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    margin-bottom: 5px;

}
.category .product-block .bg .desc
{
    min-height: 48px;
}
.category .product-block .bg .desc a
{
    color: var(--grey);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 5px;

}
.category .product-block .bg .price a
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
}
.category .product-block .descprion
{
    padding-left: 30px;
    padding-right: 30px;
}

.product-detail-normal
{
    background-color: #fff;
}

.product-detail-normal .product-detail-normal-content
{
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 70px;
    padding-bottom: 70px;
}
.product-detail-normal .product-detail-normal-content .product-detail-header-btn
{
    margin-bottom: 60px;
}
.product-detail-normal .product-detail-normal-content .product-detail-header-btn .btn
{
    border-radius: 5px;
    border: 1px solid var(--purple);
    background: var(--white);
    color: var(--purple);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.product-detail-normal-content .right .title p:nth-child(1)
{
    color: var(--headlines);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}
.product-detail-normal-content .right .title p:nth-child(2)
{
    color: var(--headlines);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.product-detail-normal-content .right .title
{
    margin-bottom: 40px;
}
.product-detail-normal-content .right .right-prop
{
    text-align: right;
}
.product-detail-normal-content .right .properties div
{
    color: var(--text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.product-detail-normal-content .right .description
{
    margin-top: 30px;
}
.product-detail-normal-content .right .price
{
    color: var(--headlines);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin-top: 25px;
}
.procudt-detail-basket-btn .btn
{
    border-radius: 5px;
    background: var(--purple);
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 30px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.related-product img
{
    height: 200px;
}
.related-product
{
    border-top : 1px solid #D8E2F0;
    margin-top: 80px;
    padding-top: 70px;
}
.related-product h3
{
    color: var(--headlines);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 70px;
}
.header-b-q
{
    background: var(--purple);
    color: var(--white);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    position: absolute;
    right: 14px;
    top: -28px;
    border-radius: 100%;
    height: 20px;
    text-align: center;
    width: 20px;
    text-align: center !important;
    padding-top: 2px;
}
.basket-empty
{
    border-radius: 16px;
    background: var(--white);
    text-align: center;
    padding-top: 180px;
    padding-bottom: 180px;
}
.basket-empty h3
{
    color: var(--headlines);
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 50px;
}
.basket-empty .btn
{
    border-radius: 5px;
    background: var(--purple);
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.list-pagination
{
    margin-top: 70px;
}
.list-pagination .page-link
{
    color:#000;
}

.list-pagination .active>.page-link, .page-link.active
{
    background: var(--purple);
    color: var(--white);
    border-color: var(--purple);;
}

@media screen and (max-width: 768px)
{
    .header-top .text-right
    {
        text-align: left!important;
    }
    .header-top .right span:first-child a
    {
        padding-left: 0px;
    }
    .header-top .right a
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .header-middle .col-md-3 .f-right
    {
        float: left !important;
        padding-left: 25px;
    }
    .header-menu .nav-fill .nav-item
    {
        width: 100%;
    }
    .header-menu .nav-fill .nav-item a,.header-menu .nav-fill .nav-item:first-child a
    {
        padding-left: 30px;
    }
    .dropdown-content
    {
        top: 0px;
    }
    .dropdown-content .column
    {
        width: 50%;
        padding-left: 25px;
        padding-right: 15px;
        height: 175px;
    }

    .dropdown-content  .column-right
    {
        width: 46%;
    }
    .header-menu
    {
        padding-right: 0px;
        padding-left: 0px;
    }
    .header-menu .container
    {
        padding-left: 0px;
        padding-right: 0px;
    }

    .p-l-r-h1
    {
        padding-right: 0px;
        padding-left: 0px;
    }
    .p-l-r-h1 .col-md-4 .bg .col-md-6 .btn
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .p-l-r-h1 .col-md-4 .bg
    {
        margin-bottom: 30px;
    }

    .home-all-product
    {
        padding-right: 15px;
        padding-left: 15px;
    }
    .recommended-products .block
    {
        padding-right: 0px;
        width: 100%;
        margin-bottom: 30px;
    }

    .recommended-external .block .img
    {
        width: 100%;
        height: 350px;
    }

    .recommended-external .block .img img
    {
        height: 350px;
        width: 100%;
    }

    .actuale .home-actuale
    {
        padding-right: 0px;
        padding-left: 0px;
    }

    .actuale .home-actuale .block
    {
        margin-bottom: 30px;
    }
    .actuale .home-actuale .block .bg
    {
        border-radius: 10px !important;
    }
    .neu .home-neu
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    .neu .home-neu .bg .col-md-6:last-child
    {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 45px;
    }
    .home-footer-top .col-md-6:first-child
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .footer .footer-out
    {
        padding-right: 0px;
        padding-left: 15px;
    }

    .footer .footer-out .col-md-4
    {
        margin-top: 30px;
    }
    .register-login .left
    {
        padding-right: 15px;
    }
    .register-login .right
    {
        padding-left: 15px;
        margin-top: 30px;
    }
    .register-login .right
    {
        margin-bottom: 30px;
    }
    .content-block
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    .content-block .detail-nav-bottom h3
    {
        font-size: 23px;
    }
    .content-block .detail-nav-bottom
    {
        padding: 15px;
    }
    .content-block .detail-nav-bottom .col-md-4
    {
        margin-bottom: 12px;
        padding-right: 15px;
    }
    .detail-inline-block
    {
        padding-right: 0px;
        padding-left: 0px;
    }
    .detail-inline-block.aktuel .col-md-8 .bg
    {
        margin-bottom: 30px;
    }
    .detail-inline-block.aktuel .right img
    {
        margin-top: 30px;
    }
    .detail-inline-block.aktuel .left ul li
    {
        word-wrap: normal;
        word-wrap: break-word;
    }
    .detail-digital .top
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    .detail-digital .digital-information
    {
        padding-left: 15px;
        padding-top: 30px;
    }

    .detail-digital .digital-information .block
    {
        margin-bottom: 30px;
    }
    .digital-search .search
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .digital-detail-archive .archive
    {
        padding-right: 15px;
        padding-left: 15px;
    }
    .digital-detail-active-archive .detail
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .digital-detail-active-archive .detail .bg .right .col-md-5
    {
        padding-left: 0px;
    }
    .hidden-xd
    {
        display: none;
    }
    .basket .left
    {
        margin-bottom: 30px;
    }
    .basket .right .in
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .basketrow .image
    {
        width: 65px;
    }
    .basketrow .product
    {
        padding-left: 10px;
    }
    .basketrow .product p:nth-child(1)
    {
        font-size: 14px;
    }
    .basketrow .price
    {
        margin-top: 15px;
    }
    .basketrow .quan
    {
        margin-top: 15px;
    }
    .basketrow .totalprice
    {
        margin-top: 15px;
        padding-right: 35px;
    }
    .basketrow .delete
    {
        padding-right: 35px;
    }
}



.white-btn
{
    color: #fff !important;
    padding: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: auto !important;
    height: 18px !important;
    font-size: 12px !important;
    line-height: 13px !important;
    margin-left: 10px !important;
    display: inline-table;
}
.primary-title-add-btn
{
    background: #A7215B;
    color: #fff;
    border: 1px solid #A7215B;
    width: 100%;
    border-radius: 6px;
    padding-top: 8.5px !important;
    padding-bottom: 8.5px !important;
    height: unset !important;
    float: right;
	margin-top:20px;

}
.fs-18
{
    font-size: 16px!important;
}
.fs-16
{
    font-size: 16px!important;
}
.fs-14
{
    font-size: 14px!important;
}
.fs-12
{
    font-size: 13px!important;
}
.fs-10
{
    font-size: 12px!important;
}
.fs-8
{
    font-size: 11px!important;
}
.fs-6
{
    font-size: 11px!important;
}

.ajaxfrmsavebtn
{
    background: #A7215B;
    border-radius: 10px;
    color: #fff;
    border: 1px solid #A7215B;
}
.product-detail-content .table
{
    margin: 0px;
    border: none;
}
.product-detail-content .table tr td:first-child
{

    border: none;
    padding-right: 75px;
}
.product-detail-content .table tr td:last-child
{
    background: #F9FCFF;
    vertical-align: text-top;
    padding-left: 30px;
    padding-right: 30px;

    color: #000;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    border: none;
}
.ajaxnewcontentaddbtn,.ajaxfrmnewsavebtn
{
    background-color: #A7215B;
    color:#fff;
    margin-bottom: 15px;
    font-size: 12px;
    border:none;
}
.profile-adress-table .btn
{
    border-radius: 10px;
    background: #A7215B;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}
#adressModal .btn-primary,#adressEditModal .btn-primary
{
    background: #A7215B;
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    border:1px solid #A7215B;
}
.libary-section-title
{
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color: #2B2B2B;
    margin-top: 50px;
    margin-bottom: 50px;
}

.content-deletebtn
{
    background-color: #b81d02;
    border:1px solid #b81d02;
    color:#fff;
    font-size: 12px;
    padding:5px;
    padding-left: 15px;
    padding-right: 15px;
    float: right;
    margin-left: 30px;
    margin-right: 30px;
}

.libaryupdatetitleform input,.libaryupdatetitleform input:focus
{
    border:1px solid #ccc !important;
    box-shadow: none!important;
}

.libaryupdatetitleform button,.libaryupdatetitleform button:focus
{
    border:1px solid #ccc !important;
    box-shadow: none!important;
}

.sidebar-scroll
{

    height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-bottom: 50px;
}

/* width */
.sidebar-scroll::-webkit-scrollbar {
    width: 7px;
}

/* Track */
.sidebar-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.sidebar-scroll::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.accordion-button::after
{
    display: none;
}

.accordioni
{
    position: absolute;
    right: 20px;
    font-size: 18px;
}
.adress-box
{
    margin-bottom: 15px;
}
.adress-box .bg
{
    border-radius: 16px;
    border: 1px solid var(--lightblue);
    background: var(--white);
    padding: 30px;
    min-height: 230px;
}


.adress-box button
{

    border-radius: 10px;
    background: #A7215B;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-top: 15px;
}

.pay-change-box .bg
{
    border-radius: 16px;
    border: 1px solid var(--lightblue);
    background: var(--white);
    padding: 30px;
    cursor: pointer;
    margin-top: 30px;
}
.pay-change-box .bg i
{
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
.pay-change-box .bg .fa-circle
{
    display: none;
}
.pay-change-box .bg .fa-circle-dot
{
    display: block;
}

.pay-change-box.active .bg
{
    background-color:rgba(46, 142, 138, 0.45);
}

.pay-change-box.active .bg .fa-circle
{
    display: block;
}

.pay-change-box.active .bg .fa-circle-dot
{
    display: none;
}
.bank-account-list .card .card-title
{
    color: var(--text);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}
.bank-account-list
{
    margin-top: 50px;
    display: none;
}
.bank-account-list h3
{
    color: var(--text);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
}

.bank-account-list .card .card-subtitle
{
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

.bank-account-list .card .card-text
{
    font-size:14px;
}
#navbarSupportedContent .dropdown.show
{
    position: unset;
}
#navbarSupportedContent .dropdown-menu.full-dropdown.show{
    width: 100%;
    border: none;
    left: 0px;
}
#navbarSupportedContent .dropdown-content .container
{
    padding-left: 0px;
    padding-right: 0px;
}
.product-xml .sidebar .list-group-item
{
    border: none !important;
    background: none!important;
    color: #2B2B2B;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 20px;
    padding-bottom: 20px;
}

.product-xml .sidebar .list-group-item.active
{
    color: #A7215B;
}
.product-xml .sidebar .list-group
{
    margin-bottom: 40px;
}
.product-xml .sidebar .sidebarzum
{
    border-radius: 0px 0px 20px 20px;
    background: #A7215B;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.product-xml .sidebar .sidebarzum a
{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.libary-home-title
{
    color: #194377;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 40px;
    padding-top: 40px;
}

.digital-block
{
    cursor: pointer;
}

.digital-block.active
{
    cursor: unset;
}


/* Library General */


.header
{
    padding-top: 30px;
}

.header .logo-row .col-md-6:last-child
{
    text-align: right;
}
.header .logo-row .col-md-6:last-child a
{

    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #194377;
    margin-left: 12px;


}
.header .logo-row .col-md-6:last-child .zum-shop
{


    background: #A7215B;
    border-radius: 14px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 10px;
    padding-left: 17px;
    padding-right: 17px;
    border:1px solid #A7215B;

}


/* Library General Old*/


.library-general-header
{
    padding-top: 30px;
}

.library-general-header .logo-row .col-md-6:last-child
{
    text-align: right;
}
.library-general-header .logo-row .col-md-6:last-child a
{

    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #194377;
    margin-left: 12px;


}
.library-general-header .logo-row .col-md-6:last-child .zum-shop
{


    background: #A7215B;
    border-radius: 14px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 10px;
    padding-left: 17px;
    padding-right: 17px;
    border:1px solid #A7215B;

}



.general-content
{
    margin-top: 50px;
}
.general-content .bg
{
    background: linear-gradient(99.47deg, #194377 42.85%, #3E70AE 87.81%);
    border-radius: 20px;
    height: 400px;
    width: 90%;
    padding: 60px;
}
.general-content .bg h3
{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    color: #FFFFFF;
    margin-bottom: 25px;

}
.general-content .bg p
{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}
.general-content .bg p:nth-child(2)
{
    margin-bottom: 25px;
}
.general-content .login
{
    padding: 25px;
    right: 0px;
    top: 12%;
    width: 450px;
    background: #FFFFFF;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}
.general-content .login p:first-child
{
    margin-bottom: 25px;
}
.general-content .login p:first-child span:last-child
{
    float: right;

}

.general-content .login p:first-child span:first-child
{

    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #194377;
}
.general-content .login input
{
    background: #F5F5F5;
    border-radius: 7px;
    margin-bottom: 30px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #4A4A4A;
    height: 40px;


}


.general-content .login input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #4A4A4A;
}

.general-content .login input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #4A4A4A;
}

.general-content .login input::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #4A4A4A;
}
.general-content .login .loginbtn
{
    float: left;
    margin-top: 20px;
}
.general-content .login .loginbtn button
{
    background: #A7215B;
    border-radius: 12px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #FFFFFF;
    border:1px solid #A7215B;
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
}
.general-content .login .forgotpass
{
    float: right;
    margin-top: 20px;
    padding-top: 10px;
}
.general-content .login .forgotpass a
{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #4A4A4A;
}
.content-empty-btn
{
    padding-top: 50px;
    padding-bottom: 50px;
}

.right-btn-empty
{
    background: #A7215B;
    color: #fff;
    border: 1px solid #A7215B;
    border-radius: 10px;
    margin-top: 15px;
    font-size:14px;

}

.sidebar-scroll .accordion-header
{
    padding: 0px;
}
.sidebar-scroll .accordion-header button
{
  padding-top: 5px;
   padding-bottom: 5px;

}

.content-empty-btn-inline
{
    padding-bottom: 50px !important;
}
.content-order-title-btn
{
    background-color: #b81d02;
    border: 1px solid #b81d02;
    color: #fff;
    font-size: 12px;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    float: right;
    margin-left: 0px;
    margin-right: 30px;
}
.activesidebarbtn
{
	color:#A7215B !important;
}


p.fs-8
{
	padding-left:33px !important;
	line-height:12px!important;
	padding-top:5px;
	padding-bottom:5px;
}
button.fs-8
{
	padding-left:52px !important;
	line-height:12px!important;
		padding-top:5px;
	padding-bottom:5px;
}
p.fs-6
{
	padding-left:42px !important;
	padding-top:2px;
	padding-bottom:2px;
}

button.fs-10
{
	line-height:19px!important;
	font-weight:400!important;
		padding-left:33px !important;
}
p.fs-10
{
	padding-left:13px!important;
	font-weight:400!important;
	line-height:19px!important;
}


button.fs-12
{
	padding-top:5px !important;
	padding-bottom:5px!important;
	line-height:19px!important;
}
button.fs-14
{
	padding-top:5px !important;
	padding-bottom:5px!important;
	line-height:19px!important;
}
button.fs-16
{
	padding-top:5px !important;
	padding-bottom:5px!important;
	line-height:19px!important;
}
.sticky-col-4
{
    position: sticky;
    top: 30px;
    align-self: start;
}

@media screen and (max-width: 768px)
{
    .sticky-col-4
    {
        position: static;
        top: 0;
        align-self: start;
    }

    .product-detail-normal .product-detail-normal-content
    {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .product-detail-normal-content .right .title
    {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .product-detail-normal .product-detail-normal-content .product-detail-header-btn
    {
        margin-bottom: 30px;
    }

    .category .category-body
    {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .category .category-body h2
    {
        font-size: 20px;
    }
    .category .product-block
    {
        margin-bottom: 30px;
    }
    .basketrow .image
    {
        width: 30%;
    }
    .basketrow .product
    {
        width: 70%;
        padding-left: 10px;
        padding-top: 15px;
    }
    .basketrow .totalprice
    {
        display: none;
    }
    .basketrow .price
    {
        padding-top: 8px;
    }
    .header-menu .nav-fill .nav-item a, .header-menu .nav-fill .nav-item:first-child a
    {
        padding-left: 0px;
    }
}

